:root{--bg-base:#030712;--bg-surface:#09090b;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--border:#ffffff0f;--border-active:#6366f14d;--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#22d3ee;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--grad-primary:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--grad-accent:linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);--grad-hero:radial-gradient(ellipse at top, #6366f126 0%, transparent 70%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 4px 12px #0000001a;--shadow-md:0 12px 32px #00000040;--shadow-lg:0 24px 64px #0006;--glow:0 0 30px #6366f126;--glass-bg:#0f172a66;--glass-border:#ffffff14;--glass-blur:blur(24px);--font-heading:"Outfit", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--transition:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg-base:#f5f3ff;--bg-surface:#fff;--bg-card:#fffffff5;--bg-card-hover:#fff;--border:#6366f11f;--border-active:#6366f173;--text-primary:#0f0e2b;--text-secondary:#3b4270;--text-muted:#7b84ad;--shadow-sm:0 2px 12px #6366f112;--shadow-md:0 8px 32px #6366f11c;--shadow-lg:0 24px 64px #6366f126;--glow:0 0 40px #6366f133;--glass-bg:#ffffffc7;--glass-border:#6366f11a;--grad-hero:radial-gradient(ellipse at 15% 30%, #6366f124 0%, #06b6d412 50%, transparent 70%);--section-alt:#ede9fe;--section-accent:#ecfafe}:root[data-theme=light] .card{background:#fff;border-color:#6366f11a;box-shadow:0 4px 20px #6366f112,0 1px 3px #0000000a}:root[data-theme=light] .card:hover{border-color:#6366f147;transform:translateY(-5px);box-shadow:0 12px 40px #6366f129,0 2px 8px #0000000f}:root[data-theme=light] .table-wrapper{background:#fff;border-color:#6366f11a;box-shadow:0 4px 20px #6366f112}:root[data-theme=light] .input{background:#fff;border-color:#6366f12e}:root[data-theme=light] .input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}:root[data-theme=light] .alert-error{color:#b91c1c}:root[data-theme=light] .alert-success{color:#065f46}:root[data-theme=light] .alert-info,:root[data-theme=light] .badge-primary{color:#4338ca}:root[data-theme=light] .badge-success{color:#047857}:root[data-theme=light] .badge-warning{color:#92400e}:root[data-theme=light] .badge-danger{color:#b91c1c}:root[data-theme=light] .badge-accent{color:#0369a1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--grad-hero);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;line-height:1.15}a{color:var(--primary-light);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.card{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:2rem;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.card:hover{background:var(--bg-card-hover);border-color:var(--border-active);box-shadow:var(--shadow-md), var(--glow);transform:translateY(-4px)}.btn{transition:all var(--transition);white-space:nowrap;letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #6366f140}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-accent{background:var(--grad-accent);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #0ea5e940}.btn-accent:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-active)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.input{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.875rem 1.25rem;font-size:.95rem}.input:focus{border-color:var(--primary);background:var(--bg-surface);outline:none;box-shadow:0 0 0 4px #6366f11a}.input::placeholder{color:var(--text-muted)}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary-light);background:#6366f126;border:1px solid #6366f14d}.badge-accent{color:var(--accent);background:#22d3ee26;border:1px solid #22d3ee4d}.badge-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.page-layout{min-height:100vh;display:flex;position:relative}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:2.5rem 3rem}@media (width>=1024px){.main-content-with-sidebar{margin-left:290px}}@media (width<=1023px){.main-content{padding-top:5rem}}.page-header{margin-bottom:2.5rem}.page-header h1{letter-spacing:-.03em;font-size:2.5rem;font-weight:800}.page-header p{color:var(--text-secondary);margin-top:.5rem;font-size:1.05rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:#0003}:root[data-theme=light] thead tr{background:#00000005}th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);padding:1rem 1.5rem;font-size:.8rem;font-weight:700}td{border-top:1px solid var(--border);padding:1.25rem 1.5rem;font-size:.95rem}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#ffffff05}:root[data-theme=light] tbody tr:hover{background:#00000005}.avatar{object-fit:cover;background:var(--grad-primary);color:#fff;font-weight:700;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.avatar-sm{width:36px;height:36px;font-size:.85rem}.avatar-md{width:48px;height:48px;font-size:1.1rem}.avatar-lg{width:88px;height:88px;font-size:2rem}.progress-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--grad-primary);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #6366f180}.alert{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.alert-error{color:#fca5a5;background:#ef44441a;border-color:#ef444433}.alert-success{color:#6ee7b7;background:#10b9811a;border-color:#10b98133}.alert-info{color:var(--primary-light);background:#6366f11a;border-color:#6366f133}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s cubic-bezier(.6,.2,.4,.8) infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.main-content{padding:2rem}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding:1.25rem 1rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:.95rem}.hero-grid{text-align:center;grid-template-columns:1fr!important;gap:2rem!important}.hide-mobile{display:none!important}.table-wrapper{font-size:.85rem}th,td{padding:.75rem 1rem}.card{padding:1.25rem}.page-layout{flex-direction:column}}@media (width<=480px){.main-content{padding:1rem .75rem}.card{border-radius:16px;padding:1rem}.btn-lg{padding:.85rem 1.5rem;font-size:1rem}.page-header h1{font-size:1.5rem}}.animate-fade-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(30px)}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.bg-morph{filter:blur(80px);z-index:0;opacity:.6;pointer-events:none;animation:10s ease-in-out infinite alternate float;position:absolute}:root[data-theme=light] .bg-morph{opacity:.4}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f180}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-left{animation:.4s forwards fadeInLeft}.animate-slide-down{animation:.3s forwards slideDown}.animate-scale-in{animation:.3s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}