@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--basis-dark-blue: #1C2A60;--basis-sky-blue: #0196F0;--basis-green: #2DB519;--basis-orange: #FF4F13;--basis-yellow: #FCC13D;--basis-red: #DE1E59;--basis-purple: #703090;--basis-grey: #7A929B;--basis-dark-grey: #5D6095;--primary: #00C8FF;--primary-dark: #0096CC;--primary-dim: rgba(0,200,255,.12);--primary-dim-2: rgba(0,200,255,.2);--navy: #0D1B3E;--navy-dim: rgba(13,27,62,.6);--navy-mid: #152250;--green: #2DB519;--green-dim: rgba(45,181,25,.15);--amber: #FCC13D;--amber-dim: rgba(252,193,61,.15);--red: #DE1E59;--red-dim: rgba(222,30,89,.15);--orange: #FF4F13;--orange-dim: rgba(255,79,19,.12);--purple: #8B5CF6;--purple-dim: rgba(139,92,246,.15);--cyan: #00C8FF;--cyan-dim: rgba(0,200,255,.12);--bg: #06091A;--bg-2: #080D22;--surface: rgba(12, 22, 52, .85);--surface-2: rgba(8, 15, 40, .9);--surface-3: rgba(18, 32, 72, .8);--card-glass: rgba(10, 20, 55, .75);--card-glass-border: rgba(0, 200, 255, .18);--card-glow: 0 0 0 1px rgba(0,200,255,.1), 0 8px 32px rgba(0,100,200,.18);--text-1: #E8F0FF;--text-2: #9BB5E0;--text-3: #5E7AAA;--text-4: #354870;--border: rgba(0, 180, 255, .14);--border-2: rgba(0, 180, 255, .24);--shadow-sm: 0 1px 4px rgba(0,0,0,.4), 0 0 0 1px rgba(0,180,255,.08);--shadow: 0 4px 20px rgba(0,0,0,.5), 0 0 0 1px rgba(0,180,255,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(0,180,255,.12);--shadow-primary: 0 4px 20px rgba(0,200,255,.3);--shadow-navy: 0 4px 20px rgba(0,0,0,.5);--radius-sm: 5px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--topnav-h: 60px;--bottom-nav-h: 64px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-head: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{font-family:var(--font-body);background:transparent;color:var(--text-1);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;position:relative}#space-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;color:var(--text-1);letter-spacing:-.01em}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body);font-size:14px}a{color:var(--primary);text-decoration:none}.card{background:var(--card-glass);border:1px solid var(--card-glass-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--card-glow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-navy{background:#0d1b3ee6;border:1px solid rgba(0,200,255,.15);border-radius:var(--radius-lg);padding:1.25rem;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-flat{background:#080f28d9;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:var(--radius);font-size:13px;font-weight:600;border:none;transition:all .15s;cursor:pointer;white-space:nowrap;line-height:1.4;letter-spacing:.01em}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#0196f0,#00c8ff);color:#fff;box-shadow:0 4px 20px #00c8ff59}.btn-primary:hover{background:linear-gradient(135deg,#0ad,#00e0ff);box-shadow:0 6px 24px #00c8ff80}.btn-navy{background:#0d1b3ee6;color:#fff;border:1px solid rgba(0,200,255,.25)}.btn-navy:hover{background:#14285af2;border-color:#00c8ff73}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary-dim);box-shadow:0 0 12px #00c8ff33}.btn-ghost{background:#ffffff0d;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff1a;color:var(--text-1);border-color:var(--border-2)}.btn-success{background:#2db51926;color:#4ae840;border:1px solid rgba(45,181,25,.3)}.btn-success:hover{background:#2db51940}.btn-danger{background:#de1e5926;color:#ff5c8d;border:1px solid rgba(222,30,89,.3)}.btn-danger:hover{background:#de1e5940}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:11px 26px;font-size:15px}.btn-icon{padding:8px;width:36px;height:36px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-primary{background:#00c8ff26;color:#40d8ff;border:1px solid rgba(0,200,255,.25)}.badge-navy{background:#0d1b3e99;color:#8bb5ff;border:1px solid rgba(0,150,255,.2)}.badge-green{background:#2db51926;color:#4ae840;border:1px solid rgba(45,181,25,.25)}.badge-amber{background:#fcc13d26;color:#ffd060;border:1px solid rgba(252,193,61,.25)}.badge-red{background:#de1e5926;color:#ff5c8d;border:1px solid rgba(222,30,89,.25)}.badge-purple{background:#8b5cf626;color:#b59aff;border:1px solid rgba(139,92,246,.25)}.badge-orange{background:#ff4f1326;color:#ff8c5a;border:1px solid rgba(255,79,19,.25)}.badge-gray{background:#ffffff0f;color:var(--text-3);border:1px solid var(--border)}.badge-teal{background:#00c8ff1f;color:#40d8ff;border:1px solid rgba(0,200,255,.2)}.input{width:100%;padding:9px 14px;background:#080f2dcc;border:1.5px solid rgba(0,180,255,.2);border-radius:var(--radius);color:var(--text-1);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00c8ff26,0 0 12px #00c8ff1a}.input::placeholder{color:var(--text-4)}.input option{background:#0d1b3e;color:var(--text-1)}select.input{color:var(--text-1)}.progress-track{height:8px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,#0196f0,#00c8ff);transition:width .6s ease;box-shadow:0 0 8px #00c8ff66}.progress-fill-green{background:linear-gradient(90deg,#2db519,#5dd848);box-shadow:0 0 8px #2db51966}.progress-fill-navy{background:linear-gradient(90deg,#1c2a60,#2d4090)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:12px;letter-spacing:.02em}.avatar-sm{width:30px;height:30px;font-size:11px}.avatar-md{width:38px;height:38px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:22px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:10px 14px;color:var(--text-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#0003;border-bottom:1px solid var(--border)}.table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#00c8ff0a}.divider{height:1px;background:var(--border);margin:16px 0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00b4ff40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .28s ease}.glow-cyan{box-shadow:0 0 20px #00c8ff59,0 0 40px #00c8ff26}.glow-green{box-shadow:0 0 20px #2db51959}.glow-purple{box-shadow:0 0 20px #8b5cf659}.bg-accent{background:#00c8ff1a}.bg-success{background:#2db5191a}.bg-danger{background:#de1e591a}.bg-warning{background:#fcc13d1a}.text-accent{color:#40d8ff}.text-danger{color:#ff5c8d}.text-success{color:#4ae840}.text-warning{color:#ffd060}.border-accent{border-color:#00c8ff40}.border-danger{border-color:#de1e5940}.border-success{border-color:#2db51940}@media (max-width: 768px){.card{padding:1rem;border-radius:var(--radius)}.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}