:root{color:#17231d;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:flex}aside{color:#edf7ef;background:#173b2c;flex-direction:column;gap:32px;width:240px;padding:32px 20px;display:flex}.brand{margin:0;font-size:21px;font-weight:800}.brand span{color:#8fd4a4}nav{gap:8px;display:grid}nav a{color:#d7e9db;border-radius:8px;padding:11px;text-decoration:none}nav a:hover{background:#28543f}aside small{color:#aac8b1;overflow-wrap:anywhere;margin-top:auto}.content{width:100%;max-width:1100px;padding:54px 6vw}h1{margin:6px 0 12px;font-size:clamp(28px,4vw,46px);line-height:1.1}h2{margin-top:0}.eyebrow{letter-spacing:.12em;color:#43825a;font-size:12px;font-weight:750}.muted{color:#64736a;line-height:1.55}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;margin:38px 0;display:grid}.metric,.card{background:#fff;border:1px solid #dfe8e0;border-radius:14px;padding:24px;box-shadow:0 8px 30px #193b2c08}.metric{gap:12px;display:grid}.metric strong{font-size:36px}.metric small{color:#77867c}.empty{margin-top:20px}.center{place-items:center;min-height:100vh;padding:20px;display:grid}.login{width:100%;max-width:440px}label{margin:20px 0 8px;font-weight:650;display:block}input{font:inherit;background:#fff;border:1px solid #bbc9bd;border-radius:8px;width:100%;padding:12px}button{width:100%;font:inherit;color:#fff;cursor:pointer;background:#23653f;border:0;border-radius:8px;margin-top:20px;padding:13px;font-weight:700}button:hover{background:#184d30}.notice{color:#216139;background:#e8f5eb;border-radius:8px;margin-top:20px;padding:14px}.error{color:#b3261e}code{background:#edf1ed;border-radius:4px;padding:2px 5px}@media (max-width:700px){.shell{display:block}aside{gap:18px;width:100%;padding:20px}aside small{display:none}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.content{padding:34px 20px}.metrics{grid-template-columns:1fr}}