@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-base: #0B1629;--bg-card: #0F1E35;--bg-card-2: #112240;--bg-card-3: #162947;--border: rgba(0, 163, 255, .15);--border-2: rgba(0, 163, 255, .3);--blue: #00A3FF;--blue-dim: rgba(0, 163, 255, .12);--blue-glow: rgba(0, 163, 255, .25);--gold: #FFB800;--gold-dim: rgba(255, 184, 0, .12);--green: #00E676;--green-dim: rgba(0, 230, 118, .12);--danger: #FF4B6E;--danger-dim: rgba(255, 75, 110, .12);--purple: #7B61FF;--text-1: #FFFFFF;--text-2: #8FA8C8;--text-3: #4A6280;--text-gold: #FFB800;--text-blue: #00A3FF;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-blue: 0 0 20px rgba(0, 163, 255, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--sidebar-w: 240px;--bottom-nav-h: 64px;--font-head: "Montserrat", sans-serif;--font-body: "Inter", -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-1);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,163,255,.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body);font-size:14px}a{color:var(--blue);text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue-glow),transparent)}.card-2{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;border:none;transition:all .2s;cursor:pointer;letter-spacing:.02em;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 20px #00a3ff4d}.btn-primary:hover{background:#22b0ff;box-shadow:0 0 28px #00a3ff80}.btn-outline{background:transparent;color:var(--blue);border:1px solid var(--border-2)}.btn-outline:hover{background:var(--blue-dim);border-color:var(--blue)}.btn-gold{background:var(--gold);color:#000;box-shadow:0 0 20px #ffb8004d}.btn-ghost{background:#ffffff0d;color:var(--text-2);border:1px solid rgba(255,255,255,.08)}.btn-ghost:hover{background:#ffffff14;color:var(--text-1)}.btn-success{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,230,118,.3)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,75,110,.3)}.btn-sm{padding:6px 14px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge:before{content:"•";font-size:12px}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(0,163,255,.3)}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(255,184,0,.3)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,230,118,.3)}.badge-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,75,110,.3)}.badge-purple{background:#7b61ff1f;color:var(--purple);border:1px solid rgba(123,97,255,.3)}.icon-circle{width:52px;height:52px;border-radius:50%;border:2px solid var(--blue);background:var(--blue-dim);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 0 16px #00a3ff33;transition:all .2s}.icon-circle:hover{box-shadow:0 0 24px #00a3ff66;transform:scale(1.05)}.icon-circle-sm{width:36px;height:36px;font-size:15px}.icon-circle-gold{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 0 16px #ffb80033}.icon-circle-green{border-color:var(--green);background:var(--green-dim);box-shadow:0 0 16px #00e67633}.progress-track{height:6px;background:#ffffff0f;border-radius:99px;overflow:visible;position:relative}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#0066FF);box-shadow:0 0 12px #00a3ff80;position:relative;transition:width .8s ease}.progress-fill:after{content:"⭐";position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-size:18px;filter:drop-shadow(0 0 8px rgba(255,184,0,.8))}.input{width:100%;padding:11px 16px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #00a3ff1a}.input::placeholder{color:var(--text-3)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px 12px;color:var(--text-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-2);vertical-align:middle}.table tr:hover td{background:#ffffff05}.section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-2),transparent);margin:16px 0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-blue{0%,to{box-shadow:0 0 #00a3ff66}50%{box-shadow:0 0 0 8px #00a3ff00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@media (max-width: 768px){:root{--sidebar-w: 0px}.card{padding:1rem;border-radius:var(--radius)}.card:before{display:none}}