@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@700&display=swap";:root{--canvas: #0d0d10;--surface-1: #131318;--surface-2: #17171d;--surface-3: #1c1c24;--surface-4: #212130;--void: var(--canvas);--surface: var(--surface-1);--panel: var(--surface-2);--hairline: #1e1e28;--hairline-strong: #262630;--hairline-focus: rgba(65,114,245,.5);--border: var(--hairline);--border-hov: var(--hairline-strong);--ink: #eeeef2;--ink-muted: #9898a8;--ink-subtle: #585868;--ink-faint: #2e2e3e;--text: var(--ink);--text-2: var(--ink-muted);--text-3: var(--ink-subtle);--text-4: var(--ink-faint);--electric: #4172f5;--electric-hover: #5281ff;--electric-dim: rgba(65,114,245,.12);--electric-border: rgba(65,114,245,.28);--deep: #2a55d4;--glow: rgba(65,114,245,.18);--blue-dim: var(--electric-dim);--blue-b: var(--electric-border);--tint-lavender-bg: rgba(123,63,242,.07);--tint-lavender-border: rgba(123,63,242,.18);--tint-lavender-text: #a87ef0;--tint-sky-bg: rgba(42,157,200,.07);--tint-sky-border: rgba(42,157,200,.18);--tint-sky-text: #5bb8d4;--tint-peach-bg: rgba(221,91,0,.07);--tint-peach-border: rgba(221,91,0,.2);--tint-peach-text: #f07030;--tint-mint-bg: rgba(16,185,129,.06);--tint-mint-border: rgba(16,185,129,.18);--tint-mint-text: #2cc890;--tint-rose-bg: rgba(239,68,68,.07);--tint-rose-border: rgba(239,68,68,.2);--tint-rose-text: #ef6060;--navy: #0c1428;--navy-mid: #111d3a;--navy-light: #1a2a52;--ok: #10b981;--warn: #f59e0b;--danger: #ef4444;--ok-dim: rgba(16,185,129,.08);--warn-dim: rgba(245,158,11,.08);--danger-dim: rgba(239,68,68,.07);--ok-b: rgba(16,185,129,.2);--warn-b: rgba(245,158,11,.2);--danger-b: rgba(239,68,68,.18);--inter: "Inter", system-ui, -apple-system, sans-serif;--orbitron: "Orbitron", monospace;--dmsans: var(--inter);--mono: "JetBrains Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--inter);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}@keyframes wd-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wd-ping{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(2.2);opacity:0}}@keyframes wd-spin{to{transform:rotate(360deg)}}@keyframes wd-dot{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@keyframes wd-progress{0%{width:0}}.wd-fade-up{animation:wd-fade-up .45s cubic-bezier(.22,1,.36,1) both}.wd-fade-in{animation:wd-fade-in .3s ease both}.wd-float{animation:wd-float 6s ease-in-out infinite}.wd-input{width:100%;padding:12px 14px;background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:8px;color:var(--ink);font-size:14px;font-family:var(--inter);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.wd-input::placeholder{color:var(--ink-subtle)}.wd-input:hover:not(:focus){border-color:#32323f}.wd-input:focus{border-color:var(--electric);box-shadow:0 0 0 3px #4172f524}.wd-input.error{border-color:#ef444473}.wd-input.error:focus{box-shadow:0 0 0 3px #ef44441f}.wd-btn{width:100%;height:48px;background:var(--electric);border:none;border-radius:8px;color:#fff;font-family:var(--inter);font-size:14px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px}.wd-btn:hover:not(:disabled){background:var(--electric-hover);box-shadow:0 4px 16px #4172f547}.wd-btn:active:not(:disabled){box-shadow:none}.wd-btn:disabled{background:var(--surface-2);cursor:not-allowed;color:var(--ink-subtle)}.wd-btn-ghost{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:7px;color:var(--ink-muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;cursor:pointer;transition:all .12s;padding:7px 13px;display:inline-flex;align-items:center;gap:6px}.wd-btn-ghost:hover{background:var(--surface-3);border-color:#32323f;color:var(--ink)}.wd-brand-panel{background:var(--surface-1);border-right:1px solid var(--hairline)}.wd-dot{position:relative;display:inline-flex;border-radius:50%;flex-shrink:0}.wd-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;opacity:.5;animation:wd-ping 2.2s ease-in-out infinite}.wd-nav{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:6px;font-family:var(--inter);font-size:13.5px;font-weight:400;color:var(--ink-subtle);cursor:pointer;transition:background .1s,color .1s;text-decoration:none;margin-bottom:1px;letter-spacing:-.01em}.wd-nav:hover{background:var(--surface-2);color:var(--ink-muted)}.wd-nav.active{background:var(--surface-3);color:var(--ink);font-weight:500}.wd-label{font-family:var(--inter);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.wd-label-blue{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--electric);opacity:.85}.wd-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:12px}.wd-stat-ok{color:var(--ok);background:var(--ok-dim);border:1px solid var(--ok-b)}.wd-stat-warn{color:var(--warn);background:var(--warn-dim);border:1px solid var(--warn-b)}.wd-stat-danger{color:var(--danger);background:var(--danger-dim);border:1px solid var(--danger-b)}.wd-chip{display:inline-flex;align-items:center;padding:7px 13px;border-radius:8px;font-family:var(--inter);font-size:13px;font-weight:400;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--hairline-strong);cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;letter-spacing:-.01em}.wd-chip:hover{background:var(--surface-3);border-color:#32323f;color:var(--ink)}.wd-pill-tab{display:inline-flex;align-items:center;padding:5px 12px;border-radius:9999px;font-family:var(--inter);font-size:12.5px;font-weight:500;color:var(--ink-subtle);background:transparent;border:1px solid var(--hairline-strong);cursor:pointer;transition:all .15s;white-space:nowrap}.wd-pill-tab:hover{color:var(--ink-muted);border-color:#32323f}.wd-pill-tab.active{background:var(--surface-3);color:var(--ink);border-color:var(--surface-3)}.wd-block-stats{background:var(--tint-lavender-bg);border-color:var(--tint-lavender-border)}.wd-block-alert-warn{background:var(--tint-peach-bg);border-color:var(--tint-peach-border)}.wd-block-alert-ok{background:var(--tint-mint-bg);border-color:var(--tint-mint-border)}.wd-block-alert-info{background:var(--tint-sky-bg);border-color:var(--tint-sky-border)}.wd-block-alert-danger{background:var(--tint-rose-bg);border-color:var(--tint-rose-border)}:root[data-theme=light]{--canvas: #ffffff;--surface-1: #f6f5f4;--surface-2: #efeeec;--surface-3: #e8e6e3;--surface-4: #e0deda;--void: var(--canvas);--surface: var(--surface-1);--panel: var(--surface-2);--hairline: #e5e3df;--hairline-strong: #c8c4be;--border: var(--hairline);--border-hov: var(--hairline-strong);--ink: #1a1a1a;--ink-muted: #5d5b54;--ink-subtle: #a4a097;--ink-faint: #ccc9c2;--text: var(--ink);--text-2: var(--ink-muted);--text-3: var(--ink-subtle);--text-4: var(--ink-faint);--electric-dim: rgba(65,114,245,.07);--electric-border: rgba(65,114,245,.2);--blue-dim: var(--electric-dim);--blue-b: var(--electric-border);--ok-dim: rgba(16,185,129,.08);--warn-dim: rgba(245,158,11,.08);--danger-dim: rgba(239,68,68,.06);--ok-b: rgba(16,185,129,.2);--warn-b: rgba(245,158,11,.2);--danger-b: rgba(239,68,68,.16);--tint-lavender-bg: rgba(123,63,242,.06);--tint-lavender-border: rgba(123,63,242,.15);--tint-sky-bg: rgba(42,157,200,.06);--tint-sky-border: rgba(42,157,200,.15);--tint-peach-bg: rgba(221,91,0,.06);--tint-peach-border: rgba(221,91,0,.16);--tint-mint-bg: rgba(16,185,129,.06);--tint-mint-border: rgba(16,185,129,.15);--tint-rose-bg: rgba(239,68,68,.06);--tint-rose-border: rgba(239,68,68,.15);--navy: #0c1428;--navy-mid: #111d3a;--navy-light: #1a2a52}:root[data-theme=light] body{background:var(--canvas);color:var(--ink)}:root[data-theme=light] .wd-input{background:#fff;border-color:var(--hairline-strong);color:var(--ink)}:root[data-theme=light] .wd-input::placeholder{color:var(--ink-subtle)}:root[data-theme=light] .wd-input:hover:not(:focus){border-color:#a8a4a0}:root[data-theme=light] .wd-input:focus{border-color:var(--electric);box-shadow:0 0 0 3px #4172f51f}:root[data-theme=light] .wd-nav{color:var(--ink-subtle)}:root[data-theme=light] .wd-nav:hover{background:var(--surface-2);color:var(--ink-muted)}:root[data-theme=light] .wd-nav.active{background:var(--surface-3);color:var(--ink)}:root[data-theme=light] .wd-label{color:var(--ink-faint)}:root[data-theme=light] .wd-label-blue{color:var(--electric);opacity:1}:root[data-theme=light] .wd-card{background:#fff;border-color:var(--hairline);box-shadow:0 1px 3px #0f0f0f0f}:root[data-theme=light] .wd-btn-ghost{background:var(--surface-1);border-color:var(--hairline-strong);color:var(--ink-muted)}:root[data-theme=light] .wd-btn-ghost:hover{background:var(--surface-2);border-color:#a8a4a0;color:var(--ink)}:root[data-theme=light] .wd-brand-panel{background:#f0efed;border-right:1px solid var(--hairline)}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--hairline-strong)}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}:root[data-theme=light] .wd-chip{background:#fff;border-color:var(--hairline-strong);color:var(--ink-muted);box-shadow:0 1px 2px #0f0f0f0d}:root[data-theme=light] .wd-chip:hover{background:var(--surface-1);border-color:#a8a4a0;color:var(--ink)}:root[data-theme=light] .wd-pill-tab{color:var(--ink-subtle);border-color:var(--hairline-strong)}:root[data-theme=light] .wd-pill-tab:hover{color:var(--ink-muted)}:root[data-theme=light] .wd-pill-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}:root[data-theme=light] .wd-btn:disabled{background:var(--surface-2);color:var(--ink-subtle)}
