:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;white-space:nowrap;background:#164e63;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 13px;display:inline-flex}button:hover{background:#0f3f52}button.small{min-height:32px;padding:6px 10px}button.danger{background:#9f1239}button.danger:hover{background:#881337}button.icon-button{background:#1f2937;min-width:40px;padding:9px}input,select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:38px;padding:8px 10px}label{color:#374151;gap:6px;font-size:13px;font-weight:600;display:grid}code{color:#334155;background:#eef2f7;border:1px solid #d8e0ea;border-radius:6px;margin-top:8px;padding:5px 7px;font-size:12px;display:inline-block}.login-shell{background:#e7edf2;align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d8e0ea;border-radius:8px;gap:16px;width:100%;max-width:420px;margin:0 auto;padding:28px;display:grid;box-shadow:0 18px 42px #0f172a1f}.login-panel h1,.topbar h1{margin:0;font-size:27px;line-height:1.12}.eyebrow{color:#64748b;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;padding:22px 16px}.brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand span{color:#111827;background:#f59e0b;border-radius:6px;padding:6px 8px;font-weight:900}.brand strong{font-size:18px}nav{gap:6px;display:grid}nav button{color:#dbe4ef;background:0 0;justify-content:flex-start;width:100%}nav button.active,nav button:hover{background:#243244}.workspace{align-content:start;gap:18px;padding:24px;display:grid}.topbar,.row-between,.detail-head,.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.notice,.one-time-key{color:#7c2d12;word-break:break-all;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:10px 12px}.stack{gap:16px;display:grid}.api-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;display:grid}.api-index,.api-detail,.panel,.inline-form,.grid-form,.link-form,.table-wrap{background:#fff;border:1px solid #d8e0ea;border-radius:8px}.api-index{align-self:start;gap:10px;padding:14px;display:grid}.section-title span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}.api-list{gap:6px;display:grid}.api-row{color:#111827;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;min-height:64px;padding:10px 11px}.api-row:hover,.api-row.active{color:#0f3f52;background:#e8f3f7;border-color:#9dc6d1}.api-row span{gap:4px;min-width:0;display:grid}.api-row small{color:#64748b;text-overflow:ellipsis;overflow:hidden}.api-row em{color:#475569;font-style:normal;font-weight:800}.api-detail{gap:16px;min-width:0;padding:16px;display:grid;overflow:hidden}.api-detail h2{margin:0;font-size:26px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid.compact .metric strong{font-size:23px}.panel{padding:16px}.metric{gap:10px;display:grid}.metric span{color:#64748b;align-items:center;gap:6px;font-size:13px;display:inline-flex}.metric strong{font-size:26px}.chart-panel{min-height:270px}.inline-form,.grid-form,.link-form{gap:10px;padding:12px;display:grid}.inline-form{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr) auto}.inline-form.two{grid-template-columns:minmax(220px,1fr) auto}.grid-form{grid-template-columns:repeat(3,minmax(150px,1fr)) auto}.link-form{grid-template-columns:minmax(180px,1.3fr) repeat(4,minmax(120px,1fr)) auto}.table-wrap{min-width:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:10px 12px}th{color:#64748b;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}td{color:#1f2937;font-size:14px}.actions{gap:8px;display:inline-flex}.badge{color:#374151;background:#e5e7eb;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:#166534;background:#dcfce7}.badge.bad{color:#9f1239;background:#ffe4e6}@media (width<=1100px){.api-layout,.metric-grid,.grid-form,.inline-form,.link-form{grid-template-columns:1fr}}@media (width<=1400px){.api-layout{grid-template-columns:300px minmax(0,1fr)}.detail-head{flex-wrap:wrap;align-items:flex-start}.metric-grid.compact,.link-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.workspace{padding:16px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}}