:root{color-scheme:dark;--bg:#191d24;--sidebar:#12161c;--panel:#20262f;--panel-hover:#272f3b;--line:#343e4d;--ink:#edf3fc;--muted:#a8b7cc;--blue:#8bc7ff;--cyan:#b4e9ef;--accent-bg:#243b54;--radius:12px;font-family:'Segoe UI',system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--blue)}button:focus-visible,a:focus-visible,main:focus-visible{outline:3px solid var(--blue);outline-offset:4px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:16px;padding:12px;background:var(--panel);z-index:10}.skip:focus{top:12px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);padding:26px 16px 18px;display:flex;flex-direction:column;border-right:1px solid #26303c}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:600;letter-spacing:-.6px}.brand svg,.login-brand svg{width:31px;height:31px;color:var(--cyan)}.workspace-label{font-size:10px;font-weight:600;letter-spacing:1.2px;color:var(--muted);margin:38px 12px 12px}.nav-item{display:flex;width:100%;align-items:center;gap:12px;background:transparent;border:0;border-radius:8px;color:var(--muted);padding:12px;margin:4px 0;text-align:left;min-height:46px;font-size:14px}.nav-item:hover{background:#1c2531;color:var(--ink)}.nav-item.active{background:var(--accent-bg);color:#d9ecff}.sidebar-bottom{margin-top:auto;padding-top:32px;display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}.sidebar-bottom>div{flex:1;min-width:0}.sidebar-bottom strong,.sidebar-bottom span:not(.identity-icon){display:block;overflow-wrap:anywhere}.sidebar-bottom strong{font-weight:500}.sidebar-bottom span:not(.identity-icon){color:var(--muted);font-size:12px}.identity-icon{border:1px solid var(--line);border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:var(--cyan);flex-shrink:0}.icon-button{background:none;border:0;color:var(--muted);width:44px;height:44px;display:grid;place-items:center}.workspace{display:flex;flex-direction:column;min-width:0}.topbar{height:64px;border-bottom:1px solid #29323f;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 38px;color:var(--muted);font-size:13px}.preview{border:1px solid #476182;border-radius:5px;padding:3px 8px;color:#beddfb;font-size:12px}main#main{width:100%;max-width:1300px;padding:42px 48px 60px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{color:var(--blue);font-size:10px;font-weight:600;letter-spacing:1.7px;margin:0 0 9px}h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:0 0 10px}h2{font-size:16px;font-weight:500;margin:0}p{margin:0 0 12px}.page-heading p:not(.eyebrow),.muted{color:var(--muted);font-size:14px}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;min-height:44px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:9px 14px;font-size:13px;text-decoration:none}.secondary:hover{background:var(--panel-hover)}.data-note{font-size:12px;color:var(--muted);margin-bottom:22px}#feedback:not(:empty){padding:12px 16px;border:1px solid #526983;background:#223044;border-radius:8px;margin:0 0 18px;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--panel)}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:30px;margin:10px 0 2px;line-height:1.2;letter-spacing:-.6px}.metric-note{font-size:12px;color:var(--muted)}.section-heading{margin:30px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading>span{font-size:12px;color:var(--muted)}.stack{display:grid;gap:12px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:20px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px}.node-title{font-size:14px;font-weight:500;overflow-wrap:anywhere}.node-subtitle{font-size:12px;color:var(--muted);margin-top:4px}.state{display:inline-block;color:var(--cyan);font-size:11px;padding:3px 8px;border:1px solid #496170;border-radius:5px;white-space:nowrap}.state.stale,.state.revoked{color:#e4c999;border-color:#6c6048}.state.no_data{color:var(--muted);border-color:var(--line)}.volume{display:grid;grid-template-columns:130px minmax(100px,1fr) 180px;gap:22px;align-items:center;border-top:1px solid var(--line);padding:15px 0 0;margin-top:15px;font-size:13px}.volume-name{color:var(--ink)}.volume-detail{font-size:12px;color:var(--muted);text-align:right}progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--blue);background:#343d4a}progress::-webkit-progress-bar{background:#343d4a;border-radius:10px}progress::-webkit-progress-value{background:var(--blue);border-radius:10px}progress::-moz-progress-bar{background:var(--blue)}.empty{padding:28px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-size:14px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:13px}.reported{color:var(--cyan)}.access-panel dl{display:grid;grid-template-columns:140px 1fr;gap:12px;margin:22px 0}.access-panel dt{color:var(--muted);font-size:13px}.access-panel dd{margin:0;font-size:14px;overflow-wrap:anywhere}.workspace-footer{padding:20px 38px;border-top:1px solid #29323f;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.login-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:38px 24px;background:radial-gradient(ellipse at 50% 5%,#243247 0,transparent 60%)}.login-brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;letter-spacing:-.7px}.login-card{width:100%;max-width:410px;margin:auto 0;padding:55px 0;text-align:center}.login-card h1{font-size:36px;margin:15px 0}.login-description{font-size:15px;color:var(--muted);margin-bottom:32px}.google-button{min-height:48px;width:100%;border:1px solid #3e638d;background:#abd5ff;color:#152b43;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:14px;font-weight:600}.google-button svg{stroke:none;background:#fff;border-radius:50%;width:22px;height:22px}.google-button:hover{background:#c0e2ff}#login-status{margin-top:18px;color:var(--muted);font-size:13px}.login-small,.login-footer{font-size:12px;color:var(--muted)}.login-small{margin-top:24px}.preview-link{margin-top:16px}.login-footer{padding:20px 0}.login-card #login-retry{margin-top:16px}
@media(min-width:1600px){main#main{padding-top:58px}}@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:23px 12px}.workspace-label{font-size:9px}.brand{font-size:20px}.topbar{padding:0 24px}main#main{padding:30px 24px}.volume{grid-template-columns:95px minmax(70px,1fr);gap:14px}.volume-detail{grid-column:2;text-align:left}.metrics{gap:10px}.metric{padding:16px}.workspace-footer{padding:20px 24px}}@media(max-width:600px){.shell{display:block}.sidebar{padding:15px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;font-size:20px}.brand svg{width:25px;height:25px}.workspace-label{display:none}.sidebar nav{display:flex;gap:8px;margin-top:14px}.nav-item{font-size:12px;justify-content:center;padding:10px 6px;margin:0;gap:6px;min-height:44px}.nav-item svg{width:17px;height:17px}.sidebar-bottom{padding-top:12px;margin-top:8px;border-top:1px solid var(--line)}.sidebar-bottom .identity-icon{width:28px;height:28px}.topbar{height:49px;padding:0 18px;font-size:11px}.preview{font-size:10px}main#main{padding:27px 18px 40px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:27px}.page-heading p:not(.eyebrow){font-size:13px}.page-heading .secondary{font-size:0;padding:10px;min-width:44px}.metrics{grid-template-columns:1fr;gap:9px}.metric{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:15px 18px}.metric-value{grid-row:1/3;grid-column:2;margin:0;align-self:center;font-size:25px}.metric-note{grid-column:1;font-size:11px}.section-heading{align-items:flex-start}.section-heading>span{font-size:11px;max-width:145px;text-align:right}.panel{padding:16px}.volume{grid-template-columns:75px minmax(0,1fr);gap:8px 12px}.panel-top{gap:8px}.workspace-footer{padding:16px 18px;font-size:10px}.access-panel dl{grid-template-columns:90px 1fr}.login-card h1{font-size:32px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .16s,color .16s}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.google-button[aria-disabled="true"]{opacity:.52;cursor:not-allowed}.google-button[aria-disabled="true"]:hover{background:#abd5ff}