:root{--ink:#17202a;--muted:#697583;--paper:#f4f7f9;--panel:#fff;--line:#dbe3e8;--red:#bf1e2e;--blue:#315e7d;--green:#24704a;--amber:#9b6515}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#eaf0f3;background:#182630;height:100vh;padding:28px 20px;position:sticky;top:0}.brand{letter-spacing:.04em;margin-bottom:36px;font-size:18px;font-weight:700}.brand small{color:#9fb0ba;letter-spacing:.18em;margin-top:5px;font-size:10px;display:block}.nav a{color:#c9d4da;border-radius:7px;align-items:center;gap:11px;margin:3px 0;padding:11px 12px;font-size:14px;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#263a47}.main{width:100%;max-width:1500px;padding:34px 42px}.topline{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;font:700 11px ui-monospace,monospace}.topline h1{letter-spacing:.01em;margin:5px 0 0;font-size:27px}.date{color:var(--muted);font:12px ui-monospace,monospace}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 1px 2px #17202a08}.metric-label{color:var(--muted);font-size:12px}.metric-value{margin-top:10px;font:600 32px ui-monospace,monospace}.wide{grid-column:span 3}.sidecard{grid-column:span 1}.section-title{margin:0 0 18px;font-size:15px}.timeline{border-left:2px solid #aabac4;margin-left:7px;padding-left:24px}.event{padding:0 0 23px;position:relative}.event:before{content:"";background:var(--blue);width:10px;height:10px;box-shadow:0 0 0 1px var(--blue);border:3px solid #fff;border-radius:50%;position:absolute;top:3px;left:-30px}.event time{color:var(--blue);font:700 12px ui-monospace,monospace}.event strong{margin:5px 0;font-size:14px;display:block}.muted{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);letter-spacing:.05em;border-bottom:1px solid var(--line);padding:11px 8px;font-size:11px}td{border-bottom:1px solid #edf1f3;padding:13px 8px}.badge{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}.success{color:var(--green);background:#e5f3eb}.pending{color:var(--blue);background:#e7f0f5}.danger{color:var(--red);background:#fbe7e9}.button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-block}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #cbd6dc;border-radius:6px;padding:10px 11px}.form{grid-template-columns:1fr 1fr;gap:16px;max-width:720px;display:grid}.form label{font-size:12px;font-weight:700}.form label span{margin-bottom:7px;display:block}.full{grid-column:1/-1}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{display:flex;overflow:auto}.main{padding:24px}.grid{grid-template-columns:1fr 1fr}.wide,.sidecard{grid-column:1/-1}}@media (max-width:600px){.grid,.form{grid-template-columns:1fr}.main{padding:18px}.full{grid-column:auto}}