:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-tertiary:#1f2937;--surface-color:#1e293b;--surface-elevated:#283548;--surface-hover:hsla(0,0%,100%,.05);--surface-active:hsla(0,0%,100%,.08);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:rgba(59,130,246,.15);--primary-glow:rgba(59,130,246,.4);--accent-purple:#8b5cf6;--accent-pink:#ec4899;--success:#22c55e;--success-bg:rgba(34,197,94,.15);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.15);--error:#ef4444;--error-bg:rgba(239,68,68,.15);--info:#06b6d4;--info-bg:rgba(6,182,212,.15);--border-color:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.2);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 10px 25px rgba(0,0,0,.5);--shadow-card:0 4px 20px rgba(0,0,0,.3);--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-surface:linear-gradient(180deg,rgba(30,41,59,.8),rgba(15,23,42,.95));--greeting-gradient:linear-gradient(90deg,#fff,#94a3b8);--logo-gradient:linear-gradient(135deg,#fff,#94a3b8);--sidebar-bg:rgba(15,23,42,.98);--header-bg:rgba(10,15,26,.95);--card-bg:rgba(30,41,59,.6);--input-bg:rgba(15,23,42,.8);--input-border:hsla(0,0%,100%,.15);--avatar-bg:#374151;--icon-primary:#94a3b8;--icon-active:#3b82f6;--stat-icon-blue:rgba(96,165,250,.2);--stat-icon-purple:rgba(167,139,250,.2);--stat-icon-amber:rgba(251,191,36,.2);--stat-icon-green:rgba(74,222,128,.2);--stat-icon-red:hsla(0,91%,71%,.2);--backdrop:rgba(0,0,0,.7);--bg-color:var(--bg-primary);--text-color:var(--text-primary);--hover-bg:var(--surface-hover);--active-bg:var(--primary-light)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--surface-color:#fff;--surface-elevated:#fff;--surface-hover:rgba(0,0,0,.04);--surface-active:rgba(0,0,0,.08);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-disabled:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:rgba(37,99,235,.1);--primary-glow:rgba(37,99,235,.25);--accent-purple:#7c3aed;--accent-pink:#db2777;--success:#16a34a;--success-bg:rgba(22,163,74,.1);--warning:#d97706;--warning-bg:rgba(217,119,6,.1);--error:#dc2626;--error-bg:rgba(220,38,38,.1);--info:#0891b2;--info-bg:rgba(8,145,178,.1);--border-color:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 25px rgba(0,0,0,.12);--shadow-card:0 2px 8px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04);--gradient-primary:linear-gradient(135deg,#2563eb,#7c3aed);--gradient-surface:linear-gradient(180deg,#fff,#f8fafc);--greeting-gradient:linear-gradient(90deg,#0f172a,#475569);--logo-gradient:linear-gradient(135deg,#0f172a,#475569);--sidebar-bg:#fff;--header-bg:hsla(0,0%,100%,.95);--card-bg:#fff;--input-bg:#fff;--input-border:#d1d5db;--avatar-bg:#e5e7eb;--icon-primary:#64748b;--icon-active:#2563eb;--stat-icon-blue:rgba(37,99,235,.12);--stat-icon-purple:rgba(124,58,237,.12);--stat-icon-amber:rgba(217,119,6,.12);--stat-icon-green:rgba(22,163,74,.12);--stat-icon-red:rgba(220,38,38,.12);--backdrop:rgba(15,23,42,.5)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background-color:var(--bg-primary)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6;transition:background-color .2s ease,color .2s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card-elevated,.card:hover{box-shadow:var(--shadow-lg)}.card-elevated{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:16px}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.btn-secondary{background:var(--surface-hover);color:var(--text-primary);padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;border:1px solid var(--border-color);transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--surface-active);border-color:var(--border-strong)}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}nav{background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav a{color:var(--text-muted);text-decoration:none;transition:color .2s}nav a:hover{color:var(--text-primary)}ol,ul{list-style:none}section{background-color:var(--bg-primary)}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}footer,footer a{color:var(--text-muted)}footer a{text-decoration:none;transition:color .2s}footer a:hover{color:var(--text-primary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-primary{background:var(--primary-light);color:var(--primary)}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-card)}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card .stat-icon.blue{background:var(--stat-icon-blue);color:#60a5fa}.stat-card .stat-icon.purple{background:var(--stat-icon-purple);color:#a78bfa}.stat-card .stat-icon.amber{background:var(--stat-icon-amber);color:#fbbf24}.stat-card .stat-icon.green{background:var(--stat-icon-green);color:#4ade80}.stat-card .stat-icon.red{background:var(--stat-icon-red);color:#f87171}[data-theme=light] .stat-card .stat-icon.blue{color:#2563eb}[data-theme=light] .stat-card .stat-icon.purple{color:#7c3aed}[data-theme=light] .stat-card .stat-icon.amber{color:#d97706}[data-theme=light] .stat-card .stat-icon.green{color:#16a34a}[data-theme=light] .stat-card .stat-icon.red{color:#dc2626}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}::selection{background:var(--primary-light);color:var(--text-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-surface{background-color:var(--surface-color)}[data-pending]{visibility:hidden}@media (max-width:768px){.card{border-radius:12px}.stat-card{padding:20px}}