:root{--p:#176b5b;--dark:#0d302a;--bg:#f4f6f8;--line:#e1e7e8;--gold:#eabf57}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px Arial;color:#17212b}aside{position:fixed;width:240px;top:0;bottom:0;background:var(--dark);color:#fff;padding:20px;display:flex;flex-direction:column}.brand{font-size:18px;padding:8px 4px 22px;border-bottom:1px solid #ffffff20}.brand small{display:block;font-size:10px;color:#abc;margin-top:6px}nav{margin-top:18px}nav button{display:block;width:100%;border:0;background:none;color:#dce9e6;text-align:left;padding:12px;border-radius:9px;margin:3px 0}nav button.active,nav button:hover{background:#1a5148;color:#fff}.userbox{margin-top:auto;border-top:1px solid #ffffff20;padding-top:12px}.userbox button{margin-top:8px;background:#ffffff12;color:#fff;border:0;padding:8px 12px;border-radius:8px}main{margin-left:240px;padding:25px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0 0 5px}header span{color:#697681}.page{display:block}.hide{display:none!important}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article,.box{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 24px #19352b0b;margin-bottom:16px}.kpis strong{display:block;font-size:24px;margin-top:8px}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin:12px 0}.field label{display:block;font-size:12px;font-weight:bold;margin-bottom:6px;color:#5d6974}input,select{width:100%;padding:11px;border:1px solid #d8dfe3;border-radius:9px;background:#fff}.searchrow{display:flex;gap:8px}.searchrow button,.primary{border:0;background:var(--p);color:#fff;border-radius:9px;padding:11px 14px;font-weight:bold;white-space:nowrap}.results{position:relative}.result{background:#fff;border:1px solid var(--line);padding:10px;border-radius:8px;margin-top:4px;cursor:pointer}.result:hover{background:#eef6f3}.selected{padding:10px;background:#edf5f2;border-radius:9px;margin-top:6px}.cartrow{display:grid;grid-template-columns:1fr 80px 110px 35px;gap:7px;align-items:center;margin:7px 0}.cartrow button{border:0;background:#f7e7e7;color:#a33;border-radius:7px;height:38px}.totals{background:var(--dark);color:#fff;padding:16px;border-radius:12px;display:flex;justify-content:space-between;margin:15px 0;font-size:16px}.totals b{font-size:20px;color:var(--gold)}.opcards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opcard{border:2px solid var(--line);background:#fff;padding:14px;border-radius:12px;text-align:left;font-size:22px;cursor:pointer}.opcard b,.opcard small{display:block}.opcard small{font-size:11px;color:#778}.opcard.active{border-color:var(--p);background:#edf7f3}.tip{margin-top:15px;background:#f7f3e6;padding:12px;border-radius:10px}.badge{padding:4px 7px;border-radius:20px;background:#eaf5ef;color:#24754e}.debt{background:#fdeaea;color:#a33;padding:3px 6px;border-radius:12px}.modal,.auth{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20}.modal{display:none}.modal.show{display:flex}.modalbox,.authcard{background:#fff;border-radius:16px;padding:22px;width:min(460px,92vw)}.modalbox input,.authcard input{margin:6px 0}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left}.auth{background:linear-gradient(135deg,#082c25,#176b5b)}.authcard{text-align:center}.logo{font-size:42px}.authcard .primary{width:100%;margin-top:8px}.authcard p{color:#65737a}.authcard #authMsg{color:#a33}canvas{width:100%;height:260px}@media(max-width:800px){aside{position:static;width:100%;height:auto}nav{display:grid;grid-template-columns:1fr 1fr}main{margin:0;padding:12px}.kpis,.grid,.grid2,.opcards{grid-template-columns:1fr}.searchrow{flex-direction:column}.totals{flex-direction:column;gap:8px}.cartrow{grid-template-columns:1fr 65px 90px 35px}}