@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;500;600;700;800&display=swap";:root{--HEWA-void:#070d0a;--HEWA-deep:#0d1a12;--HEWA-surface:#111f17;--HEWA-raised:#172b1e;--HEWA-border:#1e3828;--HEWA-accent:#40916c;--HEWA-primary:#52b788;--HEWA-bright:#74c69d;--HEWA-amber:#f4a261;--HEWA-text:#e6edf3;--HEWA-text-muted:#8b949e;--HEWA-red:#f87171;--HEWA-purple:#a78bfa;--HEWA-blue:#60a5fa;--HEWA-teal:#0d9488;--HEWA-green:#52b788;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:20px;--sp-8:24px;--sp-9:32px;--text-xs:10px;--text-sm:11px;--text-base:12px;--text-md:13px;--text-lg:14px;--text-xl:16px;--text-2xl:20px;--text-3xl:26px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #52b78826;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--background:var(--HEWA-void);--foreground:var(--HEWA-text);--card:var(--HEWA-surface);--card-foreground:var(--HEWA-text);--popover:var(--HEWA-deep);--popover-foreground:var(--HEWA-text);--primary:var(--HEWA-primary);--primary-foreground:var(--HEWA-void);--secondary:var(--HEWA-raised);--secondary-foreground:var(--HEWA-text);--muted:var(--HEWA-surface);--muted-foreground:var(--HEWA-text-muted);--accent:var(--HEWA-accent);--accent-foreground:var(--HEWA-text);--destructive:var(--HEWA-red);--destructive-foreground:var(--HEWA-text);--border:var(--HEWA-border);--input:var(--HEWA-border);--ring:var(--HEWA-primary);--radius:.5rem}[data-theme=light]{--HEWA-void:#f8f9fa;--HEWA-deep:#fff;--HEWA-surface:#f1f3f5;--HEWA-raised:#e9ecef;--HEWA-border:#dee2e6;--HEWA-text:#212529;--HEWA-text-muted:#6c757d;--HEWA-accent:#2b8a3e;--HEWA-green:#2b8a3e;--HEWA-red:#c92a2a;--background:#f8f9fa;--card:#fff;--primary:#2b8a3e}[data-theme=high-contrast]{--HEWA-void:#000;--HEWA-deep:#0a0a0a;--HEWA-surface:#111;--HEWA-raised:#1a1a1a;--HEWA-border:#fff;--HEWA-text:#fff;--HEWA-text-muted:#ccc;--HEWA-accent:#0f8;--HEWA-green:#0f8;--HEWA-red:#f44;--background:#000;--card:#0a0a0a;--primary:#0f8}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #52b78866}50%{box-shadow:0 0 20px #52b788cc}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dot-blink{0%,to{opacity:.2}50%{opacity:1}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-pulse-green{animation:2s ease-in-out infinite pulse-green}.animate-fade-up{animation:.3s ease-out fade-up}.animate-blink{animation:1s step-end infinite blink}.animate-glow-pulse{animation:2s ease-in-out infinite glow-pulse}.animate-spin-slow{animation:2s linear infinite spin-slow}.animate-spin{animation:1s linear infinite spin-slow}.skeleton{background:linear-gradient(90deg, var(--HEWA-surface) 25%, var(--HEWA-raised) 50%, var(--HEWA-surface) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:var(--HEWA-void);color:var(--HEWA-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Space Mono,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--HEWA-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--HEWA-accent)}@media (width<=767px){.desktop-hide{display:none!important}}@media (width>=768px){.mobile-hide{display:none!important}}.noise-overlay{position:relative}.HEWA-glow{text-shadow:0 0 10px #52b78880}::selection{color:var(--HEWA-text);background:#52b7884d}a{color:var(--HEWA-primary);text-decoration:none}a:hover{color:var(--HEWA-bright)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:center;display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--HEWA-text-muted)}.text-primary{color:var(--HEWA-primary)}.text-bright{color:var(--HEWA-bright)}.text-amber{color:var(--HEWA-amber)}.text-red{color:var(--HEWA-red)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-heading{font-family:Syne,sans-serif}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase;letter-spacing:.5px}.p-2{padding:var(--sp-2)}.p-3{padding:var(--sp-3)}.p-4{padding:var(--sp-4)}.p-5{padding:var(--sp-5)}.p-6{padding:var(--sp-6)}.px-3{padding-left:var(--sp-3);padding-right:var(--sp-3)}.px-4{padding-left:var(--sp-4);padding-right:var(--sp-4)}.px-5{padding-left:var(--sp-5);padding-right:var(--sp-5)}.py-2{padding-top:var(--sp-2);padding-bottom:var(--sp-2)}.py-3{padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.btn{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border:1px solid var(--HEWA-border);border-radius:var(--radius-md);background:var(--HEWA-raised);color:var(--HEWA-text);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit;display:inline-flex}.btn:hover{background:var(--HEWA-surface);border-color:var(--HEWA-accent);transform:translateY(-1px)}.btn:active{background:var(--HEWA-border);transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--HEWA-primary);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--HEWA-primary);color:var(--HEWA-void);border-color:var(--HEWA-primary);font-weight:600}.btn-primary:hover{background:var(--HEWA-bright);border-color:var(--HEWA-bright);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--HEWA-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--HEWA-surface);color:var(--HEWA-text);border-color:#0000}.btn-danger{color:var(--HEWA-red);background:0 0;border-color:#0000}.btn-danger:hover{border-color:var(--HEWA-red);background:#f871711a}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{padding:var(--sp-2);color:var(--HEWA-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;display:inline-flex}.btn-icon:hover{color:var(--HEWA-text);background:var(--HEWA-surface)}.card{background:var(--HEWA-surface);border:1px solid var(--HEWA-border);border-radius:var(--radius-lg);padding:var(--sp-6)}.panel{background:var(--HEWA-deep);border:1px solid var(--HEWA-border);border-radius:var(--radius-md)}.panel-header{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--HEWA-border);flex-shrink:0;display:flex}.input{width:100%;padding:var(--sp-4) var(--sp-5);background:var(--HEWA-surface);border:1px solid var(--HEWA-border);border-radius:var(--radius-md);color:var(--HEWA-text);font-size:var(--text-base);transition:border-color var(--transition-base);outline:none;font-family:inherit}.input:focus{border-color:var(--HEWA-primary);box-shadow:0 0 0 3px #52b7881a}.input::placeholder{color:var(--HEWA-text-muted)}.input-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm)}.badge{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:600;display:inline-flex}.badge-green{color:var(--HEWA-primary);background:#52b78826}.badge-amber{color:var(--HEWA-amber);background:#f4a26126}.badge-red{color:var(--HEWA-red);background:#f8717126}.badge-purple{color:var(--HEWA-purple);background:#a78bfa26}.badge-blue{color:var(--HEWA-blue);background:#60a5fa26}.badge-muted{background:var(--HEWA-surface);color:var(--HEWA-text-muted)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0009;animation:.2s fade-in;position:fixed;inset:0}.modal{background:var(--HEWA-deep);border:1px solid var(--HEWA-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:51;max-height:90vh;animation:.25s modal-enter;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.dropdown{background:var(--HEWA-surface);border:1px solid var(--HEWA-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;min-width:160px;animation:.15s dropdown-enter;position:absolute;overflow:hidden}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-4) var(--sp-5);border:none;border-bottom:1px solid var(--HEWA-border);color:var(--HEWA-text);font-size:var(--text-base);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;font-family:inherit;display:flex}.dropdown-item:hover{background:#52b78814}.dropdown-item:last-child{border-bottom:none}.toast{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);background:var(--HEWA-surface);border:1px solid var(--HEWA-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--HEWA-text);animation:.3s toast-enter;display:flex}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.divider{background:var(--HEWA-border);height:1px;margin:var(--sp-4) 0}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-green{background:var(--HEWA-primary)}.dot-amber{background:var(--HEWA-amber)}.dot-red{background:var(--HEWA-red)}.dot-muted{background:var(--HEWA-text-muted)}.progress-bar{background:var(--HEWA-surface);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--HEWA-accent), var(--HEWA-primary));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.toggle{background:var(--HEWA-border);border-radius:var(--radius-full);cursor:pointer;width:36px;height:20px;transition:background var(--transition-base);border:none;padding:0;position:relative}.toggle[data-active=true]{background:var(--HEWA-primary)}.toggle:after{content:"";width:16px;height:16px;transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle[data-active=true]:after{transform:translate(16px)}.toggle:hover{opacity:.9}.toggle:focus-visible{outline:2px solid var(--HEWA-primary);outline-offset:2px}.tab-group{gap:var(--sp-1);padding:var(--sp-2);background:var(--HEWA-void);border-bottom:1px solid var(--HEWA-border);display:flex}.tab-item{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--HEWA-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-family:inherit;display:flex}.tab-item:hover{color:var(--HEWA-text);background:var(--HEWA-surface)}.tab-item[data-active=true]{color:var(--HEWA-primary);border-bottom-color:var(--HEWA-primary);background:#52b78814}.tooltip{background:var(--HEWA-surface);border:1px solid var(--HEWA-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);color:var(--HEWA-text);white-space:nowrap;z-index:100;pointer-events:none;box-shadow:var(--shadow-md);animation:.15s fade-in;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}:focus-visible{outline:2px solid var(--HEWA-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.scroll-y{scrollbar-width:thin;overflow-y:auto}.scroll-hide{scrollbar-width:none;overflow:auto}.scroll-hide::-webkit-scrollbar{display:none}.fullscreen-panel{z-index:40;background:var(--HEWA-void);flex-direction:column;animation:.2s fade-in;display:flex;position:fixed;inset:0}.code-block{background:var(--HEWA-void);border:1px solid var(--HEWA-border);border-radius:var(--radius-md);padding:var(--sp-5);font-family:JetBrains Mono,Space Mono,monospace;font-size:var(--text-md);color:var(--HEWA-text);line-height:1.6;overflow-x:auto}@media (width<=767px){.mobile-full{width:100%}.mobile-col{flex-direction:column}.mobile-p-4{padding:var(--sp-4)}}