:root{--ink:#16251d;--muted:#68776e;--green:#0b6b3a;--light:#edf5ef;--line:#d9e4dc;--paper:#f5f8f5;--danger:#a32d26;--shadow:0 10px 30px rgba(22,57,36,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}header{height:70px;padding:0 28px;background:#073b26;color:#fff;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;font:700 24px Georgia,serif;letter-spacing:.08em}.brand span{font:700 11px Arial,sans-serif;letter-spacing:.22em;margin-left:7px}.brand.big{display:block;color:var(--green);font-size:32px;margin-bottom:34px}.topbar{display:flex;align-items:center;gap:17px}.topbar a{color:#fff}.topbar select{padding:8px;border:0;border-radius:6px;background:#fff;color:var(--ink)}nav{display:flex;gap:5px;flex-wrap:wrap;padding:10px 28px;background:#fff;border-bottom:1px solid var(--line)}nav a{padding:8px 11px;color:#335a42;text-decoration:none;border-radius:6px}nav a:hover{background:var(--light)}main{max-width:1400px;margin:0 auto;padding:28px}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-title h1{margin:3px 0 0;font:500 32px Georgia,serif}.eyebrow{margin:0;color:var(--green);font-size:11px;font-weight:bold;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.form-card,.login-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.card strong{display:block;font-size:28px;margin-top:8px}.card span{color:var(--muted)}.section{margin-top:22px}.section h2{font:600 22px Georgia,serif}.toolbar{display:flex;gap:8px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.button,button{display:inline-block;border:0;border-radius:7px;padding:10px 14px;background:var(--green);color:#fff;font-weight:bold;text-decoration:none;cursor:pointer}.button.secondary{background:#e7f0e9;color:#245338}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field label,label{display:block;font-size:12px;font-weight:bold;color:#405448}.field input,.field select,.field textarea,label input,label select{width:100%;margin-top:5px;padding:10px;border:1px solid #bdccc1;border-radius:6px;background:#fff;font:inherit}.field.full{grid-column:1/-1}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{padding:11px 12px;text-align:left;border-bottom:1px solid #e6eee8}.table th{background:#f4f8f4;color:#52665a;font-size:12px}.alert{padding:11px;border-radius:7px;margin-bottom:15px}.success{background:#e5f7e9;color:#176b31}.error{background:#ffebea;color:var(--danger)}.login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(140deg,#eaf4ec,#f8fbf7)}.login-card{width:min(420px,calc(100% - 32px));padding:35px}.login-card h1{font:500 30px Georgia,serif;margin:0 0 22px}.login-card label{margin:13px 0}.login-card button{width:100%;margin-top:10px}.empty{padding:30px;text-align:center;color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:99px;background:var(--light);color:var(--green);font-size:12px;font-weight:bold}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}header{padding:0 16px}.topbar span{display:none}nav{padding:8px 16px}main{padding:22px 16px}}@media(max-width:520px){.grid,.form-grid{grid-template-columns:1fr}.page-title h1{font-size:27px}}
