@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d0f1a;--bg-surface:#141627;--bg-card:#1a1d32;--bg-hover:#21253d;--border:#2a2f4e;--border-light:#343a5e;--accent:#6c63ff;--accent-hover:#5a51e8;--accent-glow:#6c63ff40;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--text-primary:#f1f3fb;--text-secondary:#a0a8c8;--text-muted:#5c6389;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow:0 4px 24px #0006;--shadow-sm:0 2px 8px #0000004d;--transition:all .2s ease}html,body,#app{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{color:var(--danger);background:#f8717126;border:1px solid #f871714d}.btn-danger:hover{background:#f8717140}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-purple{color:var(--accent);background:#6c63ff2e}.badge-green{color:var(--success);background:#34d39926}.badge-yellow{color:var(--warning);background:#fbbf2426}.badge-red{color:var(--danger);background:#f8717126}.badge-blue{color:var(--info);background:#60a5fa26}input,select,textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:var(--transition);outline:none;padding:9px 13px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.form-group{margin-bottom:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}td{color:var(--text-secondary);border-bottom:1px solid #2a2f4e80;padding:12px 14px;font-size:13px}tr:hover td{color:var(--text-primary);background:#6c63ff0a}tr:last-child td{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow);padding:28px;animation:.2s fadeUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-header h3{font-size:17px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.toast{z-index:2000;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:10px;max-width:360px;padding:14px 20px;font-size:13px;animation:.2s fadeUp;display:flex;position:fixed;bottom:24px;right:24px}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);align-items:center;gap:18px;padding:22px 24px;display:flex}.stat-card:hover{border-color:var(--accent);box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-info{flex:1}.stat-value{font-size:28px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h1{font-size:22px;font-weight:800}.page-header p{color:var(--text-muted);margin-top:2px;font-size:13px}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:60px auto;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{justify-content:center;padding:60px;display:flex}