:root{--verde:#173f2a;--verde2:#21593c;--ouro:#c7a34b;--fundo:#f7f4eb;--card:#fff;--txt:#20251f;--muted:#6f776f;--borda:#e4e0d5}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--fundo);color:var(--txt)}
button,input,select{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side{background:var(--verde);color:#fff;padding:16px;height:100vh;overflow:auto;position:sticky;top:0}
.brand{display:flex;gap:10px;align-items:center;margin-bottom:14px}.brand img{width:56px;height:56px;object-fit:cover;border-radius:12px;background:#fff}.brand h1{font-size:16px;margin:0}.brand small{color:#e9e0bd}
.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:#fff;text-align:left;padding:9px 10px;border-radius:9px;cursor:pointer}.nav button:hover,.nav button.active{background:#ffffff18}
.main{padding:18px 20px 86px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.top h2{margin:0;color:var(--verde)}
.btn{border:1px solid var(--borda);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer}.btn.primary{background:var(--verde);color:#fff;border-color:var(--verde)}
.grid{display:grid;gap:12px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--borda);border-radius:15px;padding:15px}.label{font-size:12px;color:var(--muted)}.value{font-size:25px;font-weight:800;color:var(--verde);margin-top:4px}
.section{margin-top:16px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:var(--verde)}.field input,.field select{padding:10px 11px;border:1px solid var(--borda);border-radius:10px;background:#fff;width:100%}
.table{overflow:auto;background:#fff;border:1px solid var(--borda);border-radius:14px}.table table{width:100%;border-collapse:collapse;min-width:740px}.table th,.table td{padding:10px 11px;border-bottom:1px solid var(--borda);text-align:left;font-size:13px}.table th{background:#f1eee4;color:var(--verde)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e6f1ea;color:var(--verde);font-size:11px;font-weight:700}.error{background:#fff0ee;border:1px solid #f1c2bc;padding:10px 12px;border-radius:10px}.ok{background:#edf7f0;border:1px solid #cbe5d2;padding:10px 12px;border-radius:10px}
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--verde),var(--verde2))}.login-card{width:min(420px,92vw);background:#fff;border-radius:18px;padding:22px}.login-card img{display:block;width:110px;height:110px;object-fit:cover;border-radius:18px;margin:0 auto 12px}.login-card h1{text-align:center;color:var(--verde);font-size:22px}.login-card p{text-align:center;color:var(--muted)}
.mobile-nav{display:none}@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.side{display:none}.main{padding:14px 14px 82px}.cards{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--borda);display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.mobile-nav button{border:0;background:#fff;padding:9px 2px;color:var(--verde);font-size:11px}}