:root{--vermilion: #ff6b3d;--grenache: #361e1c;--grenache-soft: #4a2c28;--smoke: #f6f6f6;--lime: #e7fe9a;--lime-deep: #cdec77;--army: #4e4b39;--paper: #fbfaf8;--ink: #361e1c;--ink-dim: #8a7d75;--rule: #e9e2dc;--rule-strong: #d6ccc3;--green: #3f8f5b;--amber: #c98a1e;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter Tight", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14.5px}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;display:flex;min-height:100vh}a{color:inherit;text-decoration:none}.sidebar{width:230px;flex-shrink:0;background:var(--grenache);color:#e8ddd6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:24px 22px 22px}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--vermilion);display:grid;place-items:center;box-shadow:0 0 0 1px #ff6b3d66,0 6px 18px -6px var(--vermilion)}.brand-mark svg{width:17px;height:17px}.brand-name{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:#fff}.brand-name .dot{color:var(--vermilion)}.nav-section{padding:0 12px}.nav-label{font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a6f64;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:9px;color:#c9b8ae;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;margin-bottom:1px}.nav-item svg{width:16px;height:16px;opacity:.85;flex-shrink:0}.nav-item .ct{margin-left:auto;font-family:var(--mono);font-size:.7rem;background:#ffffff14;padding:1px 7px;border-radius:99px}.nav-item.alert .ct{background:var(--vermilion);color:#fff}.nav-item:hover{background:#ffffff0d;color:#f3e9e3}.nav-item.active{background:var(--vermilion);color:#fff;font-weight:600;box-shadow:0 8px 20px -10px var(--vermilion)}.sidebar-foot{margin-top:auto;padding:14px}.acct{background:var(--grenache-soft);border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:10px}.acct-badge{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--lime);color:var(--grenache);display:grid;place-items:center;font-weight:700;font-size:.78rem;font-family:var(--mono)}.acct-meta .org{font-size:.8rem;font-weight:600;color:#f3e9e3}.acct-meta .email{font-size:.68rem;color:#9b8278}.acct-logout{margin-left:auto;background:none;border:none;color:#9b8278;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center}.acct-logout:hover{color:#f3e9e3}.acct-logout svg{width:15px;height:15px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 36px 18px;border-bottom:1.5px solid var(--rule);gap:20px}.crumb{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vermilion);margin-bottom:6px}.crumb .sep{color:var(--rule-strong)}.crumb .client{color:var(--ink-dim)}h1{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1}.sub{font-size:.82rem;color:var(--ink-dim);margin-top:6px}.topbar-right{display:flex;align-items:center;gap:14px}.health-flag{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vermilion)}.btn-go{font-family:var(--sans);font-weight:700;font-size:.86rem;background:var(--vermilion);color:#fff;border:none;border-radius:10px;padding:11px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s,box-shadow .15s}.btn-go:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px var(--vermilion)}.btn-go:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn-go svg{width:14px;height:14px}.btn-2{font-family:var(--sans);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;cursor:pointer;border:1.5px solid var(--rule);background:#fff;color:var(--grenache);transition:border-color .15s,background .15s}.btn-2:hover{border-color:var(--grenache)}.btn-2.on{background:var(--grenache);color:#fff;border-color:var(--grenache)}.btn-2:disabled{opacity:.6;cursor:default}.canvas{padding:22px 36px 60px}.strip{display:grid;grid-template-columns:repeat(5,1fr);border:1.5px solid var(--grenache);border-radius:16px;overflow:hidden;background:#fff;margin-bottom:22px}.stat{padding:18px 20px;border-right:1.5px solid var(--rule)}.stat:last-child{border-right:none}.stat-k{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim)}.stat-v{font-family:var(--mono);font-size:2.05rem;font-weight:700;letter-spacing:-.03em;line-height:.95;margin-top:8px}.stat-v small{font-size:1rem;color:var(--ink-dim);font-weight:500}.stat-v.alert{color:var(--vermilion)}.stat-v.warn{color:var(--amber)}.stat-v.good{color:var(--green)}.stat.decided{background:var(--grenache);color:#fff}.stat.decided .stat-k{color:#b89e93}.stat.decided .stat-v{color:#fff}.dbar{margin-top:11px;height:7px;border-radius:99px;background:#ffffff1f;overflow:hidden}.dbar i{display:block;height:100%;background:linear-gradient(90deg,var(--vermilion),var(--lime))}.cols{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.subhd{font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);padding:11px 18px 3px}.panel{background:#fff;border:1.5px solid var(--rule);border-radius:16px;overflow:hidden;margin-bottom:20px}.panel.flag{border-color:var(--vermilion)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1.5px solid var(--rule)}.panel-title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.98rem;letter-spacing:-.01em}.panel-title svg{width:16px;height:16px;color:var(--vermilion)}.panel-link{font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer}.panel-link:hover{color:var(--vermilion)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.pcard{padding:14px 16px;border-right:1px solid var(--smoke);border-bottom:1px solid var(--smoke);cursor:pointer;transition:background .12s}.pcard:hover{background:var(--smoke)}.pcard:nth-child(2n){border-right:none}.pcard-top{display:flex;align-items:center;gap:9px;margin-bottom:3px}.dot-status{width:9px;height:9px;border-radius:99px;flex-shrink:0}.dot-status.on{background:var(--green);box-shadow:0 0 0 3px #e6f2ea}.dot-status.warn{background:var(--amber);box-shadow:0 0 0 3px #faf0db}.dot-status.down{background:var(--vermilion);box-shadow:0 0 0 3px #fbe4dc}.dot-status.unknown{background:var(--rule-strong)}.pcard-name{font-weight:700;font-size:.92rem;letter-spacing:-.01em}.tier{margin-left:auto;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:5px;background:var(--grenache);color:#fff}.tier.t1{background:var(--smoke);color:var(--ink-dim)}.pcard-url{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 10px}.visits{display:flex;align-items:baseline;gap:9px;margin-bottom:9px}.v7{font-family:var(--mono);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;line-height:1}.v7 span{font-size:.62rem;color:var(--ink-dim);font-weight:500;margin-left:3px;letter-spacing:.04em}.vsm{font-family:var(--mono);font-size:.66rem;color:var(--ink-dim)}.vsm b{color:var(--ink);font-weight:600}.pcard-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.spark{flex-shrink:0}.dh{font-family:var(--mono);font-size:.66rem;color:var(--ink-dim)}.dh b{color:var(--green);font-weight:700}.dh.gap b{color:var(--amber)}.badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.bdg{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:6px}.bdg.ok{background:var(--lime);color:var(--army)}.bdg.warn{background:#faf0db;color:var(--amber);border:1px solid #efdcae}.bdg.crit{background:var(--vermilion);color:#fff}.bdg.neutral{background:var(--smoke);color:var(--ink-dim)}.watch-head{display:flex;align-items:center;gap:8px;padding:11px 18px;background:#faf7f2;border-bottom:1.5px solid var(--rule)}.watch-tag{font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--army);background:var(--lime);padding:2px 7px;border-radius:5px}.watch-note{font-size:.74rem;color:var(--ink-dim)}.irow{display:flex;gap:12px;padding:13px 18px;border-bottom:1px solid var(--smoke);align-items:flex-start}.irow:last-child{border-bottom:none}.itag{font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px;flex-shrink:0;margin-top:1px}.itag.crit{background:var(--vermilion);color:#fff}.itag.high{background:#fff;color:var(--vermilion);border:1.5px solid var(--vermilion)}.itag.warn{background:#faf0db;color:var(--amber)}.imeta{min-width:0}.ititle{font-size:.86rem;font-weight:600;line-height:1.3}.isub{font-family:var(--mono);font-size:.68rem;color:var(--ink-dim);margin-top:4px}.isub .prop{color:var(--grenache);font-weight:600}.trow{display:flex;align-items:flex-start;gap:10px;padding:11px 18px;border-bottom:1px solid var(--smoke)}.trow:last-child{border-bottom:none}.tbox{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--rule-strong);flex-shrink:0;margin-top:1px}.tmeta{flex:1;min-width:0}.ttitle{font-size:.82rem;font-weight:600}.tsub{font-family:var(--mono);font-size:.64rem;color:var(--ink-dim);margin-top:3px}.tauto{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);background:var(--smoke);padding:2px 6px;border-radius:5px;flex-shrink:0}.xrow{display:flex;align-items:center;gap:11px;padding:11px 18px;border-bottom:1px solid var(--smoke)}.xrow:last-child{border-bottom:none}.xicon{width:26px;height:26px;border-radius:7px;background:var(--smoke);display:grid;place-items:center;flex-shrink:0;color:var(--ink-dim);font-family:var(--mono);font-size:.66rem;font-weight:700}.xicon svg{width:14px;height:14px}.hbicon{width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}.xmeta{flex:1;min-width:0}.xname{font-family:var(--mono);font-size:.76rem;color:var(--grenache);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xkind{font-size:.68rem;color:var(--ink-dim);margin-top:2px}.xdays{font-family:var(--mono);font-size:.8rem;font-weight:700;flex-shrink:0;text-align:right}.xdays.crit{color:var(--vermilion)}.xdays.warn{color:var(--amber)}.xdays.ok{color:var(--ink-dim)}.ktag{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--smoke);color:var(--ink-dim);flex-shrink:0}.ktag.deploy{background:#e9eef6;color:#3a4a63}.ktag.cert{background:#e6f2ea;color:var(--green)}.ktag.dns{background:#faf0db;color:var(--amber)}.ktag.dom{background:#fbe4dc;color:var(--vermilion)}.dtable{width:100%;border-collapse:collapse;font-size:.84rem}.dtable th{font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);text-align:left;padding:10px 18px;border-bottom:1.5px solid var(--rule);background:#faf7f2}.dtable th.num{text-align:right}.dtable td{padding:11px 18px;border-bottom:1px solid var(--smoke);vertical-align:middle}.dtable td.num{text-align:right}.dtable td.mono{font-family:var(--mono);font-size:.78rem;color:var(--grenache)}.dtable tr:last-child td{border-bottom:none}.dtable tr.row-crit{background:#fff5f1}.dtable tr:hover td{background:var(--smoke)}.dtable tr.row-crit:hover td{background:#ffeee7}.muted{color:var(--ink-dim)}.dtable .xdays{font-size:.78rem}.dtable .bdg{display:inline-block}.track{height:9px;border-radius:99px;background:var(--smoke);overflow:hidden;min-width:120px}.track i{display:block;height:100%;border-radius:99px;background:var(--green)}.track i.warn{background:var(--amber)}.track i.crit{background:var(--vermilion)}.prow{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--smoke)}.prow:last-child{border-bottom:none}.prow-meta{flex:1;min-width:0}.prow-name{font-weight:700;font-size:.9rem;display:flex;align-items:center}.cdots{display:flex;gap:3px;flex-wrap:wrap;margin:7px 0}.cdot{width:9px;height:9px;border-radius:3px}.bar{height:7px;border-radius:99px;background:var(--smoke);overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;border-radius:99px}.score{font-family:var(--mono);font-size:.8rem;font-weight:700;flex-shrink:0;padding:3px 9px;border-radius:6px}.score.ok{background:var(--lime);color:var(--army)}.score.gap{background:#faf0db;color:var(--amber)}.e8grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.e8{padding:15px 16px;border-right:1px solid var(--smoke);border-bottom:1px solid var(--smoke)}.e8:nth-child(2n){border-right:none}.e8-top{display:flex;align-items:center;gap:9px}.e8-no{width:20px;height:20px;border-radius:6px;background:var(--grenache);color:#fff;font-family:var(--mono);font-size:.68rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.e8-name{font-weight:700;font-size:.9rem;letter-spacing:-.01em}.e8-obj{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin:5px 0 9px}.mat{display:flex;gap:5px;margin-bottom:9px}.lvl{flex:1;height:7px;border-radius:99px;background:var(--smoke);position:relative}.lvl.fill-g{background:var(--green)}.lvl.fill-a{background:var(--amber)}.lvl.fill-l{background:var(--lime-deep)}.lvl.tgt:after{content:"";position:absolute;top:-3px;right:-1px;bottom:-3px;left:-1px;border:1.5px solid var(--grenache);border-radius:99px}.e8-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.e8-lab{font-family:var(--mono);font-size:.66rem;color:var(--ink-dim)}.e8-lab b{color:var(--ink)}.chip{font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:5px}.chip.ok{background:var(--lime);color:var(--army)}.chip.gap{background:#faf0db;color:var(--amber)}.e8-how{font-size:.74rem;color:var(--ink-dim);margin-top:8px;line-height:1.35}.sla{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--smoke)}.sla:last-child{border-bottom:none}.sla-k{font-size:.82rem;font-weight:600}.sla-k small{display:block;font-family:var(--mono);font-size:.6rem;color:var(--ink-dim);margin-top:2px}.sla-v{font-family:var(--mono);font-size:.95rem;font-weight:700}.sla-v.ok{color:var(--green)}.sla-v.gap{color:var(--amber)}.empty{padding:42px 20px;text-align:center}.empty svg{width:34px;height:34px;color:var(--rule-strong);margin-bottom:12px}.empty p{color:var(--ink-dim);font-size:.9rem}.loading{padding:32px 18px;text-align:center;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.card{border:1.5px solid var(--rule);border-radius:14px;background:#fff;padding:20px}.lbl{display:block;font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.input{width:100%;border:1.5px solid var(--rule);border-radius:10px;padding:11px 14px;font-family:var(--mono);font-size:.85rem;outline:none;color:var(--ink);transition:border-color .15s;background:#fff}.input:focus{border-color:var(--vermilion)}.input::placeholder{color:var(--rule-strong)}.hint{font-size:.76rem;color:var(--ink-dim);margin-top:9px}.login-wrap{flex:1;display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:380px;background:#fff;border:1.5px solid var(--rule);border-radius:16px;padding:30px;animation:rise .45s cubic-bezier(.2,.7,.3,1) backwards}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:14px}.login-lead{font-size:.86rem;color:var(--ink-dim);margin-bottom:22px;line-height:1.4}.login-go{width:100%;justify-content:center;margin-top:16px}.login-error{color:var(--vermilion);font-size:.78rem;margin-top:10px}.login-sent{font-size:.9rem;color:var(--ink);line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.canvas>*{animation:rise .45s cubic-bezier(.2,.7,.3,1) backwards}.strip{animation-delay:.02s}.cols{animation-delay:.1s}@media (prefers-reduced-motion: reduce){.canvas>*{animation:none}}