:root{--green:#123e31;--ok:#1d6b4b;--gold:#c8962e;--red:#b53a35;--paper:#f5f7f5;--line:#d1dbd6;--ink:#1d2925}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1{margin:.2rem 0;color:var(--green)}h2{color:var(--green)}.hero{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:var(--green);color:#fff;padding:24px;border-radius:14px}.hero h2{color:#fff}.hero b{background:#eaf4ef;color:var(--ok);padding:8px 12px;border-radius:99px}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}.cards article,.grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.cards strong{display:block;font-size:2rem;color:var(--green)}.cards span{color:#61706a}.success{border-left:6px solid var(--ok)!important}.danger{border-left:6px solid var(--red)!important}.warning{border-left:6px solid var(--gold)!important}footer{color:#61706a;border-top:1px solid var(--line)}.login-panel{max-width:440px;margin:48px auto;padding:28px;background:white;border:1px solid var(--line);border-radius:14px}.login-panel label{display:block;margin:16px 0 6px;font-weight:600}.login-panel input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit}button{padding:11px 18px;border:0;border-radius:6px;background:var(--green);color:white;font:inherit;cursor:pointer}.login-panel button{margin-top:22px;width:100%}[hidden]{display:none!important}@media(max-width:600px){h1{font-size:1.6rem}.login-panel{margin:24px 16px}header,main,footer{padding:18px}}