:root{--bg:#f3f6f8;--panel:#fff;--ink:#162027;--muted:#6b7881;--line:#dfe6e9;--brand:#005649;--brand2:#0b7968;--ok:#16845b;--warn:#d18a00;--bad:#bf3d3d;--nav:#112a2b;--shadow:0 10px 30px rgba(15,44,44,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand);text-decoration:none}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--nav);padding:28px 18px;color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;color:inherit;margin:0 10px 34px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0c75e;color:var(--nav);font-size:24px;font-weight:900}.brand strong{display:block;font-size:21px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#9ab3af}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#c3d1cf;padding:12px 14px;border-radius:9px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.logout{margin-top:auto}.logout button{border:0;background:transparent;color:#91aaa6;cursor:pointer;padding:12px 14px}.shell main{padding:0 38px 50px;min-width:0}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:3px 0 0;font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;color:var(--brand2)}.user{text-align:right;font-weight:700;font-size:14px}.user span{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:4px}.hero-state{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--ok);padding:20px 24px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:22px}.hero-state>div{display:flex;align-items:center;gap:15px}.hero-state strong{font-size:18px}.hero-state p{margin:4px 0 0;color:var(--muted);font-size:13px}.hero-state.warning{border-left-color:var(--warn)}.hero-state.critical{border-left-color:var(--bad)}.status-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(22,132,91,.12)}.status-dot.bad{background:var(--bad);box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric,.panel,.notice,.danger-zone{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric{padding:20px}.metric>span{display:block;color:var(--muted);font-size:12px}.metric>strong{display:block;font-size:28px;margin:10px 0 6px}.metric small,.block{display:block;color:var(--muted);font-size:11px}.bar{height:7px;border-radius:5px;background:#edf1f2;overflow:hidden;margin-top:13px}.bar i{display:block;height:100%;background:var(--brand2);border-radius:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.panel{padding:22px;margin-bottom:20px}.panel-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{font-size:18px;margin:4px 0}.panel-head>a{font-size:12px;font-weight:700}.site-list{display:grid}.site-list>a{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line);color:var(--ink)}.site-list>a:first-child{border-top:0}.site-list small{display:block;color:var(--muted);margin-top:4px}.site-list b{font-size:12px}.badge,.severity{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:5px 8px;text-transform:uppercase;letter-spacing:.5px;font-weight:800;font-size:9px;background:#eef1f2;color:#5d6b72;white-space:nowrap}.badge.healthy{background:#e3f4ec;color:var(--ok)}.badge.warning,.badge.queued,.badge.running{background:#fff3d6;color:#a66d00}.badge.critical,.badge.down,.badge.failed{background:#fde7e7;color:var(--bad)}.alert-list article{display:grid;grid-template-columns:68px 1fr;gap:12px;border-top:1px solid var(--line);padding:14px 0}.alert-list article:first-child{border-top:0}.alert-list.full article{grid-template-columns:68px 1fr auto}.alert-list p{color:var(--muted);font-size:12px;line-height:1.5;margin:4px 0}.alert-list small{color:var(--muted);font-size:10px}.severity.critical{background:var(--bad);color:#fff}.severity.warning{background:var(--warn);color:#fff}.severity.info{background:#567784;color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd8da;background:#fff;color:var(--ink);border-radius:8px;padding:9px 13px;font-weight:700;font-size:12px;cursor:pointer}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.danger{background:#fff;color:var(--bad);border-color:#efb7b7}.button.small{padding:6px 9px;font-size:10px}.flash{padding:13px 16px;border-radius:9px;margin-bottom:18px;font-size:13px}.flash.success{background:#e3f4ec;color:#116947}.flash.error{background:#fde7e7;color:#9e2929}.flash ul{margin:8px 0 0}.actions{margin-bottom:18px}.actions p{color:var(--muted);font-size:13px;margin:0}.actions>div:last-child{display:flex;gap:8px}.inline{display:inline}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:9px;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}.muted,.empty{color:var(--muted);font-size:12px}.empty{text-align:center;padding:30px}.disk-row{display:grid;grid-template-columns:150px 1fr 45px;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.disk-row:first-of-type{border-top:0}.disk-row span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-grid>div{background:#f6f8f9;border-radius:8px;padding:12px;display:grid;grid-template-columns:20px 1fr;align-items:center}.service-grid small{grid-column:2;color:var(--muted)}.code-table>div{display:grid;grid-template-columns:145px 1fr auto;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.facts{margin:0}.facts>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.facts dt{color:var(--muted);font-size:12px}.facts dd{font-weight:800}.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.export-form label,.stack label{font-size:12px;font-weight:700}.form-grid label span,.export-form label span{color:var(--muted);font-weight:400}.form-grid input,.form-grid select,.export-form input,.stack input,.runtime-form input{display:block;width:100%;margin-top:7px;border:1px solid #cfd8da;border-radius:8px;padding:11px;background:#fff}.form-grid .wide{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.check input{width:auto!important;margin:0!important}.form-actions{display:flex;justify-content:flex-end;gap:8px}.export-form{display:grid;grid-template-columns:repeat(4,auto) 1fr auto;gap:18px;align-items:end;margin-bottom:22px}.export-form>label:nth-last-of-type(1){grid-column:1/6}.notice{padding:18px 20px;margin-bottom:20px;border-left:5px solid var(--brand2)}.notice p{color:var(--muted);font-size:12px;line-height:1.6;margin:6px 0 0}.danger-zone{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-color:#efcaca}.danger-zone p{margin:5px 0 0;color:var(--muted);font-size:12px}.runtime-form{display:flex;gap:6px}.runtime-form input{margin:0;padding:6px;width:110px}.row-actions{display:flex;gap:7px;align-items:center}.login-page{display:grid;place-items:center;background:radial-gradient(circle at top,#1b4a46,#102829 60%);padding:20px}.login-card{width:min(430px,100%);background:#fff;padding:38px;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-brand{margin:0 0 18px;color:var(--ink)}.login-card>p{color:var(--muted);margin-bottom:25px}.stack{display:grid;gap:16px}.stack .button{width:100%;padding:12px}.login-card .brand small{color:var(--brand2)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.export-form{grid-template-columns:1fr 1fr}.export-form>label:nth-last-of-type(1){grid-column:1/-1}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:1fr 1fr}.logout{margin-top:15px}.shell main{padding:0 16px 30px}.topbar{height:90px}.user{display:none}.metric-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.export-form{grid-template-columns:1fr}.export-form>label:nth-last-of-type(1){grid-column:auto}.alert-list.full article{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}}
.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;font-size:11px}.pagination a,.pagination span{border:1px solid var(--line);border-radius:7px;padding:7px 10px}.pagination .disabled{color:#a7b0b5;background:#f5f7f8}.section-label{border-top:1px solid var(--line);padding-top:18px}.section-label h2{margin:4px 0 0;font-size:17px}