@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*,*:before,*:after{box-sizing:border-box}html{@apply scroll-smooth;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#080c18;color:#f1f5f9;font-family:Inter,system-ui,sans-serif;background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.06) 0%,transparent 50%);min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#080c18}::-webkit-scrollbar-thumb{background:#1a2540;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2a3a60}::selection{background:#6366f14d;color:#f1f5f9}}@layer components{.card{background-color:#0d1425;border:1px solid #1A2540;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px #00000080,0 1px 2px #0006;transition:all .3s ease}.card-hover{background-color:#0d1425;border:1px solid #1A2540;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px #00000080;transition:all .3s ease;cursor:pointer}.card-hover:hover{border-color:#2a3a60;box-shadow:0 8px 40px #0009,0 0 0 1px #6366f133;transform:translateY(-2px)}.card-accent{background:linear-gradient(145deg,#121b36,#0d1425);border:1px solid rgba(99,102,241,.25);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px #00000080;position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.card-gold{background:linear-gradient(145deg,#121b36,#0d1425);border:1px solid rgba(245,158,11,.25);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px #00000080;position:relative;overflow:hidden}.card-gold:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.5),transparent)}.card-glass{background:#0d1425cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px #00000080}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#6366f1;color:#fff;font-weight:600;font-size:.875rem;padding:.625rem 1.25rem;border-radius:.75rem;box-shadow:0 2px 12px #6366f180;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;cursor:pointer;white-space:nowrap}.btn-primary:hover{background-color:#4f46e5;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#121b36;color:#94a3b8;font-weight:500;font-size:.875rem;padding:.625rem 1.25rem;border-radius:.75rem;border:1px solid #1A2540;transition:all .2s ease;cursor:pointer;white-space:nowrap}.btn-secondary:hover{background-color:#1a2540;border-color:#2a3a60;color:#f1f5f9}.btn-secondary:active{transform:scale(.97)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#080c18;font-weight:700;font-size:.875rem;padding:.625rem 1.25rem;border-radius:.75rem;box-shadow:0 2px 12px #f59e0b80;transition:all .2s ease;border:none;cursor:pointer}.btn-gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-gold:active{transform:scale(.97)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#ef444426;color:#ef4444;font-weight:600;font-size:.875rem;padding:.625rem 1.25rem;border-radius:.75rem;border:1px solid rgba(239,68,68,.3);transition:all .2s ease;cursor:pointer}.btn-danger:hover{background-color:#ef444440;border-color:#ef444480}.btn-danger:active{transform:scale(.97)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#475569;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:.75rem;border:none;transition:all .2s ease;cursor:pointer}.btn-ghost:hover{background-color:#121b36;color:#f1f5f9}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background-color:#121b36;border:1px solid #1A2540;color:#475569;transition:all .2s ease;cursor:pointer}.btn-icon:hover{background-color:#1a2540;border-color:#2a3a60;color:#f1f5f9}.btn-icon:active{transform:scale(.9)}.input-field{width:100%;background-color:#121b36;border:1px solid #1A2540;color:#f1f5f9;font-size:.875rem;padding:.625rem 1rem;border-radius:.75rem;outline:none;transition:all .2s ease}.input-field::placeholder{color:#475569}.input-field:hover{border-color:#2a3a60}.input-field:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-label{display:block;font-size:.875rem;font-weight:500;color:#94a3b8;margin-bottom:.375rem}.input-hint{font-size:.75rem;color:#475569;margin-top:.25rem}.input-error-msg{font-size:.75rem;color:#ef4444;margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-accent{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.badge-gold{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.badge-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.badge-muted{background:#121b36;color:#475569;border:1px solid #1A2540}.stat-card{display:flex;flex-direction:column;gap:.75rem}.stat-value{font-size:1.875rem;font-weight:700;color:#f1f5f9;font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.stat-label{font-size:.875rem;color:#475569;font-weight:500}.stat-change-positive{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#10b981}.stat-change-negative{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#ef4444}.progress-bar{height:.5rem;background-color:#1a2540;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width .7s cubic-bezier(.16,1,.3,1)}.progress-fill-accent{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.progress-fill-gold{background:linear-gradient(135deg,#f59e0b,#fcd34d)}.progress-fill-success{background:linear-gradient(135deg,#10b981,#059669)}.progress-fill-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.table-nexum{width:100%;font-size:.875rem;border-collapse:collapse}.table-nexum thead tr{border-bottom:1px solid #1A2540}.table-nexum thead th{text-align:left;font-size:.7rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:0 .5rem .75rem}.table-nexum tbody tr{border-bottom:1px solid rgba(26,37,64,.5);transition:background .15s}.table-nexum tbody tr:hover{background-color:#121b3680}.table-nexum tbody td{padding:.875rem .5rem;color:#94a3b8}.table-nexum tbody tr:last-child{border-bottom:none}.divider{height:1px;background-color:#1a2540;margin:1rem 0}.skeleton{border-radius:.75rem;background:linear-gradient(90deg,#121b36 25%,#1a2540,#121b36 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;font-size:.875rem;border:1px solid}.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.alert-success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.alert-danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.tab-list{display:flex;gap:.25rem;background-color:#121b36;border-radius:.75rem;padding:.25rem;border:1px solid #1A2540}.tab-item{flex:1;text-align:center;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.625rem;color:#475569;transition:all .2s ease;cursor:pointer;border:none;background:transparent}.tab-item:hover{color:#f1f5f9}.tab-item-active{background-color:#0d1425;color:#f1f5f9;box-shadow:0 2px 8px #0006;border:1px solid #1A2540}.avatar{border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-transform:uppercase}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar-lg{width:3.5rem;height:3.5rem;font-size:1rem}.avatar-xl{width:5rem;height:5rem;font-size:1.25rem}.notification-dot{position:absolute;top:-.25rem;right:-.25rem;width:.625rem;height:.625rem;background-color:#ef4444;border-radius:9999px;border:2px solid #080C18}}@layer utilities{.text-gradient-nexum{background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#f59e0b,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#0d1425bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.num{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dot-online{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background-color:#10b981;box-shadow:0 0 6px #10b98199}.dot-offline{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background-color:#475569}.dot-warning{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background-color:#f59e0b;animation:pulse 2s infinite}.dot-danger{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background-color:#ef4444;animation:pulse 2s infinite}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes numberUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 10px #6366f133}to{box-shadow:0 0 30px #6366f199,0 0 60px #6366f133}}