:root{--green: #14532d;--green-dark: #0c3a1f;--gold: #c8901a;--cream: #f7f5ef;--ink: #22271f;--muted: #6b7263;--error: #b3261e;--ok: #1a7f37}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink)}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--green-dark);color:#fff;padding:18px 0;flex-shrink:0}.sidebar h1{font-size:16px;padding:0 18px 14px;margin:0;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar nav a{display:block;color:#d8e5d8;text-decoration:none;padding:11px 18px;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:var(--green);color:#fff;border-left:3px solid var(--gold)}.sidebar .who{padding:14px 18px;font-size:12px;color:#9fb5a0}.content{flex:1;padding:24px;max-width:1100px}.content h2{color:var(--green-dark);margin-top:0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000f}th{background:var(--green);color:#fff;text-align:left;padding:10px 12px;font-size:13px}td{padding:10px 12px;border-bottom:1px solid #eee7d6;font-size:14px}tr:hover td{background:#faf7ee}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.kpi{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000f;border-top:3px solid var(--gold)}.kpi b{display:block;font-size:26px;color:var(--green-dark)}.kpi span{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}input,select{padding:9px 10px;border:1px solid #d6cfba;border-radius:7px;font-size:14px}button,.btn{padding:9px 16px;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:600;cursor:pointer;font-size:14px}button.ghost{background:#fff;color:var(--green);border:1px solid var(--green)}button.gold{background:var(--gold)}button:disabled{opacity:.5}.badge{padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}.badge.on{background:#e8f5e9;color:var(--ok)}.badge.off{background:#fdecea;color:var(--error)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#fff;padding:22px;border-radius:12px;width:440px;max-height:88vh;overflow:auto}.modal h3{margin-top:0;color:var(--green-dark)}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.field input,.field select{width:100%}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.error{color:var(--error);font-size:13px;margin:8px 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%)}.login-card{background:#fff;padding:32px;border-radius:14px;width:360px}.login-card h1{color:var(--green-dark);font-size:20px;margin:0 0 4px}.login-card p{color:var(--muted);font-size:13px;margin:0 0 18px}.login-card input{width:100%;margin-bottom:12px}.login-card button{width:100%}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:12px}