:root{--navy:#10251f;--green:#1b684e;--ink:#18221f;--muted:#72807b;--line:#e1e7e3;--paper:#f4f6f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#fff;padding:31px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;border-bottom:1px solid #ffffff1c}.mark{width:42px;height:42px;border:2px solid #c6a664;border-radius:9px;display:grid;place-items:center;color:#d9bd82;font:900 24px Georgia}.brand b{display:block;font:800 18px Georgia;letter-spacing:2px}.brand span{color:#a9b6b0;font-size:9px;letter-spacing:3px}.sidebar nav{display:grid;gap:8px;margin-top:30px}.sidebar nav button{border:0;background:transparent;color:#b9c5c0;padding:14px;border-radius:9px;text-align:left;font-weight:650;font-size:14px;cursor:pointer}.sidebar nav button i{display:inline-grid;width:27px;font-style:normal;font-size:19px}.sidebar nav button.active{background:#ffffff12;color:#fff;border-left:3px solid #cbb070}.owner{margin-top:auto;border-top:1px solid #ffffff1c;padding-top:22px;display:flex;gap:10px;align-items:center}.owner>span{width:38px;height:38px;background:#2b6b55;border-radius:50%;display:grid;place-items:center;font-weight:800}.owner b,.owner small{display:block}.owner b{font-size:12px}.owner small{color:#92a49d;font-size:10px;margin-top:3px}main{grid-column:2;padding:35px 48px 20px;max-width:1500px;width:100%}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}header p,.modal form>p{font-size:10px;letter-spacing:2px;font-weight:800;color:#7e8a85;margin:0 0 8px}h1{font:700 30px Georgia;margin:0}button{font:inherit}.primary{border:0;border-radius:8px;background:var(--green);color:#fff;padding:13px 18px;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 5px 14px #1b684e30}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;gap:17px}.ico{width:47px;height:47px;border-radius:10px;display:grid;place-items:center;font-size:23px;font-weight:700}.green{background:#e4f1eb;color:#277157}.amber{background:#fff0d8;color:#c0791c}.blue{background:#e4edf4;color:#396b8e}.stats small{display:block;font-size:9px;letter-spacing:1.5px;color:#87928d;font-weight:800}.stats strong{display:block;font:700 26px Georgia;margin:3px 0}.stats p{font-size:11px;color:#89938f;margin:0}.quick{margin:24px 0}.quick h2,.panel h2{font:700 19px Georgia;margin:0}.quick>p,.panelHead p{font-size:12px;color:var(--muted);margin:6px 0 15px}.quick>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick button{background:#fff;border:1px solid var(--line);padding:18px;border-radius:11px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.quick b{width:41px;height:41px;border-radius:9px;display:grid;place-items:center;font-size:24px}.plus{color:#247052;background:#e5f1eb}.minus{color:#b76e1c;background:#fff0df}.quick span{display:grid;gap:4px}.quick strong{font-size:13px}.quick small{font-size:10px;color:#8a9490}.quick em{margin-left:auto;font-size:25px;color:#9ba5a1}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.panelHead{display:flex;justify-content:space-between;align-items:start}.linkBtn{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:750;cursor:pointer}.alertGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alertGrid article{border:1px solid var(--line);border-radius:9px;padding:14px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;column-gap:9px}.alertGrid>article>span{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font-weight:bold}.warn{background:#fff0d8;color:#bc741a}.alertGrid b,.alertGrid small{display:block}.alertGrid b{font-size:12px}.alertGrid small{font-size:9px;color:#8d9893;margin-top:3px}.alertGrid strong{font-size:12px}.alertGrid em{grid-column:3;font-size:8px;color:#9aa39f;font-style:normal;text-align:right}.inventory{padding:0;overflow:hidden}.tools{padding:18px;display:flex;gap:9px;border-bottom:1px solid var(--line)}.tools input{flex:1}.tools button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.table{overflow-x:auto}.tr{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1fr;min-width:760px;padding:15px 20px;border-bottom:1px solid #edf0ee;align-items:center;font-size:12px}.tr.movements{grid-template-columns:1.5fr .8fr .8fr 1.3fr 1.2fr}.th{background:#f8faf8;color:#7b8782;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.tr small{display:block;color:#8a9590;margin-top:4px}.pill{font-style:normal;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:750}.pill.ok{background:#e3f2e9;color:#257053}.pill.low{background:#fff0dc;color:#b56d19}.empty{text-align:center;padding:60px 20px;color:#8b9691;font-size:13px}input,select{width:100%;border:1px solid #d9e0dc;background:#fff;border-radius:8px;padding:12px;color:#25302c;outline:none}footer{display:flex;justify-content:space-between;padding:18px 2px;color:#8a9691;font-size:9px}footer span{color:#4e816d}.backdrop{position:fixed;inset:0;background:#10251fcc;display:grid;place-items:center;padding:18px;z-index:10}.hidden{display:none!important}.modal{background:#fff;border-radius:14px;width:min(540px,100%);padding:29px;position:relative;box-shadow:0 30px 80px #0005}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:27px;color:#7d8883;cursor:pointer}.modal h2{font:700 25px Georgia;margin:0 0 22px}.modal label{display:grid;gap:7px;font-size:11px;font-weight:750;color:#5b6863;margin:13px 0}.two,.three{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{grid-template-columns:repeat(3,1fr)}.wide{width:100%;margin-top:12px}.toast{position:fixed;right:25px;bottom:25px;background:#143e31;color:#fff;padding:14px 20px;border-radius:9px;font-size:12px;z-index:20}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;padding:17px 20px;display:block}.brand{border:0;padding:0}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--navy);display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:7px}.sidebar nav button{text-align:center;padding:8px}.sidebar nav button i{display:block;width:auto}.owner{display:none}main{grid-column:1;padding:25px 18px 80px}.stats,.quick>div,.alertGrid{grid-template-columns:1fr}header{align-items:flex-start}.three,.two{grid-template-columns:1fr}footer{display:none}}@media(max-width:520px){h1{font-size:25px}.stats article{padding:15px}.panel{padding:16px}.inventory{padding:0}.tools{flex-wrap:wrap}.tools input{flex-basis:100%}.modal{padding:25px 20px}}
.brand img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#fff;padding:3px}.stats{grid-template-columns:repeat(4,1fr)}.ico.red{background:#fee2e2;color:#b91c1c}.productRow{grid-template-columns:1.2fr .75fr 1fr .85fr .75fr 1fr}.actions{display:flex!important;gap:6px}.actions button,.filters button,.inline button,.backupBtns button{border:0;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer;background:#e8f0ed;color:#173d32}.actions .delete,#clearDemo{background:#fff0f0;color:#b42318}.expiry{color:#b42318;font-weight:800}.configGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.config{padding:24px}.config p{color:#718079}.inline{display:flex;gap:8px;margin:18px 0}.inline input{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#eef4f1;border-radius:20px;padding:7px 8px 7px 12px}.chips button{border:0;background:transparent;color:#a33;font-size:17px;cursor:pointer}.backupBtns{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:0 20px 20px}.filters label{margin:0}.filters input{margin-top:5px}.miniStats{display:flex;gap:12px;flex-wrap:wrap;padding:0 20px 18px}.miniStats span{background:#f1f5f3;border-radius:10px;padding:10px 14px}.report>.panelHead{padding:20px}.toast.bad{background:#9f2d25}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.productRow{grid-template-columns:1.2fr .8fr 1fr}.productRow>span:nth-child(3),.productRow>span:nth-child(4),.productRow.th>span:nth-child(3),.productRow.th>span:nth-child(4){display:none!important}}@media(max-width:700px){.configGrid{grid-template-columns:1fr}.brand img{width:40px;height:40px}.productRow{grid-template-columns:1.2fr .8fr .8fr}.productRow>span:nth-child(5),.productRow.th>span:nth-child(5){display:none!important}.actions{flex-direction:column}.filters>*{flex:1 1 130px}.stats{grid-template-columns:1fr 1fr}}
.closingIntro{background:linear-gradient(135deg,#173f33,#245e4b);color:#fff;border-radius:14px;padding:25px 28px;margin-bottom:18px;display:flex;justify-content:space-between;gap:24px;align-items:center}.closingIntro span,.closingDate small{font-size:9px;letter-spacing:2px;color:#c7d8d1;font-weight:800}.closingIntro h2{font:700 23px Georgia;margin:7px 0}.closingIntro p{margin:0;color:#d8e4df;font-size:12px}.closingDate{border-left:1px solid #ffffff35;padding-left:25px;min-width:210px}.closingDate b{display:block;text-transform:capitalize;margin-top:7px}.closingPanel{padding:0;overflow:hidden}.closingHead,.closingRow{display:grid;grid-template-columns:1.4fr .9fr 1fr 1fr;gap:16px;align-items:center;padding:14px 22px}.closingHead{background:#f3f7f5;color:#74827c;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:800}.closingRow{border-top:1px solid #e9eeeb}.closingRow b,.closingRow small{display:block}.closingRow small{font-size:9px;color:#84918b;margin-top:4px}.closingRow input{font-weight:800;background:#fbfcfb}.closingDifference{color:#68756f}.closingDifference.hasDifference b{color:#b45d18}.closingFooter{border-top:2px solid #dfe8e3;background:#f8faf9;padding:18px 22px;display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:14px;align-items:end}.closingFooter label{font-size:10px;font-weight:800;color:#65736d}.closingFooter input{margin-top:6px}.closingTotal{padding:7px 12px}.closingTotal small,.closingTotal b{display:block}.closingTotal small{font-size:8px;color:#74827c}.closingTotal b{margin-top:6px;color:#9e551b}.closingHistory{margin-top:18px}.closingHistory article{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:13px 0;border-top:1px solid #e7ece9}.closingHistory article b,.closingHistory article small{display:block}.closingHistory article small{font-size:9px;color:#84918b;margin-top:4px}.closingHistory article button{border:0;background:#e6f0eb;color:#1a5e47;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}.empty.compact{padding:25px}.closingMeta{background:#f2f6f4;padding:13px;border-radius:9px;font-size:12px;line-height:1.8}.closingDetail{margin-top:15px;max-height:350px;overflow:auto}.closingDetail>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5ebe8;padding:12px 2px}.closingDetail small{display:block;color:#7c8983;margin-top:4px}.closingDetail strong{color:#a45b20;font-size:12px}@media(max-width:900px){.sidebar nav{grid-template-columns:repeat(5,1fr)}.sidebar nav button{font-size:10px}.closingFooter{grid-template-columns:1fr 1fr}.closingHead,.closingRow{grid-template-columns:1.2fr .8fr 1fr}.closingHead>span:nth-child(2),.closingRow>span:nth-child(2){display:none}.closingIntro{align-items:flex-start}.closingDate{min-width:170px}}@media(max-width:600px){.closingIntro{display:block}.closingDate{border-left:0;border-top:1px solid #ffffff35;padding:14px 0 0;margin-top:16px}.closingHead{display:none}.closingRow{grid-template-columns:1fr 1fr;padding:16px}.closingRow>span:first-child{grid-column:1/-1}.closingFooter{grid-template-columns:1fr}.closingHistory article{grid-template-columns:1fr auto}.closingHistory article>span:nth-child(2){display:none}.sidebar nav button{padding:8px 3px;font-size:9px}}