:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f7;--surface:#fff;--surface-muted:#f8faf9;--line:#dce2e1;--line-strong:#c8d0ce;--text:#17201e;--muted:#67716f;--teal:#087f6f;--teal-dark:#06675b;--teal-soft:#e4f3ef;--coral:#c84630;--coral-soft:#fff0ed;--amber:#a26200;--blue:#2764a8;--code-bg:#111817;--code-text:#d7e0de;--shadow:0 18px 50px #1523201f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-shell,.loading-screen{place-items:center;min-height:100vh;padding:28px;display:grid}.login-shell{background:linear-gradient(#e4e9e8 1px,transparent 1px),linear-gradient(90deg,#e4e9e8 1px,transparent 1px),var(--bg);background-size:28px 28px}.login-panel{background:var(--surface);border:1px solid var(--line);width:min(100%,410px);box-shadow:var(--shadow);border-radius:8px;padding:34px}.brand-mark{color:#fff;background:var(--teal);border-radius:7px;place-items:center;width:46px;height:46px;display:grid}.brand-mark.small{width:38px;height:38px}.eyebrow{color:var(--teal-dark);text-transform:uppercase;margin:22px 0 7px;font-size:12px;font-weight:800}.login-panel h1{margin:0;font-size:27px;line-height:1.25}.muted{color:var(--muted)}.login-panel>.muted{margin:10px 0 26px;font-size:14px}.login-form,.user-form{gap:16px;display:grid}label{color:#34403d;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{width:100%;height:42px;color:var(--text);border:1px solid var(--line-strong);background:#fff;border-radius:5px;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f6f1f}.primary-button{color:#fff;background:var(--teal);border:1px solid var(--teal);border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:43px;font-weight:800;display:inline-flex}.primary-button:hover{background:var(--teal-dark)}.primary-button.compact{align-self:end;min-height:42px}.form-error,.inline-error{color:var(--coral);margin:0;font-size:13px;font-weight:700}.loading-screen{color:var(--muted)}.spinner{border:3px solid var(--line-strong);border-top-color:var(--teal);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:.8s linear infinite spin}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex;position:sticky;top:0}.brand,.account-actions,.account,.content-actions,.sidebar-heading,.sidebar-heading>div{align-items:center;display:flex}.brand{gap:11px}.brand>div:last-child,.account{display:grid}.brand strong{font-size:14px}.brand span,.account span{color:var(--muted);font-size:11px}.account-actions{gap:8px}.account{text-align:right;margin-right:5px}.account strong{color:var(--teal-dark);text-transform:uppercase;font-size:11px}.icon-button{color:#33403d;border:1px solid var(--line);background:#fff;border-radius:5px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{color:var(--teal);border-color:var(--line-strong);background:var(--surface-muted)}.icon-button.subtle{background:0 0;border-color:#0000;width:31px;height:31px}.workspace{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.date-sidebar{border-right:1px solid var(--line);background:#edf1f0;padding:18px 14px}.sidebar-heading{justify-content:space-between;padding:0 4px 12px}.sidebar-heading>div{color:var(--muted);gap:8px;font-size:12px;font-weight:800}.sidebar-heading strong{min-width:25px;color:var(--teal-dark);background:var(--teal-soft);text-align:center;border-radius:10px;padding:2px 6px}.date-list{gap:4px;display:grid}.date-list button{color:#46514f;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:9px;min-height:40px;padding:0 10px;display:flex}.date-list button:hover{background:#ffffffa6}.date-list button.active{color:var(--teal-dark);border-color:var(--line);background:#fff;font-weight:800}.content{min-width:0;padding:24px}.content-header{justify-content:space-between;align-items:flex-end;gap:18px;min-height:58px;margin-bottom:18px;display:flex}.content-header .eyebrow{margin:0 0 4px}.content-header h1{margin:0;font-size:22px}.content-actions{gap:9px}.count{color:var(--muted);font-size:13px}.inline-error{background:var(--coral-soft);border:1px solid #f2c9c1;border-radius:5px;margin-bottom:14px;padding:10px 12px}.request-list{gap:10px;display:grid}.request-item{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}.request-summary{width:100%;min-height:48px;color:var(--text);text-align:left;background:#fff;border:0;grid-template-columns:20px 9px 112px minmax(170px,1fr) minmax(120px,auto) 50px;align-items:center;gap:10px;padding:0 14px;display:grid}.request-summary:hover{background:var(--surface-muted)}.chevron{color:var(--muted);display:grid}.status-dot{background:var(--teal);border-radius:50%;width:8px;height:8px}.status-dot.error{background:var(--coral)}.request-time,.request-path,.http-status{color:var(--muted);font-size:12px}.request-summary code{color:#37413f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.request-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.http-status{color:var(--teal-dark);justify-self:end;font-weight:800}.http-status.error{color:var(--coral)}.request-json{background:var(--code-bg);border-top:1px solid #273331}.json-view{max-height:520px;color:var(--code-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:17px 19px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;overflow:auto}.json-key{color:#77cfbd}.json-string{color:#f2ca7f}.json-number{color:#8fbaf0}.json-boolean{color:#efa27f}.json-null{color:#aab4b2;font-style:italic}.empty-state{min-height:230px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:6px;align-content:center;place-items:center;gap:10px;display:grid}.empty-state p{margin:0}.dialog-backdrop{z-index:50;background:#0f17158a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);width:min(860px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:24px;overflow:auto}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-header .eyebrow{margin:0 0 4px}.dialog-header h2{margin:0;font-size:20px}.user-form{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;grid-template-columns:1.2fr 1fr 1fr 120px auto;align-items:end;padding:18px}.dialog-error{margin-top:12px}.user-list{border-top:1px solid var(--line);margin-top:20px}.user-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;display:grid}.user-avatar{width:32px;height:32px;color:var(--teal-dark);background:var(--teal-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.user-identity{gap:2px;min-width:0;display:grid}.user-identity strong,.user-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-identity strong{font-size:13px}.user-identity span{color:var(--muted);font-size:12px}.role-badge{color:#4d5855;text-transform:uppercase;background:#edf0ef;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:900}.role-badge.admin{color:var(--teal-dark);background:var(--teal-soft)}@media (max-width:900px){.workspace{grid-template-columns:1fr}.date-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}.sidebar-heading{padding-bottom:7px}.date-list{display:flex;overflow-x:auto}.date-list button{flex:none}.user-form{grid-template-columns:1fr 1fr}.user-form .primary-button{width:100%}}@media (max-width:680px){.topbar{height:60px;padding:0 12px}.brand span,.account{display:none}.workspace{min-height:calc(100vh - 60px)}.content{padding:16px 12px}.content-header{align-items:center}.content-header h1{font-size:18px}.request-summary{grid-template-columns:20px 9px 1fr 48px}.request-time,.request-path{display:none}.json-view{max-height:430px;padding:14px;font-size:11px}.dialog-backdrop{padding:0}.dialog{border:0;border-radius:0;width:100%;min-height:100vh;max-height:100vh}.user-form{grid-template-columns:1fr}}