:root{--green:#1b4332;--green-2:#2d6a4f;--green-3:#d4e4dc;--bg:#f6f8f7;--ink:#1f2a25;--muted:#6b7a73;--red:#b42318;}
*{box-sizing:border-box}body{margin:0;font-family:"Inter Tight",Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.topbar{display:flex;align-items:center;gap:2rem;padding:.6rem 1.5rem;background:var(--green);color:#fff}
.topbar nav a{color:#dfeee6;text-decoration:none;margin-right:1.1rem;font-size:.95rem}.topbar nav a:hover{color:#fff}
.brand{font-weight:700;letter-spacing:.02em}.brand span{color:#9be3b8}.brand.big{font-size:1.6rem;color:var(--green);text-align:center}
.brand.big span{color:var(--green-2)}.env{font-style:normal;font-size:.7rem;background:#f0b429;color:#000;padding:.1rem .4rem;border-radius:4px;margin-left:.4rem}
.userbox{margin-left:auto;display:flex;gap:.8rem;align-items:center;font-size:.85rem}
.userbox button{background:transparent;border:1px solid #9be3b8;color:#fff;padding:.3rem .7rem;border-radius:6px;cursor:pointer}
.container{max-width:1200px;margin:0 auto;padding:1.5rem}h1{color:var(--green);margin:.2rem 0 1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;margin-bottom:2rem}
.card{background:#fff;border:1px solid #e3e9e6;border-radius:10px;padding:1rem;text-decoration:none;color:inherit;transition:.15s}
.card:hover{border-color:var(--green-2);box-shadow:0 2px 10px rgba(27,67,50,.08)}.card .value{font-size:1.8rem;font-weight:700;color:var(--green)}
.card .label{font-size:.85rem;color:var(--muted)}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
.table th,.table td{padding:.55rem .8rem;border-bottom:1px solid #eef2f0;text-align:left;font-size:.9rem}.table th{background:var(--green-3);color:var(--green)}
.muted{color:var(--muted)}.login-card{max-width:400px;margin:6rem auto;background:#fff;padding:2rem;border-radius:12px;border:1px solid #e3e9e6}
.login-card label{display:block;margin:.8rem 0;font-size:.9rem}.login-card input{width:100%;padding:.6rem;border:1px solid #cfd8d3;border-radius:8px;margin-top:.3rem}
.btn{padding:.65rem 1rem;border-radius:8px;border:0;cursor:pointer;font-weight:600}.btn.primary{background:var(--green-2);color:#fff;width:100%;margin-top:.6rem}
.alert{background:#fde8e6;color:var(--red);padding:.6rem .8rem;border-radius:8px;font-size:.9rem}
.foot{text-align:center;color:var(--muted);font-size:.75rem;padding:2rem}
