:root{color:#14233b;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui}body{margin:0}header{color:#fff;background:#0f2747;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;box-shadow:0 6px 20px #10233b22}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}button{color:#fff;cursor:pointer;background:#1c6dd0;border:0;border-radius:10px;padding:10px 14px;font-weight:700}button:disabled{opacity:.4}nav{background:#fff;border-bottom:1px solid #dfe7f3;gap:10px;padding:16px 28px;display:flex}nav button{color:#163052;background:#f1f5fb;align-items:center;gap:8px;display:flex}.active{color:#fff;background:#1c6dd0}main{max-width:1280px;margin:auto;padding:26px}.login{background:linear-gradient(135deg,#071b36,#1f73d1);grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;min-height:100vh;padding:40px;display:grid}.card{background:#fff;border:1px solid #dfe7f3;border-radius:18px;margin:18px 0;padding:22px;box-shadow:0 10px 30px #10233b10}.hero{background:linear-gradient(160deg,#fff,#e9f4ff)}.hero h1{font-size:42px}label{margin:12px 0;display:block}input,textarea,select{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd7e6;border-radius:10px;margin:6px 0 14px;padding:12px}textarea{min-height:110px}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.metric{background:#fff;border:1px solid #dfe7f3;border-radius:18px;padding:24px}.metric span{color:#64748b}.metric b{margin-top:12px;font-size:40px;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e6edf7;padding:12px}th{color:#52627a;background:#f8fbff}code{background:#eef4ff;border-radius:6px;padding:4px 6px}pre{white-space:pre-wrap;color:#d7e5ff;background:#0b1220;border-radius:10px;max-height:220px;padding:12px;overflow:auto}.result{background:#f8fbff;border:1px solid #dfe7f3;border-radius:14px;margin:12px 0;padding:14px}.err{color:#c0392b}@media (width<=900px){.login,.grid{grid-template-columns:1fr}nav{overflow:auto}main{padding:14px}}.split{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.pillrow{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.badge{color:#174b88;background:#eaf3ff;border:1px solid #cfe2ff;border-radius:999px;margin:3px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.stage{background:#f8fbff;border-left:4px solid #1c6dd0;border-radius:10px;margin:10px 0;padding:10px 14px}.stage small{color:#64748b;margin:3px 0 6px;display:block}.viewer pre{color:#14233b;background:#f8fbff;max-height:560px;line-height:1.55}.metric small{color:#64748b;margin-top:6px;display:block}details summary{cursor:pointer;padding:8px 0;font-weight:800}@media (width<=900px){.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:30px}}