*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#162126;background:#f3f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}.portal{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);grid-template-columns:232px minmax(0,1fr);display:grid}.sidebar{color:#dce8e9;background:#142427;border-right:1px solid #24393d;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #2a3c40;align-items:center;gap:11px;min-height:48px;padding:0 8px 18px;display:flex}.brand-mark{color:#fff;background:#2b827c;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.brand strong,.brand small,.sidebar-footer strong,.sidebar-footer small{display:block}.brand strong{font-size:17px;line-height:1.1}.brand small,.sidebar-footer small{color:#90a6aa;margin-top:3px;font-size:12px}.sidebar nav{gap:4px;margin-top:20px;display:grid}.nav-link{color:#a9bbbe;border-radius:6px;align-items:center;gap:11px;min-height:42px;padding:0 11px;font-size:14px;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#1d3236}.nav-link.active{color:#134e4b;background:#dff2ef;font-weight:700}.sidebar-footer{border-top:1px solid #2a3c40;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 2px;font-size:13px;display:flex}.environment-dot{background:#e0a141;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #e0a14124}.workspace{min-width:0}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;height:68px;padding:0 28px;display:flex}.site-picker{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-width:224px;margin-right:auto;padding:7px 9px;display:flex}.site-picker:hover,.icon-button:hover{background:var(--color-surface-muted)}.site-picker span{flex:1}.site-picker small,.site-picker strong{display:block}.site-picker small{color:var(--color-ink-muted);margin-bottom:2px;font-size:11px}.site-picker strong{font-size:14px}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:38px;height:38px;padding:0;display:grid}.menu-button{display:none}.avatar{width:34px;height:34px;color:var(--color-brand-strong);background:#d8e9e7;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.content{width:min(1180px,100%);margin:0 auto;padding:32px}.page-heading,.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-heading h1,.panel-heading h2{letter-spacing:0;margin:0}.page-heading h1{font-size:28px;line-height:1.25}.page-heading>div>p:last-child{color:var(--color-ink-muted);margin:7px 0 0;font-size:14px}.eyebrow{color:var(--color-brand);text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.mode-badge,.connection-state{text-transform:capitalize;border-radius:4px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.mode-badge{color:var(--color-info);background:#e3f0f4}.notice{color:#65430e;background:#fff5e5;border:1px solid #edcf99;border-radius:6px;align-items:center;gap:12px;margin:24px 0;padding:13px 15px;display:flex}.notice strong,.notice span{display:block}.notice strong{font-size:13px}.notice span{color:#7d6339;margin-top:2px;font-size:12px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.status-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:13px;min-height:106px;padding:17px;display:flex}.status-icon{border-radius:6px;flex:none;place-items:center;width:38px;height:38px;display:grid}.status-icon.neutral{color:#526167;background:#e7ecee}.status-icon.info{color:var(--color-info);background:#e3f0f4}.status-icon.warning{color:var(--color-warning);background:#fff0dc}.status-card small,.status-card strong,.status-card div>span{display:block}.status-card small{color:var(--color-ink-muted);font-size:11px}.status-card strong{margin-top:4px;font-size:16px}.status-card div>span{color:var(--color-ink-muted);margin-top:4px;font-size:12px}.capitalize{text-transform:capitalize}.main-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-top:18px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:20px}.panel-heading h2{font-size:18px}.connection-state{color:var(--color-ink-muted);background:#eef1f2}.gate-visual{justify-items:center;min-height:222px;padding:35px 20px 24px;display:grid}.gate-track{border-left:7px solid #718087;border-right:7px solid #718087;width:min(330px,82%);height:70px;margin-bottom:26px;position:relative}.gate-track:after{content:"";background:#aeb9bd;height:3px;position:absolute;bottom:-7px;left:-16px;right:-16px}.gate-leaf{background:repeating-linear-gradient(90deg,#7e8d92 0 5px,#0000 5px 19px);border-top:3px solid #718087;border-bottom:3px solid #718087;width:calc(50% - 3px);height:54px;position:absolute;top:8px}.gate-leaf.left{border-right:2px solid #718087;left:0}.gate-leaf.right{border-left:2px solid #718087;right:0}.gate-visual>strong{font-size:15px}.gate-visual>span{color:var(--color-ink-muted);margin-top:5px;font-size:12px}.action-row{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:10px;padding-top:16px;display:grid}.action-row button{border:1px solid var(--color-border);color:#849096;background:#f1f3f4;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:700;display:flex}.action-row button:disabled,.text-button:disabled{cursor:not-allowed}.text-button{color:var(--color-ink-muted);background:0 0;border:0;padding:4px;font-size:12px}.empty-state{min-height:272px;color:var(--color-ink-muted);text-align:center;align-content:center;justify-items:center;display:grid}.empty-state strong{color:var(--color-ink);margin-top:12px;font-size:14px}.empty-state span{max-width:240px;margin-top:6px;font-size:12px;line-height:1.5}@media (max-width:900px){.portal{grid-template-columns:1fr}.sidebar{display:none}.menu-button{display:grid}.topbar{padding:0 18px}.content{padding:24px 18px}}@media (max-width:700px){.status-grid,.main-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.site-picker{min-width:0}.site-picker svg:first-child,.site-picker small{display:none}}@media (max-width:460px){.topbar{gap:6px;padding:0 12px}.site-picker strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.content{padding:20px 12px}.page-heading{display:block}.mode-badge{margin-top:14px}.notice{align-items:flex-start}.action-row{grid-template-columns:1fr}}