:root{color:#172026;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{letter-spacing:0}h1{color:#101418;font-size:28px;line-height:1.16}h2{color:#172026;font-size:18px;line-height:1.25}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#242321;color:#f7f4ef;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:18px 14px}.brand{align-items:center;display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr);margin-bottom:16px;min-width:0}.brand-mark{align-items:center;background:#f0c25a;border-radius:8px;color:#241f18;display:inline-flex;height:36px;justify-content:center;width:36px}.brand strong,.brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand strong{font-size:16px}.brand small{color:#c9c2b6;font-size:12px}.main-nav,.subnav{display:grid;gap:4px}.main-nav{align-content:start;align-self:start;gap:2px;grid-auto-rows:max-content}.main-nav a{align-items:center;border-radius:8px;color:#d9d3c8;display:grid;gap:8px;grid-template-columns:20px minmax(0,1fr);min-height:34px;padding:7px 9px}.main-nav a.active,.main-nav a:hover{background:#38342f;color:#fff}.sidebar-footer{align-items:stretch;border-top:1px solid #3f3a34;color:#c9c2b6;display:grid;font-size:13px;gap:8px;padding-top:14px}.session-state,.sidebar-account,.sidebar-sign-out{align-items:center;gap:8px}.session-state{display:flex}.sidebar-account{background:#1d1c1a;border:1px solid #3f3a34;border-radius:8px;display:grid;min-width:0;padding:9px}.sidebar-account span,.sidebar-account b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account span{color:#f7f4ef;font-size:13px}.sidebar-account b{color:#a9a197;font-size:12px;font-weight:650}.sidebar-sign-out{border:1px solid #4b453e;border-radius:8px;color:#f7f4ef;min-height:34px;padding:7px 9px}.sidebar-sign-out:hover{background:#38342f;border-color:#5a5148}.status-dot{background:#31a46c;border-radius:999px;box-shadow:0 0 0 3px #31a46c29;height:8px;width:8px}.status-dot.error{background:#d4513f;box-shadow:0 0 0 3px #d4513f29}.workspace{min-width:0;padding:22px 24px 32px}.topbar{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.page-heading{display:grid;gap:7px;min-width:0}.page-heading p,.panel-heading p,.metric p,.notice,.empty-state p{color:#5d6874}.breadcrumb{align-items:center;color:#687381;display:flex;flex-wrap:wrap;font-size:13px;gap:4px}.topbar-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:end;min-width:260px}.tenant-chip{background:#fff;border:1px solid #dce3ea;border-radius:8px}.tenant-chip{align-items:center;color:#334155;display:inline-flex;gap:8px;max-width:280px;min-height:38px;padding:0 11px}.tenant-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-layout,.content-stack{display:grid;gap:16px;min-width:0}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel{background:#fff;border:1px solid #dce3ea;border-radius:8px}.metric{display:grid;gap:8px;min-height:154px;padding:16px}.metric-icon,.panel-icon{align-items:center;border-radius:8px;display:inline-flex;height:34px;justify-content:center;width:34px}.metric-icon{background:#e8f3f7;color:#176a86}.metric span{color:#5d6874;font-size:13px}.metric strong{color:#101418;font-size:22px;line-height:1.2}.overview-panels{display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.panel{min-width:0;padding:16px}.panel.compact{display:grid;gap:14px}.panel-title{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-heading{align-items:start;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr);min-width:0}.panel-heading p{font-size:14px;margin-top:4px}.panel-icon{background:#f1f3f5;color:#4f46e5}.panel-action{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:end}.panel-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.eyebrow{color:#687381;display:block;font-size:12px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.flow-steps{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.flow-step{align-items:center;background:#f8fafc;border:1px solid #dce3ea;border-radius:8px;display:grid;gap:8px;min-height:86px;padding:12px}.flow-step:hover{border-color:#78a7b5}.flow-step span{align-items:center;background:#176a86;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:24px;justify-content:center;width:24px}.flow-step b{color:#172026;font-size:14px;overflow-wrap:anywhere}.capability-list,.runbook-list,.action-stack{display:grid;gap:10px}.action-button-grid{display:flex;flex-wrap:wrap;gap:8px}.capability-row,.runbook-link,.permission-line{align-items:center;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-width:0}.capability-row{background:#f8fafc;border:1px solid #e4eaf0;border-radius:8px;padding:10px}.capability-row svg{color:#176a86}.capability-row b{color:#101418}.runbook-link{background:#f8fafc;border:1px solid #e4eaf0;border-radius:8px;color:#334155;grid-template-columns:20px minmax(0,1fr);min-height:42px;padding:9px 10px}.runbook-link:hover{border-color:#78a7b5;color:#176a86}.section-layout{display:grid;gap:16px;grid-template-columns:minmax(190px,236px) minmax(0,1fr)}.subnav{align-self:start;background:#fff;border:1px solid #dce3ea;border-radius:8px;max-height:calc(100vh - 122px);overflow:auto;padding:8px;position:sticky;top:16px}.subnav a{align-items:center;border-radius:7px;color:#46525f;display:grid;font-size:14px;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:36px;padding:8px 9px}.subnav a.active,.subnav a:hover{background:#eef5f7;color:#123746}.mini-dot{background:#97a3af;border-radius:999px;height:8px;width:8px}.mini-dot.implemented{background:#31a46c}.mini-dot.deferred,.mini-dot.unavailable,.mini-dot.blocked{background:#d09224}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-summary{align-items:center;background:#f8fafc;border:1px solid #e4eaf0;border-radius:8px;color:#46525f;display:flex;gap:10px;padding:12px}label{display:grid;gap:6px;min-width:0}label span{color:#46525f;font-size:13px;font-weight:650}input,select,textarea{background:#fff;border:1px solid #c9d3dc;border-radius:7px;color:#172026;min-height:38px;min-width:0;padding:8px 10px;width:100%}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#176a86;outline:3px solid rgba(23,106,134,.16)}.wide,.form-actions{grid-column:1 / -1}.form-actions,.ops-action-grid{align-items:end;display:grid;gap:10px}.drawer-form{display:grid;gap:14px}.side-drawer .form-grid,.drawer-form .form-grid{grid-template-columns:1fr}.drawer-actions{align-items:center;border-top:1px solid #e4eaf0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:14px}.form-actions{align-items:center;display:flex;flex-wrap:wrap}.ops-action-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.button,.icon-button{align-items:center;border:1px solid transparent;border-radius:7px;cursor:pointer;display:inline-flex;font-weight:700;gap:7px;justify-content:center;min-height:38px;white-space:nowrap}.button{padding:0 12px}.icon-button{height:34px;padding:0;width:34px}.button.primary{background:#176a86;border-color:#176a86;color:#fff}.button.secondary,.icon-button.secondary{background:#fff;border-color:#c9d3dc;color:#24313d}.button.ghost{background:transparent;border-color:transparent;color:#334155}.button.danger,.icon-button.danger{background:#fff7f5;border-color:#f0b5a7;color:#a33a2b}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){filter:brightness(.98)}.button:disabled,.icon-button:disabled{background:#eef2f5;border-color:#d7dfe6;color:#8995a1;cursor:not-allowed}.form-state{color:#5d6874;font-size:13px;font-weight:700}.form-state.failed{color:#a33a2b}.form-state.saved{color:#1f7a4d}.form-state.saving,.form-state.unsaved{color:#98680f}.badge,.status-pill{align-items:center;border:1px solid #c9d3dc;border-radius:999px;display:inline-flex;font-size:12px;font-weight:750;line-height:1;min-height:26px;padding:6px 9px;white-space:nowrap}.badge{background:#f8fafc;color:#46525f}.badge.implemented,.status-pill.active,.status-pill.completed,.status-pill.succeeded,.status-pill.available,.status-pill.healthy,.status-pill.uploaded,.status-pill.indexed{background:#edf9f2;border-color:#a8d9bc;color:#1f7a4d}.badge.deferred,.badge.unavailable,.badge.blocked,.status-pill.pending,.status-pill.running,.status-pill.warning,.status-pill.medium,.status-pill.deferred{background:#fff8e8;border-color:#edcf8f;color:#8a5a00}.status-pill.failed,.status-pill.critical,.status-pill.blocked,.status-pill.integrity_failed,.status-pill.canceled,.status-pill.disabled,.status-pill.dlq{background:#fff1ee;border-color:#f0b5a7;color:#a33a2b}.notice,.loading-state,.empty-rows,.empty-state{align-items:center;background:#f8fafc;border:1px solid #e4eaf0;border-radius:8px;color:#5d6874;display:flex;gap:10px;padding:12px}.empty-state{align-items:flex-start;display:grid;grid-template-columns:28px minmax(0,1fr)}.error-state{border-color:#f0b5a7}.permission-line{background:#f8fafc;border:1px solid #e4eaf0;border-radius:8px;color:#46525f;grid-template-columns:20px minmax(0,1fr);padding:12px}.result-box{background:#101418;border:1px solid #242d35;border-radius:8px;color:#e9f0f2;font-size:13px;line-height:1.55;margin:0;max-height:280px;overflow:auto;padding:13px;white-space:pre-wrap}.drawer-backdrop{background:#1014186b;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:20}.side-drawer{background:#fff;border-left:1px solid #dce3ea;box-shadow:-18px 0 40px #0f172a2e;display:grid;grid-template-rows:auto minmax(0,1fr);max-width:520px;min-width:360px;width:min(520px,100vw)}.drawer-header{align-items:start;border-bottom:1px solid #e4eaf0;display:flex;gap:12px;justify-content:space-between;padding:18px}.drawer-content{min-width:0;overflow:auto;padding:18px}.table-wrap{border:1px solid #e0e7ee;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #e6edf2;padding:10px 11px;text-align:left;vertical-align:middle}th{background:#f8fafc;color:#52606e;font-size:12px;font-weight:800;text-transform:uppercase}tr:last-child td{border-bottom:0}td{color:#26313b;font-size:14px}.mono-cell{color:#334155;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;max-width:320px;overflow-wrap:anywhere}.actions-col{text-align:right}@media (max-width: 1160px){.metric-grid,.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-panels{grid-template-columns:1fr}.ops-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto}.main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-footer{display:none}.topbar{display:grid}.topbar-meta{justify-content:start;min-width:0}.section-layout{grid-template-columns:1fr}.subnav{max-height:none;position:static}}@media (max-width: 640px){.workspace,.sidebar{padding:14px}.main-nav,.metric-grid,.flow-steps,.form-grid,.ops-action-grid{grid-template-columns:1fr}.panel-title,.topbar-meta,.form-actions,.panel-action-row,.drawer-actions{align-items:stretch;display:grid}.tenant-chip{max-width:100%;min-width:0}.button{width:100%}.side-drawer{min-width:0;width:100vw}}