*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#18212b;font:14px/1.5 Arial,sans-serif}header{background:#142b20;color:#fff;padding:16px 4%;display:flex;align-items:center;justify-content:space-between}header strong{font-size:17px;letter-spacing:1px}header span{font-size:11px;opacity:.75;margin-left:14px;letter-spacing:1.2px}main{max-width:1500px;margin:28px auto;padding:0 22px}h1{font-size:26px;margin:0 0 4px}h2{font-size:18px;margin:0 0 14px}.muted,.small{color:#66717d}.small{font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.toolbar nav{display:flex;gap:6px;flex-wrap:wrap}.toolbar nav a{padding:9px 14px;border-radius:8px;background:#fff;color:#263442;text-decoration:none;border:1px solid #dce2e7}.toolbar nav a.active{background:#173b28;color:white}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e2e7eb;border-radius:12px;padding:18px;box-shadow:0 2px 8px #17212b08}.card small{display:block;color:#6a7580}.card b{display:block;font-size:25px;margin-top:8px}.panel{margin:16px 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf0f2;white-space:nowrap}th{background:#f7f9fa;font-size:12px;color:#65717c}.tag{font-size:10px;padding:3px 6px;border-radius:10px;background:#e8f2eb;color:#1c6a3c}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{display:flex;flex-direction:column;gap:5px;color:#5e6872;font-size:12px}.formgrid input,.formgrid select,.loginbox input{width:100%;border:1px solid #d7dfe5;border-radius:7px;padding:10px;font:inherit;color:#17212b;background:white}button{border:0;border-radius:8px;padding:11px 16px;background:#1c6038;color:#fff;font-weight:600;cursor:pointer}button:hover{background:#154a2b}.ghost{background:transparent;border:1px solid #ffffff66}.notice,.error{padding:12px 14px;border-radius:8px;margin:12px 0}.notice{background:#e7f5eb;color:#175b30}.error{background:#fdecec;color:#8d2020}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(420px,92vw);background:#fff;padding:30px;border-radius:14px;box-shadow:0 10px 40px #0001}.loginbox h1{font-size:22px}.loginbox input{margin:14px 0}footer{text-align:center;color:#7a858e;padding:25px;font-size:12px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:560px){main{padding:0 12px}.cards{grid-template-columns:1fr 1fr}.card{padding:12px}.card b{font-size:19px}.toolbar{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}h1{font-size:22px}}