:root{color:#172026;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#176b87;font-weight:650;text-decoration:none}button,input,select{font:inherit}button,.link-button{align-items:center;border:1px solid #c9d4d9;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:36px;padding:8px 12px}button:disabled{cursor:not-allowed;opacity:.68}.primary{background:#176b87;border-color:#176b87;color:#fff}.secondary{background:#fff;color:#26343b}.danger{background:#fff2f0;border-color:#d65345;color:#9d2118}.small{min-height:30px;padding:4px 9px}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#10212b;color:#f4fbfd;display:flex;flex-direction:column;gap:24px;padding:18px}.brand{align-items:center;display:flex;gap:12px;min-height:56px}.brand span,.page-head p,.summary span,.metric span,.empty span{color:#6e7d86;display:block;font-size:13px}.brand span{color:#b8cbd2;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:grid;gap:6px}.sidebar a{align-items:center;border-radius:6px;color:#d7e7ec;display:flex;gap:10px;min-height:38px;padding:8px 10px}.sidebar a.active{background:#1f3b48;color:#fff}.sidebar-footer{display:grid;gap:12px;margin-top:auto}.user-chip,.icon-text,.topbar-actions,.search{align-items:center;display:flex;gap:8px}.icon-text{background:transparent;color:#f4fbfd}.main{min-width:0;position:relative}.topbar{align-items:center;background:#fff;border-bottom:1px solid #dce4e8;display:flex;gap:16px;justify-content:space-between;min-height:64px;padding:12px 24px}.session-panel{background:#fff;border:1px solid #dce4e8;border-radius:8px;box-shadow:0 18px 42px #10212b2e;display:grid;gap:14px;max-width:560px;padding:16px;position:absolute;right:24px;top:76px;width:calc(100% - 48px);z-index:20}.search{background:#f2f5f6;border:1px solid #dce4e8;border-radius:6px;max-width:520px;padding:0 10px;width:100%}.search input,.filters input,.filters select,label input,label select{background:#fff;border:1px solid #cfd9de;border-radius:6px;min-height:36px;padding:7px 10px;width:100%}.search input{background:transparent;border:0;outline:0}.page{display:grid;gap:18px;padding:24px}.page-head{align-items:start;display:flex;gap:16px;justify-content:space-between}h1,h2,p{margin:0}h1{font-size:28px}h2{font-size:17px}.metric-grid,.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.summary,.panel,.band{background:#fff;border:1px solid #dce4e8;border-radius:8px}.metric,.summary{display:grid;gap:6px;padding:14px}.metric strong,.summary strong{font-size:21px}.section-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.section-head span,.muted{color:#6e7d86;font-size:13px}.band{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;padding:16px}.progress{background:#e6ecef;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress span{background:#36a26f;display:block;height:100%}.panel{display:grid;gap:14px;min-width:0;padding:16px}.split{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.ops-columns{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.ops-columns.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-card{background:#f7fafb;border:1px solid #e1e9ed;border-radius:8px;display:grid;gap:10px;min-width:0;padding:12px}.ops-card h3{font-size:14px;margin:0}.ops-card dl{display:grid;gap:7px 12px;grid-template-columns:minmax(0,1fr) auto;margin:0}.ops-card dt{color:#52616a;min-width:0}.ops-card dd{font-weight:800;margin:0;text-align:right}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.alert-list{display:grid;gap:10px}.alert-row{border-top:1px solid #e1e9ed;display:grid;gap:5px;padding-top:10px}.alert-row strong{font-size:13px}.alert-row span:last-child{color:#6e7d86;font-size:12px}.stack{display:grid;gap:10px}.row-item{align-items:center;border-top:1px solid #e7eef1;display:flex;gap:12px;justify-content:space-between;padding-top:10px}.filters,.actions{display:flex;flex-wrap:wrap;gap:10px}.inline-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) minmax(120px,.7fr) auto}.notice{background:#eef8fb;border:1px solid #b9dce8;border-radius:8px;display:grid;gap:10px;padding:14px}.notice textarea{background:#fff;border:1px solid #bfd3dc;border-radius:6px;color:#26343b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px;resize:vertical;width:100%}.filters input,.filters select{max-width:260px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:680px;width:100%}th,td{border-bottom:1px solid #e7eef1;padding:10px;text-align:left;vertical-align:middle}th{color:#52616a;font-size:12px;text-transform:uppercase}.badge{background:#edf2f4;border-radius:999px;color:#38454c;display:inline-flex;font-size:12px;font-weight:800;padding:3px 8px}.badge-active,.badge-live,.badge-info,.badge-ok,.badge-trialing{background:#e9f8ef;color:#197044}.badge-suspended,.badge-error,.badge-urgent,.badge-revoked{background:#fff0ee;color:#a3291f}.badge-warning,.badge-watch,.badge-ended{background:#fff6db;color:#805f00}.state,.empty{align-items:center;background:#fff;border:1px solid #dce4e8;border-radius:8px;display:flex;gap:10px;padding:18px}.state-error{border-color:#d65345;color:#9d2118}.spin{animation:spin 1s linear infinite}.tab-strip{display:flex;gap:8px;overflow-x:auto}.tab-strip span{background:#fff;border:1px solid #dce4e8;border-radius:999px;flex:0 0 auto;font-size:13px;font-weight:700;padding:6px 10px}.form-grid{align-content:start;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid h2{grid-column:1 / -1}label{color:#52616a;display:grid;font-size:13px;font-weight:700;gap:6px}.toggle{align-items:center;color:#172026;display:flex;min-height:38px}.toggle input{width:auto}.payload{background:#111b22;border-radius:6px;color:#e9f6f9;margin:0;max-height:460px;overflow:auto;padding:14px;white-space:pre-wrap}.login-screen{align-items:center;background:#eef3f5;display:grid;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #dce4e8;border-radius:8px;display:grid;gap:14px;margin:0 auto;max-width:460px;padding:22px;width:100%}.login-title{align-items:start;display:flex;gap:12px}.login-title h1{font-size:24px}.form-error{background:#fff0ee;border:1px solid #d65345;border-radius:6px;color:#9d2118;padding:10px}.form-success{background:#e9f8ef;border:1px solid #9bd4b8;border-radius:6px;color:#197044;font-weight:700;padding:10px}.form-actions{align-items:center;display:flex;gap:10px;grid-column:1 / -1;justify-content:flex-end}.token-box{display:block;overflow-wrap:anywhere;padding:12px;border-radius:8px;background:#0f172a;color:#e2e8f0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.metric-grid,.ops-grid,.ops-columns,.ops-columns.compact,.summary-grid,.split,.form-grid,.inline-form{grid-template-columns:1fr}.page-head,.topbar{align-items:stretch;flex-direction:column}}