:root{--ink:#25211d;--muted:#706961;--paper:#f5f2ed;--card:#fff;--line:#ddd6cd;--blue:#075ee8;--gold:#b87312;--ok:#087b50;--warn:#a66400;--bad:#b63838;--shadow:0 14px 38px rgba(40,31,22,.09)}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
body{margin:0}
button,input,select{font:inherit}
.hero{background:#151515;color:#fff;border-bottom:5px solid var(--gold)}
.hero-inner{max-width:1500px;margin:auto;padding:30px 34px;display:grid;grid-template-columns:210px 1fr auto;gap:34px;align-items:center}
.hero img{width:190px;padding:16px;background:#25211d;border-radius:4px}
.hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:.12em 0}.hero p{margin:.35em 0;color:#ddd}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem;color:#d79a42!important}
.last-run{padding:16px 20px;border:1px solid #444;border-radius:12px;text-align:right}.last-run span{display:block;color:#aaa;font-size:.8rem}.last-run strong{display:block;margin-top:4px}
main{max-width:1500px;margin:auto;padding:28px 34px 70px}
.message{padding:14px 18px;border-radius:8px;font-weight:700}.message.error{background:#fce9e9;color:#8d2222}.message.success{background:#e4f5ed;color:#086641}
.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.overview article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.overview span,.overview small{display:block;color:var(--muted)}.overview strong{display:block;font-size:2rem;margin:6px 0}.overview .danger{border-top:4px solid var(--bad)}.overview .warning{border-top:4px solid var(--warn)}
.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 210px 210px;gap:14px;align-items:end;margin-bottom:20px}.toolbar label,.manage label{font-weight:700;font-size:.85rem}.toolbar input,.toolbar select,.manage input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cfc7bc;border-radius:8px;background:#fff}
.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.site-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.site-card[hidden]{display:none}.snapshot{position:relative;aspect-ratio:16/7;background:#e9e5df;overflow:hidden}.snapshot img{width:100%;height:100%;object-fit:cover;object-position:top}.snapshot-empty{height:100%;display:grid;place-items:center;padding:20px;text-align:center;color:var(--muted)}
.status-pill{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:#fff;font-size:.75rem;font-weight:900;box-shadow:0 3px 12px #0003}.status-critical .status-pill{color:var(--bad)}.status-warning .status-pill{color:var(--warn)}.status-ok .status-pill{color:var(--ok)}
.card-body{padding:20px}.site-title{display:flex;justify-content:space-between;gap:16px}.site-title h2{font-size:1.25rem;margin:0 0 5px;overflow-wrap:anywhere}.site-title a{font-size:.82rem;color:var(--blue);overflow-wrap:anywhere}.response{font-weight:900;white-space:nowrap}
.detail{min-height:2.6em;color:var(--muted);font-size:.9rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metrics div{background:#f6f3ef;border-radius:9px;padding:10px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:.68rem}.metrics strong{display:block;margin:5px 0;font-size:1rem}
.incidents{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.incidents summary{cursor:pointer;font-weight:800}.incidents summary span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#eee;margin-left:4px}.incidents ul{padding-left:18px}.incidents li{margin:8px 0;font-size:.82rem}.incidents time{display:block;color:var(--muted)}
.remove-form{text-align:right;margin-top:12px}.remove-form button{border:0;background:transparent;color:#9b3333;text-decoration:underline;cursor:pointer;font-size:.78rem}
.panel{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.manage{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.manage h2,.explain h2{font-size:1.8rem;margin:.15em 0}.manage form{display:flex;align-items:end;gap:10px}.manage label{flex:1}.manage button{padding:13px 18px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.explain-grid article{background:#f6f3ef;border-radius:10px;padding:16px}.explain-grid p{color:var(--muted);margin:.5em 0 0;line-height:1.45}.method-note{margin-top:20px;padding:14px;background:#fff4df;border-left:4px solid var(--gold)}.empty-filter{text-align:center;padding:30px;color:var(--muted)}
@media(max-width:1000px){.overview{grid-template-columns:repeat(2,1fr)}.site-grid{grid-template-columns:1fr}.explain-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:180px 1fr}.last-run{grid-column:1/-1;text-align:left}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero-inner,main{padding-left:18px;padding-right:18px}.hero-inner{grid-template-columns:1fr}.hero img{width:160px}.overview{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}.manage{grid-template-columns:1fr}.manage form{display:block}.manage button{width:100%;margin-top:10px}.explain-grid{grid-template-columns:1fr}.site-title{display:block}.response{display:block;margin-top:8px}}


.report-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0}.report-form label{display:grid;gap:6px}.report-form button{min-height:44px}

:root{--blue:#b82532;--gold:#c62d3b;--paper:#f6f5f2}.account-nav{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#fff;padding:12px 32px;border-bottom:1px solid var(--line)}.account-nav form{margin:0}.account-nav a{font-weight:800;color:#b82532}.brand{font-size:36px;font-weight:900;letter-spacing:-1.5px}.brand span{color:#ff6876}.brand small{display:block;letter-spacing:.24em;font-size:11px;color:#ddd;margin-top:8px}.status-heading{padding:18px 22px 0}.status-heading .status-pill{position:static;display:inline-block}.empty-state{text-align:center;padding:38px}.empty-state a{color:#b82532;font-weight:700}.auth-card{max-width:490px;margin:7vh auto;background:#fff;padding:32px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card label{display:grid;gap:8px;margin:18px 0}.auth-card input{width:100%;padding:13px;border:1px solid #777;border-radius:8px}.auth-card button{width:100%;margin-top:16px;min-height:48px}.auth-card .brand{color:#222}.auth-card .brand small{color:#666}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #086bd8;outline-offset:4px}@media(max-width:650px){.account-nav{padding:12px 16px}.account-nav span{display:none}.auth-card{margin:24px 14px;padding:24px}.hero-inner{grid-template-columns:1fr;gap:16px}.last-run{text-align:left}}