:root{--ink:#202321;--ivory:#f7f4ed;--gold:#b28a47;--muted:#777}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:15px system-ui,sans-serif;display:flex}aside{width:240px;min-height:100vh;background:#202321;color:#fff;padding:26px 16px;position:fixed}.brand{font-size:25px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:2px}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:4px}nav{margin-top:35px;display:grid;gap:4px}nav a,.user a{color:#ddd;text-decoration:none;padding:9px;border-radius:6px}nav a:hover{background:#333}.user{position:absolute;bottom:24px;color:#fff;font-size:13px}.user a{display:block;padding-left:0;color:var(--gold)}main{margin-left:240px;width:calc(100% - 240px);padding:0 42px 42px}main>header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;color:var(--muted)}#menu{display:none}.hero{display:flex;align-items:center;justify-content:space-between;padding:42px 0}.hero h1{font:clamp(28px,4vw,48px) Georgia,serif;margin:6px 0}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:12px}.button,button{background:var(--ink);color:#fff;border:0;border-radius:5px;padding:11px 16px;text-decoration:none;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.cards article,.panel,.table-wrap,form{background:#fff;border:1px solid #e4dfd4;border-radius:9px;padding:18px}.cards span{display:block;color:var(--muted);font-size:13px}.cards strong{font:32px Georgia,serif;display:block;margin-top:9px}.panel{margin-top:20px}h1,h2{font-family:Georgia,serif}.toolbar{display:flex;justify-content:space-between;gap:10px;margin:30px 0 15px}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}th{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;padding:10px;border:1px solid #cfc8bc;border-radius:5px;background:#fff}label{display:grid;gap:6px;font-size:13px}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:850px}form h2,form .wide,form button{grid-column:1/-1}.flash{padding:12px;background:#e7f2e8;border-radius:6px}.badge{background:#f0eadf;padding:4px 8px;border-radius:12px;font-size:12px}@media(max-width:800px){aside{transform:translateX(-100%);transition:.2s;z-index:2}.nav-open aside{transform:none}main{margin:0;width:100%;padding:0 18px 30px}#menu{display:block}.hero{padding:25px 0}.hero .button{display:none}form{grid-template-columns:1fr}}