:root{--font:"IBM Plex Sans", system-ui, sans-serif;--bg:#f4f7fb;--surface:#fff;--ink:#152033;--muted:#64748b;--line:#dbe3ef;--brand:#1b4f9c;--brand-2:#163f7c;--brand-soft:#dbe7f8;--ok:#0e7c3a;--danger:#c50f1f;--rail:#2b2b2b;--ui-scale:1;--space:calc(8px * var(--ui-scale));--touch:calc(44px * var(--ui-scale));--text:calc(14px * var(--ui-scale));--text-sm:calc(12px * var(--ui-scale));--text-lg:calc(18px * var(--ui-scale));--radius:8px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font);font-size:var(--text);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}code{font-size:.92em}.muted{color:var(--muted)}.req{color:var(--danger)}.hint{font-size:calc(11px * var(--ui-scale));color:var(--muted);margin-top:4px;display:block}.page-lead{color:var(--muted);max-width:52rem;margin:0 0 16px}.btn{min-height:var(--touch);background:var(--brand);color:#fff;border-radius:6px;padding:0 16px;font-weight:600}.btn:hover:not(:disabled){background:var(--brand-2)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.btn.block{width:100%}.field{margin-bottom:12px}.field label{font-size:var(--text-sm);color:var(--muted);margin-bottom:4px;display:block}.field input,.field select,.field textarea{width:100%;min-height:var(--touch);border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:0 12px}.field textarea{min-height:calc(88px * var(--ui-scale));resize:vertical;padding:10px 12px}.field input:disabled,.field textarea:disabled{background:var(--bg);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:40rem;margin-bottom:16px;padding:16px}.card h3{margin:0 0 12px;font-size:15px}.banner{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:0 0 12px;padding:10px 12px}.banner-error{color:var(--danger);background:#fff5f5;border-color:#f3c0c4}.banner-ok{color:var(--ok);background:#f3fbf5;border-color:#c6e7d0}.banner-warn{color:#7a5b00;background:#fffbeb;border-color:#e8d9a8}.badge{font-size:calc(11px * var(--ui-scale));background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.login{background:linear-gradient(160deg, var(--brand), var(--brand-2));place-items:center;min-height:100%;padding:24px;display:grid}.login-inner{background:var(--surface);border:1px solid #fff3;border-radius:12px;width:100%;max-width:420px;padding:28px 22px}.login h1{font-size:var(--text-lg);margin:0 0 6px}.login .sub{color:var(--muted);font-size:var(--text-sm);margin:0 0 18px}.brand-mark{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:20px;font-weight:700;display:grid}.web-shell{background:#f0f0f0;min-height:100%;display:flex}.web-rail{background:var(--rail);color:#fff;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex}.web-rail .logo{background:var(--brand);border-radius:8px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.rail-spacer{flex:1}.rail-signout{color:#c8c8c8;min-height:40px;padding:0 8px;font-size:11px}.rail-signout:hover{color:#fff}.web-nav{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:240px;padding:12px 0;display:flex}.web-nav-title{padding:8px 16px 12px;font-weight:700}.web-nav button{text-align:left;width:100%;color:var(--muted);min-height:40px;padding:11px 16px}.web-nav button[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:600}.web-nav-user{font-size:var(--text-sm);color:var(--muted);border-top:1px solid var(--line);margin-top:auto;padding:16px}.web-main{background:var(--bg);flex:1;padding:20px 24px;overflow:auto}.web-main h2{margin:0 0 8px;font-size:20px;font-weight:600}.stats{gap:12px;display:grid}.stat-label{font-size:var(--text-sm);color:var(--muted);margin-bottom:2px;display:block}.checklist{color:var(--ink);margin:16px 0 0;padding-left:1.25rem}.code-block{max-width:100%;font-size:12px;overflow:auto}@media (width<=760px){.web-shell{flex-direction:column}.web-rail{flex-direction:row;width:100%;padding:8px 12px}.rail-spacer{display:none}.web-nav{border-right:none;border-bottom:1px solid var(--line);width:100%}}