:root{--nav:#12372a;--green:#276749;--bg:#f4f7f5;--border:#dbe5df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#18322a;font:14px system-ui,Arial}header{background:var(--nav);color:white;padding:16px 5%;display:flex;gap:30px;align-items:center;flex-wrap:wrap}header b{font-size:20px}nav{display:flex;gap:15px;flex-wrap:wrap}nav a{color:#d9f5e7;text-decoration:none}main{max-width:1200px;margin:30px auto;padding:0 18px}h1{font-size:26px}.card,.filter{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 16px #173c2c0d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wide{grid-column:span 2}label{display:flex;flex-direction:column;gap:7px;font-weight:600}input,select,button{padding:10px;border:1px solid #b9c9c0;border-radius:7px;background:white}button{background:var(--green);color:white;border:0;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats div{background:white;padding:20px;border-radius:12px;border:1px solid var(--border)}.stats span,.stats strong{display:block}.stats strong{font-size:21px;margin-top:8px}.table{overflow:auto;background:white;border-radius:10px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--border)}.filter{display:flex;gap:12px;align-items:end}.alert,.success{padding:12px;border-radius:8px;margin:12px 0}.alert{background:#ffe4e4;color:#8c1717}.success{background:#dbf4e5;color:#14532d}.inline{display:flex;gap:5px;min-width:470px}.login{display:grid;place-items:center;min-height:100vh}.login-card{width:min(400px,92vw);display:grid;gap:15px}footer{text-align:center;padding:30px;color:#667}small{color:#667}@media(max-width:750px){.grid,.stats{grid-template-columns:1fr}.wide{grid-column:auto}header{display:block}nav{margin-top:12px}.filter{align-items:stretch;flex-direction:column}}