:root{color:#201514;background:#fff8f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button{border:0;border-radius:8px;background:#fff;color:inherit;font:inherit;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#7a2f2f;color:#fff;padding:24px}.brand{display:grid;gap:6px;margin-bottom:28px}.brand img{width:150px;height:auto;display:block}.brand span{color:#ffe4d3;font-size:14px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;color:#fff;text-align:left}nav button:hover{background:#ffffff1f}.content{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar p{margin:0 0 4px;color:#77554c}.topbar h1{margin:0;font-size:28px}.status{border-radius:999px;background:#e8f7df;color:#276212;padding:8px 12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.metric,.panel{background:#fff;border:1px solid #efd9cb;border-radius:8px;padding:18px}.metric{display:grid;gap:8px}.metric span{color:#77554c}.metric strong{font-size:28px}.grid{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:16px}.panel h2{margin:0 0 14px}.panel button{width:100%;margin-bottom:10px;padding:12px;border:1px solid #efd9cb;text-align:left}.panel .primary{background:#0f7b5c;color:#fff;border-color:#0f7b5c}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{padding:18px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:18px}.metrics,.grid{grid-template-columns:1fr}}