:root{color-scheme:dark;--paper:#080808;--panel:#121212;--line:#303030;--ink:#f5f5f5;--accent:#b53021}
html body{background:var(--paper);color:var(--ink)}
.agency-logo{display:block;max-width:156px;width:100%;height:auto}
body main section,body.agency-login main{background:var(--panel);border-color:var(--line)}
body input{background:#0c0c0c;color:var(--ink);border-color:#555555}
body button{background:var(--accent);color:white;border-color:var(--accent)}
body p,body small,body .eyebrow,body summary{color:#d4d4d4}
body a{color:#ff9f91}
body th,body td{border-color:var(--line)}
body details{margin:14px 0}
body summary{cursor:pointer;margin-bottom:12px}
body [role=alert]{background:#47231e;color:#ffe4df;padding:12px;border-radius:8px}
body code,body button.quiet{background:#382523;color:var(--ink)}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}
.metrics div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}
.metrics strong{display:block;font-size:28px}
@media(max-width:640px){main{padding:20px 14px}form.row label{width:100%}form.row label input{width:100%;box-sizing:border-box}}


body.agency-login main{box-shadow:0 20px 70px #0008}
body input::placeholder{color:#aaa}
body #portal-qr svg{background:white}