*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--color-bg: #0a0a12;--color-bg-deep: #06060c;--color-surface: #14111f;--color-surface2: #1d1830;--color-surface3: #2a2342;--color-border: rgba(168,139,250,.1);--color-border-strong: rgba(168,139,250,.22);--color-primary: #8b5cf6;--color-primary-h: #a78bfa;--color-primary-deep: #6d28d9;--color-primary-glow: rgba(139,92,246,.35);--color-primary-soft: rgba(139,92,246,.12);--color-primary-softer: rgba(139,92,246,.06);--gradient-primary: linear-gradient(135deg, #a855f7 0%, #6d28d9 100%);--gradient-text: linear-gradient(135deg, #c4b5fd 0%, #8b5cf6 60%, #6d28d9 100%);--gradient-sidebar: linear-gradient(180deg, #100d1c 0%, #0a0814 100%);--gradient-page: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(139,92,246,.1), transparent 60%), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(168,85,247,.06), transparent 60%);--gradient-login-aurora: radial-gradient(ellipse 70% 50% at 30% 20%, rgba(168,85,247,.18), transparent 60%), radial-gradient(ellipse 60% 50% at 80% 90%, rgba(109,40,217,.22), transparent 60%), radial-gradient(ellipse 40% 30% at 50% 50%, rgba(139,92,246,.08), transparent 70%);--gradient-login-side: linear-gradient(135deg, rgba(168,85,247,.18) 0%, rgba(109,40,217,.06) 40%, transparent 80%), radial-gradient(ellipse 80% 60% at 0% 100%, rgba(139,92,246,.25), transparent 60%);--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #38bdf8;--color-text: #ece9f5;--color-text-dim: #b4adcc;--color-muted: #8a829e;--color-subtle: #4b4661;--color-tooltip-bg: rgba(20,17,31,.95);--color-grid: rgba(168,139,250,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 20px -4px rgba(0,0,0,.55);--shadow-lg: 0 20px 50px -12px rgba(0,0,0,.7);--shadow-glow: 0 0 0 1px rgba(139,92,246,.22), 0 8px 28px -10px rgba(139,92,246,.45);--shadow-btn-primary: 0 4px 14px -4px rgba(139,92,246,.55), inset 0 1px 0 rgba(255,255,255,.12);--shadow-btn-primary-h: 0 6px 20px -4px rgba(139,92,246,.7), inset 0 1px 0 rgba(255,255,255,.18);--font: "Inter", system-ui, sans-serif;--font-display: "Inter Tight", "Inter", system-ui, sans-serif;--sidebar-w: 248px;--topbar-h: 60px;--ease: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--color-bg: #f7f5fc;--color-bg-deep: #efeaf7;--color-surface: #ffffff;--color-surface2: #f4f0fb;--color-surface3: #ebe5f7;--color-border: rgba(109,40,217,.1);--color-border-strong: rgba(109,40,217,.2);--color-primary: #7c3aed;--color-primary-h: #6d28d9;--color-primary-deep: #5b21b6;--color-primary-glow: rgba(124,58,237,.3);--color-primary-soft: rgba(124,58,237,.1);--color-primary-softer: rgba(124,58,237,.05);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--gradient-text: linear-gradient(135deg, #7c3aed 0%, #6d28d9 60%, #4c1d95 100%);--gradient-sidebar: linear-gradient(180deg, #ffffff 0%, #f7f5fc 100%);--gradient-page: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(124,58,237,.1), transparent 60%), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(168,85,247,.07), transparent 60%);--gradient-login-aurora: radial-gradient(ellipse 70% 50% at 30% 20%, rgba(168,85,247,.2), transparent 60%), radial-gradient(ellipse 60% 50% at 80% 90%, rgba(124,58,237,.18), transparent 60%), radial-gradient(ellipse 40% 30% at 50% 50%, rgba(139,92,246,.1), transparent 70%);--gradient-login-side: linear-gradient(135deg, rgba(168,85,247,.22) 0%, rgba(124,58,237,.1) 40%, transparent 80%), radial-gradient(ellipse 80% 60% at 0% 100%, rgba(139,92,246,.2), transparent 60%);--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #0284c7;--color-text: #18141f;--color-text-dim: #3d3552;--color-muted: #6b6480;--color-subtle: #a39ab4;--color-tooltip-bg: rgba(255,255,255,.96);--color-grid: rgba(109,40,217,.08);--shadow-sm: 0 1px 2px rgba(31,17,55,.06);--shadow-md: 0 8px 24px -8px rgba(31,17,55,.16);--shadow-lg: 0 20px 50px -12px rgba(31,17,55,.22);--shadow-glow: 0 0 0 1px rgba(124,58,237,.22), 0 8px 28px -10px rgba(124,58,237,.3);--shadow-btn-primary: 0 4px 14px -4px rgba(124,58,237,.45), inset 0 1px 0 rgba(255,255,255,.2);--shadow-btn-primary-h: 0 6px 20px -4px rgba(124,58,237,.55), inset 0 1px 0 rgba(255,255,255,.28);--shadow-card: 0 1px 3px rgba(31,17,55,.07), 0 6px 20px -6px rgba(31,17,55,.12)}:root[data-theme=light] .card{box-shadow:var(--shadow-card);border-color:#6d28d924}:root[data-theme=light] .card-hover:hover{box-shadow:var(--shadow-md);border-color:#6d28d947}:root[data-theme=light] .card-glow{box-shadow:var(--shadow-glow);border-color:#7c3aed4d}html{font-size:14px}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";background-image:var(--gradient-page);background-attachment:fixed;transition:background-color .3s var(--ease),color .3s var(--ease)}a{color:var(--color-primary-h);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font);font-size:14px;background:var(--color-surface2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:10px 14px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);width:100%}input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background:var(--color-surface)}input::placeholder,textarea::placeholder{color:var(--color-subtle)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-deep)}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease),background .3s var(--ease)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 80% at 0% 0%,var(--color-primary-softer),transparent 50%);pointer-events:none}.card-hover:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-glow{box-shadow:var(--shadow-glow);border-color:#8b5cf640}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:#22c55e1f;color:var(--color-success)}.badge-warning{background:#f59e0b24;color:var(--color-warning)}.badge-danger{background:#ef44441f;color:var(--color-danger)}.badge-info{background:var(--color-primary-soft);color:var(--color-primary-h)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;letter-spacing:.01em;transition:all .2s var(--ease);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-btn-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-btn-primary-h)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-dim);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface2);color:var(--color-text);border-color:var(--color-border-strong)}.btn-danger{background:#ef44441f;color:var(--color-danger);border:1px solid rgba(239,68,68,.22)}.btn-danger:hover{background:#ef444433}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:11px;font-weight:600;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{color:var(--color-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;text-align:left;border-bottom:1px solid var(--color-border)}.table td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-primary-softer)}.text-muted{color:var(--color-muted)}.text-dim{color:var(--color-text-dim)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary-h)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.fade-in{animation:fadeIn .35s var(--ease) both}.pulse-dot{animation:pulseGlow 2s ease-in-out infinite}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-open~.main-content .hamburger-btn,.mobile-overlay{display:flex!important}.hamburger-btn{display:flex!important}.main-content{margin-left:0!important;max-width:100vw!important;padding:0 16px 24px!important}.card table,table.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.dashboard-grid{grid-template-columns:1fr 1fr!important}.page-header-row{flex-direction:column;align-items:flex-start!important;gap:12px}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr!important}}