:root{--bg:#2f3237;--card:#3a3f45;--text:#e6e6e6;--muted:#a8b0ba;--border:#838383;--accent:#5178b8;--btn-bg:hsla(0,0%,100%,.08);--btn-bg-hover:hsla(0,0%,100%,.14);--btn-bg-host:hsla(0,0%,100%,.4);--btn-border:hsla(0,0%,100%,.18);--btn-border-ghost:hsla(0,0%,100%,.45);--btn-shadow:0 1px 0 hsla(0,0%,100%,.05),0 4px 12px rgba(0,0,0,.35);--btn-text:var(--text);--navbar-bg:#10243b;--subnavbar-bg:#494c50;--dropdown-bg:#35383e;--btn-radius:10px;--z-base:1;--z-subnav:10;--z-navbar:100;--z-dropdown:200;--z-modal:1000}html.light{--bg:#f4f6f9;--card:#d8d8d8;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--btn-bg:rgba(0,0,0,.05);--btn-bg-hover:rgba(0,0,0,.08);--btn-bg-host:rgba(0,0,0,.12);--btn-border:rgba(0,0,0,.15);--btn-border-ghost:rgba(0,0,0,.25);--btn-shadow:0 1px 0 rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.08);--navbar-bg:#eeecec;--subnavbar-bg:#e2e2e2;--dropdown-bg:#fff}html.dark{--bg:#0b0c10;--card:#111318;--text:#e9eef6;--muted:#9aa6b2;--border:#232733;--btn-bg:hsla(0,0%,100%,.1);--btn-bg-hover:hsla(0,0%,100%,.18);--btn-bg-host:hsla(0,0%,100%,.5);--btn-border:hsla(0,0%,100%,.22);--btn-border-ghost:hsla(0,0%,100%,.5);--btn-shadow:0 1px 0 hsla(0,0%,100%,.06),0 4px 12px rgba(0,0,0,.4);--navbar-bg:#10243b;--subnavbar-bg:#343f4d;--dropdown-bg:#2a2b31}html.light{--bg:#f5f5f5;--card:#fff;--text:#1a1a1a;--muted:#666;--border:rgba(0,0,0,.1)}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.form-field{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);padding:6px 14px;border-radius:var(--btn-radius);font:inherit;cursor:pointer;text-decoration:none;box-shadow:var(--btn-shadow);transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease}.btn:hover{background:var(--btn-bg-hover);box-shadow:0 1px 0 hsla(0,0%,100%,.12),0 6px 18px rgba(0,0,0,.5)}.btn:active{transform:translateY(1px);box-shadow:0 1px 0 hsla(0,0%,100%,.05),0 2px 6px rgba(0,0,0,.6)}.input{width:100%;padding:8px 12px;border-radius:var(--btn-radius);border:1px solid var(--btn-border);background:hsla(0,0%,100%,.06);color:var(--text);font:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 1px 0 hsla(0,0%,100%,.04);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.input::placeholder{color:hsla(0,0%,100%,.45)}.input:focus{outline:none;background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.35);box-shadow:0 0 0 3px hsla(0,0%,100%,.12),inset 0 1px 2px rgba(0,0,0,.6)}.input:disabled{opacity:.6;cursor:not-allowed}.checkbox-row{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text);font-size:.95rem}.checkbox{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.checkbox-label{color:var(--text)}