:root{--g:#168a45;--g2:#0d6b35;--bg:#f4f8f5;--line:#dfe8e2}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#183022}header{height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:2}header b,.logo{color:var(--g);font-size:24px}nav button,.prod,button{border:1px solid var(--line);background:white;padding:10px 14px;border-radius:9px;cursor:pointer}nav button:hover,.prod:hover{border-color:var(--g)}main{padding:20px;max-width:1500px;margin:auto}.pos{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel,.card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 16px #00000008}.panel h2{margin-top:0}input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin:5px 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px}.prod{text-align:left;display:flex;flex-direction:column;gap:6px}.prod span{font-size:18px;color:var(--g);font-weight:700}.prod small,.row small,.muted{color:#718079}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row>div{display:flex;align-items:center;gap:7px}.row small{display:block}.tot{display:flex;justify-content:space-between;font-size:22px;padding:18px 0}.primary{width:100%;background:var(--g);color:white;border:0;padding:13px;border-radius:9px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.cards div{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.cards small,.cards b{display:block}.cards b{font-size:25px;color:var(--g);margin-top:7px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf7ef,#fff)}.card{width:min(390px,92vw);text-align:center}.card button{width:100%;background:var(--g);color:white;border:0;margin:8px 0 14px}.card small{color:#718079}@media(max-width:850px){.pos{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.form{grid-template-columns:1fr}header{height:auto;padding:12px;gap:8px;align-items:flex-start}nav{display:flex;flex-wrap:wrap;justify-content:flex-end}}