:root{--green-dark:#064e3b;--green:#0f766e;--bg:#f4f7f5;--white:#fff;--border:#d9e4df;--text:#1f2937;--muted:#64748b;--red:#b91c1c;--red-bg:#fee2e2}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--green-dark);color:white;padding:24px 18px;overflow:auto}.brand{font-size:28px;font-weight:800;margin-bottom:30px}
.sidebar a{display:block;color:white;text-decoration:none;padding:11px 14px;border-radius:10px;margin-bottom:6px;font-weight:600}.sidebar a:hover{background:rgba(255,255,255,.12)}
.main{flex:1}.topbar{background:white;padding:20px 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:26px}.user-badge{color:var(--muted);font-size:14px}.content{padding:30px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:24px}.card,.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:20px}.card span{color:var(--muted)}.card strong{display:block;color:var(--green-dark);font-size:30px;margin-top:8px}.panel{margin-bottom:24px}
.form-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px}input,select,button{padding:10px;border-radius:8px;border:1px solid var(--border)}button{background:var(--green);color:white;border:none;cursor:pointer;font-weight:700;margin-top:12px}
table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid var(--border);padding:10px;text-align:left}th{background:var(--green-dark);color:white}
.login-page{min-height:100vh;background:linear-gradient(135deg,#064e3b,#0f766e);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;background:white;border-radius:18px;padding:32px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.login-card h1{margin:0;color:var(--green-dark);font-size:34px}.login-card p{color:var(--muted);margin-bottom:24px}.login-card label{display:block;font-weight:700;margin:14px 0 6px}.login-card input{width:100%}.login-card button{width:100%;margin-top:20px;padding:12px}.alert-error{background:var(--red-bg);color:var(--red);padding:10px;border-radius:8px;margin-bottom:14px}
@media(max-width:1000px){.layout{flex-direction:column}.sidebar{width:100%}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}