:root{--ink:#143431;--paper:#fffdf8;--sand:#f4ecdf;--accent:#e86134;--muted:#64726c}*{box-sizing:border-box}body{margin:0;font:15px Inter,Arial,sans-serif;background:linear-gradient(135deg,#f7f1e6,#e8f0eb);color:var(--ink)}.top{padding:34px max(7%,25px);background:var(--ink);color:#fff}.top small{color:#b9d1c7;text-transform:uppercase;letter-spacing:.12em}.top h1{margin:8px 0 0;font-size:34px}main{max-width:1180px;margin:auto;padding:28px}.hero{background:var(--paper);padding:26px;border-radius:18px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 12px 30px #21403818}.hero b{font-size:24px}.hero p{margin-bottom:7px;color:var(--muted)}.hero small{display:block;max-width:620px;color:var(--muted);line-height:1.6}.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:11px 15px;border-radius:9px;font-weight:bold;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metric,.card{background:var(--paper);border-radius:15px;padding:19px;box-shadow:0 7px 18px #21403810}.metric span{color:var(--muted);display:block}.metric b{font-size:24px;margin:8px 0 5px;display:block}.metric small{color:var(--muted);line-height:1.45}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card h2{font-size:18px;margin-top:0}.action{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ece3d5}.action:first-of-type{border-top:0}.action a,.action button{color:var(--ink);font:700 15px Inter,Arial,sans-serif;text-decoration:none}.action button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.action a:hover,.action button:hover{color:var(--accent)}.action a:focus-visible,.action button:focus-visible,.button:focus-visible{outline:3px solid #ef9c7f;outline-offset:3px}.danger-action button{color:#a24429}.status{padding:5px 9px;border-radius:20px;background:#e5f0ea;color:#236048;font-size:12px}@media(max-width:800px){.metrics,.grid{grid-template-columns:1fr 1fr}.hero{display:block}.hero .button{margin-top:18px}}@media(max-width:500px){.metrics,.grid{grid-template-columns:1fr}main{padding:16px}.top{padding:26px 20px}.top h1{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}