body{margin:0;min-height:100vh}html{background:#f6f6f2;color:#101214}html[data-theme=dark]{background:#08070d;color:#f5f5f7}
.boot-shell{--boot-border:#deded8;--boot-fill:#e9e9e3;box-sizing:border-box;min-height:100vh;font:14px 'Instrument Sans',Arial,sans-serif}.boot-shell *{box-sizing:border-box}html[data-theme=dark] .boot-shell{--boot-border:#24232c;--boot-fill:#191820}
.boot-header{display:flex;align-items:center;gap:28px;min-height:68px;padding:12px 24px;border-bottom:1px solid var(--boot-border)}.boot-header a{color:inherit;text-decoration:none}.boot-brand{font-size:23px;font-weight:800;letter-spacing:-1px;flex-shrink:0}.boot-header nav{display:flex;align-items:center;gap:20px;overflow:auto;scrollbar-width:none}.boot-header nav a{flex-shrink:0;min-height:44px;display:flex;align-items:center;font-weight:600;white-space:nowrap}.boot-header a:focus-visible{outline:2px solid #c5ef74;outline-offset:4px}.boot-header nav a:hover{opacity:.7}
.boot-workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:20px;padding:24px;max-width:1800px;margin:auto}.boot-panel{border:1px solid var(--boot-border);border-radius:12px;padding:20px;min-width:0}.boot-line,.boot-row{background:var(--boot-fill);border-radius:6px}.boot-line{width:38%;height:15px;margin:4px 0 28px}.boot-row{height:54px;margin:16px 0}.boot-chart{height:clamp(220px,38vh,440px);border-bottom:1px solid var(--boot-border);background:repeating-linear-gradient(0deg,transparent 0,transparent 63px,var(--boot-border) 64px,transparent 65px)}.boot-recovery{padding-top:20px}.boot-recovery h1{font-size:16px;margin:0 0 8px}.boot-recovery p{font-size:14px;margin:0 0 16px;opacity:.75}.boot-recovery button{font:inherit;border:0;border-radius:8px;background:#d4f77d;color:#101214;padding:12px 20px;min-height:44px;cursor:pointer}
@media(max-width:1100px){.boot-workspace{grid-template-columns:minmax(0,1fr) 280px}.boot-rail{display:none}.boot-header{gap:20px;padding:10px 16px}}@media(max-width:700px){.boot-header{display:block;padding:14px 16px 0}.boot-brand{display:inline-block;margin-bottom:6px}.boot-header nav{gap:20px}.boot-workspace{display:block;padding:16px}.boot-ticket{display:none}.boot-panel{padding:16px}.boot-chart{height:260px}}

/* The initial HTML and React fallback share a quiet current-shell skeleton. */
html[data-shell=next] .boot-shell{background:#0B0B10;color:#F3F3F6;--boot-border:#22222C;--boot-fill:#16161E}
html[data-shell=next][data-look=light] .boot-shell{background:#F3F3F6;color:#111118;--boot-border:#E1E1E8;--boot-fill:#EDEDF2}
html[data-shell=next] .boot-header{min-height:64px;padding:12px 24px}
html[data-shell=next] .boot-header nav{display:none}
html[data-shell=next] .boot-workspace{max-width:none;gap:12px;padding:12px;grid-template-columns:240px minmax(0,1fr) 320px}
html[data-shell=next] .boot-header a:focus-visible{outline-color:#7957FF}
html[data-shell=next] .boot-recovery button{background:#7957FF;color:#fff}
@media(max-width:1100px){html[data-shell=next] .boot-workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:700px){html[data-shell=next] .boot-workspace{display:block}}
