@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-color: #0d0f19;--bg-gradient: linear-gradient(135deg, #0d0f19 0%, #161b2e 100%);--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .4);--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em}.glass-panel{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;padding:24px}.glass-panel-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:var(--surface-hover);border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 12px 40px #6366f126}.heading-gradient{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-layout{display:flex;min-height:100vh}.sidebar{width:280px;border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:32px;position:sticky;top:0;height:100vh}.main-content{flex:1;padding:32px 48px;max-width:1200px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:500;font-size:.95rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444426;border-color:var(--danger);box-shadow:0 0 16px #ef444433}.btn-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.btn-success:hover{background:#10b98126;border-color:var(--success);box-shadow:0 0 16px #10b98133}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.input-field{background:#0003;border:1px solid var(--border);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-md);font-size:.95rem;transition:all .2s;font-family:inherit;width:100%}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}option{background-color:var(--bg-color);color:var(--text-main)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:16px;color:var(--text-muted);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table td{padding:16px;border-bottom:1px solid var(--border);font-size:.95rem}.data-table tr:hover td{background:#ffffff05}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-level-1{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge-level-2{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.badge-level-3{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.badge-level-4{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.text-center{text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px}.modal-content{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:500px;min-height:80vh;display:flex;flex-direction:column;position:relative;box-shadow:0 24px 80px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.toaster{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:12px}.toast{padding:16px 24px;border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);color:#fff;box-shadow:0 8px 32px #0003;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease forwards}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.brand-logo{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .2s;font-weight:500}.nav-link:hover{background:var(--surface);color:var(--text-main)}.nav-link.active{background:#6366f11a;color:var(--primary);border-left:3px solid var(--primary)}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}