:root{--g900:#003b1f;--g800:#00592f;--g600:#129447;--g400:#48e242;--bg:#f4fbf6;--card:#fff;--text:#102318}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--g900),#012615);padding:22px;color:white;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:22px}.brand img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#001}nav{display:grid;gap:8px}nav a,.logout{color:#eaffef;text-decoration:none;padding:13px 14px;border-radius:14px;transition:.25s}nav a:hover,.logout:hover{background:rgba(72,226,66,.18);transform:translateX(4px)}.logout{margin-top:auto}.content{margin-left:250px;min-height:100vh;padding:22px}.top{height:64px;background:white;border-radius:22px;display:flex;justify-content:flex-end;align-items:center;padding:0 22px;box-shadow:0 10px 30px #06451a15}.top span{display:block;color:#278246;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.card{background:var(--card);padding:22px;border-radius:24px;box-shadow:0 16px 35px #06451a14;animation:up .45s ease}.metric{font-size:32px;font-weight:900;color:var(--g800)}h1{color:var(--g900)}.btn{border:0;background:linear-gradient(135deg,var(--g800),var(--g400));color:white;padding:11px 16px;border-radius:12px;text-decoration:none;display:inline-block;cursor:pointer;font-weight:700}.btn.danger{background:#c62828}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:20px 0;flex-wrap:wrap}.search{padding:12px 16px;border:1px solid #cfead8;border-radius:14px;min-width:280px}.table-wrap{overflow:auto;background:white;border-radius:24px;box-shadow:0 16px 35px #06451a14}table{width:100%;border-collapse:collapse}th,td{padding:15px;border-bottom:1px solid #e6f3ea;text-align:left}th{background:#eaf9ef;color:var(--g900);position:sticky;top:0}tr{transition:.2s}tbody tr:hover{background:#f1fff5;transform:scale(1.005)}form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}input,select,textarea{width:100%;padding:13px;border:1px solid #cfead8;border-radius:14px;background:white}label{font-weight:700;color:#174d2c}.badge{padding:6px 10px;border-radius:99px;background:#dff9e5;color:#075b2d;font-weight:700;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#0a7a38,#001c10)}.login .card{width:min(430px,92vw)}.login img{width:100px;display:block;margin:auto}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{background:#eaffef;border-left:5px solid var(--g600);padding:14px;border-radius:14px}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.sidebar{position:static;width:auto}.content{margin-left:0}.grid,.form-grid{grid-template-columns:1fr}nav{grid-template-columns:repeat(2,1fr)}}