:root{color:#152721;background:#f5f2ea;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.portal,.login{max-width:1080px;margin:auto;padding:48px 24px}.login{max-width:620px;min-height:100vh;display:grid;align-content:center;gap:16px}.eyebrow{margin:0;color:#24634f;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:.25rem 0}p{line-height:1.55}button{border:0;border-radius:8px;padding:11px 16px;background:#24634f;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#e6ece8;color:#152721}.portal header{display:flex;gap:24px;justify-content:space-between;align-items:start}.notice{padding:14px 16px;border-left:4px solid #2c9b77;background:#e3f5ec}.range,.summary,.site,.state{margin-top:24px;padding:22px;border:1px solid #d8d8d0;border-radius:12px;background:#fff}.range{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.range legend{font-weight:800}.range label,.site label{display:grid;gap:5px;font-size:.9rem}.range input,.site select{padding:8px;border:1px solid #a9b3ad;border-radius:6px;font:inherit}.range small{width:100%;color:#52635c}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.metric{padding:14px;border-radius:9px;background:#edf6f1}.metric span{display:block;font-size:.8rem;color:#476056}.metric strong{display:block;margin-top:8px;font-size:1.45rem}.site{display:grid;gap:12px}.state{background:#fbfaf6}.error{border-color:#bf4f45;background:#fbedeb;color:#75251f}@media(max-width:720px){.portal header{display:block}.portal header button{margin-top:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}