@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-base:#020207;--bg-elevated:#07070f;--bg-overlay:#0c0c1a;--bg-highlight:#111126;--bg-sidebar:#040410;--cyan:#00d4ff;--cyan-dim:#00d4ff1a;--cyan-glow:#00d4ff4d;--violet:#7c3aed;--violet-dim:#7c3aed1a;--coral:#ff6b6b;--gold:#ffd166;--emerald:#06d6a0;--rose:#f43f5e;--grad-primary:linear-gradient(135deg, #00d4ff 0%, #7c3aed 55%, #f43f5e 100%);--grad-cyan:linear-gradient(135deg, #00d4ff, #09b);--grad-violet:linear-gradient(135deg, #7c3aed, #a855f7);--grad-emerald:linear-gradient(135deg, #06d6a0, #00b377);--grad-gold:linear-gradient(135deg, #ffd166, #f59e0b);--grad-card:linear-gradient(145deg, #ffffff09 0%, #ffffff02 100%);--grad-sidebar:linear-gradient(180deg, #00d4ff08 0%, transparent 60%);--text-primary:#f0f0ff;--text-secondary:#7878a0;--text-muted:#45455e;--border:#ffffff0e;--border-hover:#00d4ff38;--border-active:#00d4ff7a;--border-sidebar:#ffffff0a;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 32px #0009;--shadow-lg:0 20px 60px #000000b3;--shadow-cyan:0 0 40px #00d4ff2e, 0 0 80px #00d4ff0f;--shadow-glow:0 4px 24px #00000080, inset 0 1px 0 #ffffff0d;--sidebar-w:260px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-display);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00d4ff59}::selection{color:#fff;background:#00d4ff38}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-blob{filter:blur(90px);opacity:0;border-radius:50%;animation:1.4s forwards blobFade;position:absolute}.blob-1{background:radial-gradient(circle,#00d4ff1a 0%,#0000 70%);width:700px;height:700px;top:-250px;left:-150px}.blob-2{background:radial-gradient(circle,#7c3aed17 0%,#0000 70%);width:600px;height:600px;animation-delay:.3s;top:30%;right:-200px}.blob-3{background:radial-gradient(circle,#f43f5e0f 0%,#0000 70%);width:500px;height:500px;animation-delay:.6s;bottom:0;left:25%}.display-xl{letter-spacing:-.03em;font-size:clamp(2.8rem,7vw,6rem);font-weight:900;line-height:.95}.display-lg{letter-spacing:-.025em;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;line-height:1.05}.display-md{letter-spacing:-.015em;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;line-height:1.15}.display-sm{letter-spacing:-.01em;font-size:clamp(1rem,2vw,1.3rem);font-weight:700;line-height:1.2}.label-sm{letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.label-xs{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:700}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite gradientShift}.text-cyan{background:var(--grad-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(28px)saturate(160%);border:1px solid var(--border);background:#07070fd1}.card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-glow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md), var(--shadow-cyan);transform:translateY(-5px)scale(1.008)}.card-elevated{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-glow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.card-elevated:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md), var(--shadow-cyan);transform:translateY(-6px)scale(1.01)}.metric-card{border-radius:var(--r-lg);background:var(--grad-card);border:1px solid var(--border);box-shadow:var(--shadow-glow);padding:26px 22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md), 0 0 30px #00d4ff14;transform:translateY(-4px)}.metric-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#00d4ff4d,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.metric-card:hover:after{opacity:1}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);z-index:50;background-image:var(--grad-sidebar);flex-direction:column;transition:width .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-item{border-radius:var(--r-sm);cursor:pointer;width:100%;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-item.active{color:var(--cyan);background:#00d4ff14;border:1px solid #00d4ff1f}.sidebar-item.active:before{content:"";background:var(--grad-cyan);border-radius:0 3px 3px 0;width:3px;position:absolute;top:25%;bottom:25%;left:-1px}.dash-main{z-index:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.22,1,.36,1);position:relative}.btn{cursor:pointer;font-family:var(--font-display);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%);transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)!important}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{color:#020207;border-radius:var(--r-md);background:linear-gradient(135deg,#00d4ff,#00a8cc);padding:11px 24px;font-size:.875rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 28px #00d4ff52,0 0 0 1px #00d4ff61}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-md);background:#ffffff0a;padding:11px 24px;font-size:.875rem}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);color:var(--cyan);background:#00d4ff0f;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);border-radius:var(--r-sm);background:0 0;padding:8px 14px;font-size:.82rem}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.btn-icon{border-radius:var(--r-sm);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);background:#ffffff0a;padding:0;font-size:.85rem}.btn-icon:hover{border-color:var(--border-hover);color:var(--cyan);background:#00d4ff14}.btn-danger{color:#fb7185;border-radius:var(--r-sm);background:#f43f5e14;border:1px solid #f43f5e26;padding:7px 14px;font-size:.78rem}.btn-danger:hover{background:#f43f5e29;border-color:#f43f5e59}.input{border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-primary);font-family:var(--font-display);background:#ffffff08;outline:none;padding:13px 16px;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--border-active);background:#00d4ff09;box-shadow:0 0 0 3px #00d4ff17,inset 0 1px #00d4ff0a}textarea.input{resize:vertical;min-height:80px;line-height:1.55}.badge{letter-spacing:.07em;text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.badge-cyan{color:var(--cyan);background:#00d4ff17;border:1px solid #00d4ff2e}.badge-violet{color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed38}.badge-emerald{color:var(--emerald);background:#06d6a017;border:1px solid #06d6a02e}.badge-gold{color:var(--gold);background:#ffd16617;border:1px solid #ffd1662e}.badge-rose{color:#fb7185;background:#f43f5e17;border:1px solid #f43f5e2e}.dot-live{background:var(--emerald);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;display:inline-block;box-shadow:0 0 0 2px #06d6a02e}.progress-bar{background:#ffffff0f;border-radius:99px;height:4px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.code-block{border-radius:var(--r-md);font-family:var(--font-mono);color:#7ee787;background:#06060e;border:1px solid #00d4ff1a;padding:18px 22px;font-size:.8rem;line-height:1.75;position:relative;overflow-x:auto}.code-block:before{content:"";background:var(--grad-primary);border-radius:var(--r-md) var(--r-md) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,#ffffff06 25%,#ffffff0f 50%,#ffffff06 75%) 0 0/400% 100%;animation:2s ease-in-out infinite shimmer}@keyframes blobFade{to{opacity:1}}@keyframes gradientShift{0%{background-position:0%}to{background-position:200%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dotPulse{0%,to{box-shadow:0 0 0 2px #06d6a02e}50%{box-shadow:0 0 0 5px #06d6a00a}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{opacity:0;transform-origin:bottom;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes borderGlow{0%,to{border-color:#00d4ff26}50%{border-color:#00d4ff73}}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.anim-fade-up{animation:.65s cubic-bezier(.22,1,.36,1) both fadeUp}.anim-fade-in{animation:.45s both fadeIn}.anim-fade-left{animation:.55s cubic-bezier(.22,1,.36,1) both fadeLeft}.anim-scale-in{animation:.45s cubic-bezier(.34,1.56,.64,1) both scaleIn}.anim-float{animation:5s ease-in-out infinite float}.anim-spin{animation:.8s linear infinite rotate}.d-50{animation-delay:50ms}.d-100{animation-delay:.1s}.d-150{animation-delay:.15s}.d-200{animation-delay:.2s}.d-250{animation-delay:.25s}.d-300{animation-delay:.3s}.d-400{animation-delay:.4s}.d-500{animation-delay:.5s}.d-600{animation-delay:.6s}.d-700{animation-delay:.7s}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:520px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}html.light-mode{--bg-base:#f0f2f7;--bg-elevated:#fff;--bg-card:#fff;--text-primary:#0d0d1a;--text-secondary:#3a3a5c;--text-muted:#7878a0;--border:#00000014;--border-sidebar:#00000012;--grad-card:linear-gradient(135deg, #fff 0%, #f7f8fc 100%);--sidebar-bg:#fff;--sidebar-item-hover:#00d4ff12;--sidebar-item-active-bg:#00d4ff1a;--sidebar-item-active-border:#00d4ff40}html.light-mode body{color:var(--text-primary);background:var(--bg-base)}html.light-mode .card,html.light-mode .metric-card{background:var(--bg-card);border-color:var(--border);box-shadow:0 2px 12px #0000000f}html.light-mode .sidebar{background:var(--sidebar-bg);border-right-color:var(--border-sidebar);box-shadow:2px 0 16px #0000000f}html.light-mode .sidebar-item{color:var(--text-secondary)}html.light-mode .sidebar-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}html.light-mode .sidebar-item.active{background:var(--sidebar-item-active-bg);border-color:var(--sidebar-item-active-border);color:var(--cyan)}html.light-mode header{border-bottom-color:var(--border)!important;background:#f0f2f7eb!important}html.light-mode .input,html.light-mode input,html.light-mode textarea{color:var(--text-primary);background:#fff;border-color:#0000001f}html.light-mode .input::-moz-placeholder{color:var(--text-muted)}html.light-mode input::-moz-placeholder{color:var(--text-muted)}html.light-mode textarea::-moz-placeholder{color:var(--text-muted)}html.light-mode .input::placeholder,html.light-mode input::placeholder,html.light-mode textarea::placeholder{color:var(--text-muted)}html.light-mode .btn-secondary{color:var(--text-secondary);background:#0000000d;border-color:#0000001a}html.light-mode .btn-secondary:hover{color:var(--cyan);background:#00d4ff14;border-color:#00d4ff33}html.light-mode .btn-ghost{color:var(--text-secondary)}html.light-mode .btn-ghost:hover{color:var(--text-primary);background:#0000000d}html.light-mode .skeleton{background:linear-gradient(90deg,#e8eaf0 25%,#f0f2f7 50%,#e8eaf0 75%) 0 0/200% 100%}html.light-mode .text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html.light-mode .ambient-blob{opacity:.25}html.light-mode ::-webkit-scrollbar-track{background:#e8eaf0}html.light-mode ::-webkit-scrollbar-thumb{background:#c0c4d6}html.light-mode ::-webkit-scrollbar-thumb:hover{background:#a0a4b8}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}