@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#030712;--bg-card:#11182766;--bg-card-hover:#1f293799;--border-glass:#ffffff0d;--primary:#10b981;--primary-glow:#10b98126;--accent:#6366f1;--accent-glow:#6366f126;--text-main:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280;--glass-blur:24px;--transition-ultra:all .5s cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--bg-main:#f8fafc;--bg-card:#ffffffb3;--bg-card-hover:#fffffff2;--border-glass:#00000014;--primary:#059669;--primary-glow:#10b98133;--accent:#4f46e5;--accent-glow:#4f46e533;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 30%,#10b98114 0%,#0000 40%),radial-gradient(circle at 80% 70%,#6366f114 0%,#0000 40%),radial-gradient(circle,#030712 0%,#0000 100%);min-height:100vh;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}[data-theme=light] body{background-image:radial-gradient(circle at 20% 30%,#10b98114 0%,#0000 40%),radial-gradient(circle at 80% 70%,#6366f114 0%,#0000 40%),radial-gradient(circle,#f1f5f9 0%,#0000 100%)}h1,h2,h3,h4{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-weight:700}.text-gradient{background:linear-gradient(135deg,#fff 0%,#9ca3af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .text-gradient{background:linear-gradient(135deg,#0f172a 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);transition:var(--transition-ultra);will-change:transform;backface-visibility:hidden;border-radius:24px;position:relative;overflow:hidden;transform:translateZ(0)}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:after{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 40%,#10b98166 50%,#0000 60%);border-radius:24px;padding:1px;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover:after{opacity:1}.glass-card:hover{background:var(--bg-card-hover);border-color:#10b98126;transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #0006,0 0 60px #10b9810f}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #059669 100%);color:#fff;cursor:pointer;transition:var(--transition-ultra);box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:14px;padding:12px 24px;font-weight:600;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:40%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.btn-primary:hover:after{left:120%}.btn-primary:hover{box-shadow:0 8px 24px var(--primary-glow), 0 0 40px #10b98126;transform:scale(1.05)translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-outline{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition-ultra);border-radius:14px;padding:12px 0;font-size:13px;font-weight:600}.btn-outline:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary);color:var(--text-main);transform:translateY(-1px);box-shadow:0 4px 12px #10b9811a}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.strength-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-muted);transition:var(--transition-ultra);cursor:default;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.strength-badge:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--text-main);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #10b98126}.premium-input{border:1px solid var(--border-glass);color:var(--text-main);width:100%;transition:var(--transition-ultra);background:#ffffff08;border-radius:14px;outline:none;padding:14px 20px}[data-theme=light] .premium-input{color:var(--text-main);background:#00000005}.premium-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow), 0 0 20px #10b98114;background:#ffffff0d}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:10px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .3s;display:inline-block}.badge:hover{transform:scale(1.08)}.badge-glow-green{color:var(--primary);background:#10b9811a;border:1px solid #10b98133;animation:3s ease-in-out infinite badge-breathe;box-shadow:0 0 10px #10b9811a}@keyframes badge-breathe{0%,to{box-shadow:0 0 10px #10b9811a}50%{box-shadow:0 0 20px #10b98140}}@keyframes mesh-float{0%,to{background-position:0%}50%{background-position:100%}}body:before{content:"";pointer-events:none;z-index:-1;will-change:background-position;background-color:#0000;background-image:radial-gradient(circle at 20% 30%,#10b9810f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#6366f10f 0%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:15s ease-in-out infinite mesh-float;position:fixed;inset:0;transform:translateZ(0)}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.pulse-glow{animation:3s ease-in-out infinite pulse-glow}@keyframes scan{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.5}to{opacity:0;transform:translateY(100%)}}.scan-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);height:2px;animation:2s linear infinite scan;position:absolute;top:0;left:0;right:0}tr{transition:all .25s;position:relative}tr:hover{background:#10b98108!important}tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--primary)}img[alt=Avatar],img[alt=""]{transition:all .4s cubic-bezier(.22,1,.36,1)}img[alt=Avatar]:hover,img[alt=""]:hover{transform:scale(1.1);box-shadow:0 0 20px #10b98133}a{transition:all .3s}a:hover{text-shadow:0 0 8px #10b9814d}select{color:var(--text-main);font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:linear-gradient(#1e293b,#334155);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.mobile-header{display:none}@media (width<=1200px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (width<=1024px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)!important}.responsive-grid-2-1{grid-template-columns:1fr!important}}@media (width<=768px){.mobile-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-glass);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:64px;padding:0 20px;position:fixed;top:0;left:0;right:0;display:flex!important}.sidebar{top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #00000080;z-index:5000!important;width:280px!important;position:fixed!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block!important}main{margin-left:0!important;padding-top:64px!important}.responsive-grid-4,.responsive-grid-3,.responsive-grid-2,.responsive-grid-2-1{grid-template-columns:1fr!important}.responsive-profile-banner{text-align:center!important;flex-direction:column!important;padding:30px!important}.responsive-profile-banner>div:last-child{margin-top:20px;text-align:center!important;margin-left:0!important}.glass-card{padding:20px!important}}@media print{@page{size:A4 landscape;margin:0}body{background:#fff!important;margin:0!important;padding:0!important}html,body,#root{height:100vh!important;overflow:hidden!important}body *{visibility:hidden}#certificate-print-area,#certificate-print-area *{visibility:visible!important}#certificate-print-area{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}#certificate-print-area>div{border-radius:0!important;flex-direction:column!important;justify-content:center!important;width:95%!important;height:95%!important;margin:0 auto!important;display:flex!important}#certificate-print-area h1,#certificate-print-area h2,#certificate-print-area p,#certificate-print-area strong{color:#0f172a!important}#certificate-print-area h2{color:#10b981!important}.certificate-actions{display:none!important}}