
:root{--ink:#171915;--ink-2:#242820;--cream:#f3efe4;--paper:#fffdf6;--muted:#777567;--line:#cbc4b2;--terra:#cf4c32;--terra-dark:#963421;--green:#236654;--mint:#dbe7df;--amber:#b66b19;--shadow:8px 8px 0 #171915;--radius:3px;color-scheme:light}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Arial Narrow",Arial,sans-serif;min-height:100vh}
button,input{font:inherit}
.site-header{height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);border-bottom:1px solid #41443a}
.brand{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:12px;color:inherit;text-decoration:none;align-items:center}
.brand svg{grid-row:1/3;width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2}.brand svg .accent{stroke:var(--terra);stroke-width:3}
.brand span{font-family:Georgia,serif;font-weight:700;font-size:19px;line-height:1.1}.brand small{color:#aaa99e;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:3px}
.private-label,.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.private-label{color:#bdbbad}
.tabs{display:flex;gap:0;padding:0 clamp(20px,4vw,64px);background:var(--ink);border-bottom:1px solid #41443a;overflow-x:auto}
.tab{border:0;border-left:1px solid #41443a;background:transparent;color:#bdbbad;padding:16px 22px;font-weight:700;white-space:nowrap;cursor:pointer}.tab:last-child{border-right:1px solid #41443a}.tab:hover,.tab:focus-visible{color:white}.tab.is-active{background:var(--terra);color:white}
.header-actions{display:flex;gap:8px;align-items:center}.header-actions form{margin:0}
.button{border:1px solid currentColor;border-radius:var(--radius);padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none}.button-primary{background:var(--terra);border-color:var(--terra);color:white;box-shadow:4px 4px 0 var(--terra-dark)}.button-primary:hover{background:#df5a3e}.button-secondary{background:transparent;color:var(--paper);border-color:#77786f}.button-quiet{background:transparent;color:#bdbbad;border-color:transparent}.button-wide{width:100%;padding:15px 18px}
.login-layout{min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(40px,8vw,140px);align-items:center;padding:clamp(64px,9vw,140px) clamp(20px,7vw,110px);background-image:linear-gradient(#d9d3c4 1px,transparent 1px),linear-gradient(90deg,#d9d3c4 1px,transparent 1px);background-size:80px 80px}
.login-intro{max-width:720px}.eyebrow{color:var(--terra-dark);margin:0 0 20px}.login-intro h1,.console-heading h1{font-family:Georgia,serif;letter-spacing:-.045em;margin:0;line-height:.94}.login-intro h1{font-size:clamp(54px,7vw,108px);max-width:780px}.lede{font-size:clamp(19px,2vw,26px);line-height:1.45;color:#4c5048;max-width:720px;margin:30px 0}
.scope-list{list-style:none;padding:0;margin:32px 0 0;border-top:2px solid var(--ink)}.scope-list li{padding:13px 4px;border-bottom:1px solid var(--line);font-weight:700}.scope-list li:before{content:"✓";color:var(--green);margin-right:14px}
.login-panel{background:var(--paper);border:2px solid var(--ink);padding:clamp(26px,4vw,48px);box-shadow:var(--shadow);max-width:520px}.lock-mark{display:inline-block;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.15em;padding:8px 10px}.login-panel h2{font-family:Georgia,serif;font-size:36px;margin:32px 0 10px}.login-panel>p{color:#626459;line-height:1.5}.fine-print{font-size:12px;margin:20px 0 0}.notice{border:1px solid;padding:13px 15px;margin:18px 0;display:grid;gap:4px}.notice.success{border-color:var(--green);background:var(--mint);color:#18483c}.notice.error{border-color:var(--terra);background:#f8e1da;color:#74291b}.is-hidden{display:none!important}
.console-shell{padding:40px clamp(20px,4vw,64px) 80px;max-width:1800px;margin:auto}.console-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:24px;margin-bottom:24px}.console-heading h1{font-size:clamp(48px,5vw,78px)}.console-heading .eyebrow{margin-bottom:10px}.freshness{display:flex;align-items:center;gap:9px;color:#5d6057;font-size:13px;padding-bottom:7px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #cbdcd4}
.loading{padding:80px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);background:var(--paper)}.metric{min-height:145px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(4n){border-right:0}.metric-label{display:block;color:#64665d;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.metric-value{display:block;font-family:Georgia,serif;font-size:44px;margin-top:18px;line-height:1}.metric-sub{display:block;color:var(--muted);margin-top:10px;font-size:13px}.metric.attention .metric-value{color:var(--terra)}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.panel{background:var(--paper);border:1px solid var(--ink)}.panel h2{font-family:Georgia,serif;font-size:25px;margin:0;padding:18px 20px;border-bottom:1px solid var(--ink)}.panel-body{padding:18px 20px}.status-list{display:grid;gap:0}.status-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}.status-row strong{font-variant-numeric:tabular-nums}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px}.section-head h2{font-family:Georgia,serif;font-size:30px;margin:0}.section-head p{color:var(--muted);margin:0;font-size:13px}
.table-wrap{overflow:auto;border:1px solid var(--ink);background:var(--paper)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:var(--ink);color:var(--paper);font-size:10px;text-transform:uppercase;letter-spacing:.12em;position:sticky;top:0}tbody tr:hover{background:#f1ebde}.empty{padding:30px!important;text-align:center;color:var(--muted)}
.badge{display:inline-block;border:1px solid #aaa99e;border-radius:999px;padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.badge.good{border-color:var(--green);color:var(--green);background:#edf6f0}.badge.bad{border-color:var(--terra);color:var(--terra-dark);background:#fff0eb}.badge.warn{border-color:var(--amber);color:#7a480d;background:#fff5e3}
.activity-grid{display:grid;gap:24px}.activity-section h2{font-family:Georgia,serif;font-size:28px;margin:0 0 10px}
footer{min-height:72px;background:var(--ink);color:#a8a89e;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,64px);font-size:12px;border-top:4px solid var(--terra)}
@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2n){border-right:0}.panel-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-panel{max-width:none}}
@media(max-width:640px){.site-header{height:auto;padding-top:14px;padding-bottom:14px;align-items:flex-start}.brand small{display:none}.private-label{display:none}.header-actions{flex-direction:column;align-items:stretch}.button{padding:9px 11px}.tabs{padding:0}.tab{padding:13px 15px}.console-heading{align-items:flex-start;flex-direction:column;gap:18px}.metric-grid{grid-template-columns:1fr}.metric{border-right:0}.login-layout{padding-top:50px;padding-bottom:70px}.login-intro h1{font-size:52px}footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}}
