:root{--ink:#17281f;--cream:#f1ecdf;--paper:#fbf8f0;--line:#c7c1b4;--muted:#6f7069}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}main{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);height:100vh;color:var(--cream);flex-direction:column;padding:40px 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:.16em;font-family:Georgia,serif;font-size:22px;line-height:1.05}nav{gap:10px;margin-top:72px;display:grid}nav a{color:#b9c1bb;border-bottom:1px solid #395046;padding:12px 0;font-size:14px;text-decoration:none}nav a.active,nav a:hover{color:#fff}.private{color:#86938b;letter-spacing:.12em;text-transform:uppercase;margin-top:auto;font-size:11px}.content{width:100%;max-width:1500px;padding:48px clamp(28px,6vw,90px) 80px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:34px;display:flex}.eyebrow,.panel-title p{letter-spacing:.2em;font-size:11px;font-weight:700}h1{letter-spacing:-.04em;margin:18px 0 0;font:400 clamp(42px,6vw,76px)/.96 Georgia,serif}.avatar{border:1px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;font-size:12px;display:grid}.intro{max-width:670px;color:var(--muted);margin:34px 0 44px;font:20px/1.5 Georgia,serif}.stats{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid}.stats article{justify-content:space-between;align-items:end;min-height:110px;padding:24px;display:flex}.stats article+article{border-left:1px solid var(--line)}.stats span{color:var(--muted);font-size:12px}.stats strong{font:40px Georgia,serif}.grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{border:1px solid var(--line);background:var(--cream);padding:26px}.panel.wide{grid-column:1/-1}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:24px;display:flex}.panel-title p{color:var(--muted);margin:0 0 8px}h2{margin:0;font:30px Georgia,serif}button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:10px 14px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 2px;display:flex}.row:last-child{border-bottom:0}h3{margin:0 0 6px;font-size:15px}.row p,.task p{color:var(--muted);margin:0;font-size:12px}.task{border-bottom:1px solid var(--line);grid-template-columns:1fr 180px 120px;align-items:center;padding:18px 2px;display:grid}.task span{text-transform:uppercase;letter-spacing:.08em;justify-self:end;font-size:11px}@media (max-width:800px){main{display:block}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:22px;position:static}nav{display:none}.private{margin:0}.content{padding:30px 20px 60px}h1{font-size:48px}.stats,.grid{grid-template-columns:1fr}.stats article+article{border-left:0;border-top:1px solid var(--line)}.panel.wide{grid-column:auto}.task{grid-template-columns:1fr auto}.task p{display:none}}.login-shell{background:var(--ink);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--cream);border:1px solid #617067;width:min(520px,100%);padding:clamp(36px,7vw,72px)}.login-card h1{font-size:clamp(58px,10vw,88px)}.login-card>p:not(.eyebrow){color:var(--muted);margin:28px 0 36px;font:18px/1.5 Georgia,serif}.login-card button{background:var(--ink);color:#fff;justify-content:space-between;width:100%;padding:16px 18px;display:flex}.login-card small{color:var(--muted);margin-top:20px;display:block}