:root{--ink:#17251f;--green:#176f4b;--green-dark:#123b2d;--line:#dfe6e1;--muted:#6b7770;--bg:#f4f6f3;--red:#ad4930;--amber:#a26813}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0f3427,#1b6044)}.auth-card{width:min(420px,92vw);background:white;border-radius:18px;padding:36px;box-shadow:0 28px 70px #071c1455}.logo{width:56px;height:56px;border-radius:14px;background:#4dc184;color:#103b2c;font-size:31px;font-weight:900;display:grid;place-items:center;transform:rotate(-3deg);margin-bottom:24px}.logo.small{width:38px;height:38px;font-size:22px;margin:0}.kicker{font-size:11px;letter-spacing:1.5px;color:var(--green);font-weight:800;margin:0 0 6px}.auth h1{font-size:27px;margin:0 0 8px}.auth p{color:var(--muted)}label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:16px 0}input,select,textarea{width:100%;border:1px solid #ccd6d0;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:76px;resize:vertical}.primary,.secondary{border:0;border-radius:9px;padding:12px 16px;font-weight:750}.primary{background:var(--green);color:white}.primary:hover{background:#105d3e}.secondary{border:1px solid #cad5ce;background:white;color:var(--ink)}.auth .primary{width:100%;margin-top:8px}.error{color:#b13d29;font-size:12px;min-height:16px}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:var(--green-dark);color:white;padding:26px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 7px 31px}.brand b,.brand span{display:block}.brand b{letter-spacing:2px}.brand span{font-size:10px;color:#a8c2b6;margin-top:3px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#c5d9cf;text-align:left;border-radius:9px;padding:12px 14px;display:flex;gap:11px}nav button.active,nav button:hover{background:#245642;color:#fff}.warehouse{margin-top:auto;border:1px solid #3d6755;border-radius:12px;padding:14px;background:#173f31}.warehouse small,.warehouse b,.warehouse span{display:block}.warehouse small{color:#82ae9b;font-size:9px;letter-spacing:1px}.warehouse b{margin:8px 0 4px}.warehouse span{color:#abc1b7;font-size:11px;line-height:1.4}main{padding:32px 38px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}header h1{font-size:29px;margin:0 0 5px}header p{margin:0;color:var(--muted)}.userbox{display:flex;align-items:center;gap:10px;font-size:12px}.userbox button,.link,.icon-btn{border:0;background:transparent;color:var(--green);font-weight:700}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar input{max-width:360px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:19px}.card small,.card strong,.card span{display:block}.card small{color:var(--muted)}.card strong{font-size:28px;margin:6px 0}.card span{font-size:11px;color:#809087}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:15px;margin-top:15px}.panel h2{font-size:17px;margin:0 0 4px}.panel-sub{font-size:12px;color:var(--muted);margin:0 0 13px}.row{display:flex;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #edf0ee}.row-main{flex:1;min-width:0}.row b,.row span{display:block}.row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row span{color:var(--muted);font-size:11px;margin-top:4px}.badge{border-radius:20px;padding:5px 8px;font-size:9px!important;font-weight:800;white-space:nowrap}.badge.in{background:#def2e7;color:#14724a}.badge.out{background:#fae5de;color:#a7442c}.badge.low{background:#fff0d2;color:#98600c}.badge.critical{background:#f9e2dc;color:#9d3c27}.table-wrap{background:white;border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #edf0ee}th{color:#657169;font-size:10px;letter-spacing:.7px;background:#fafbf9}.stock{font-weight:800}.stock.low{color:var(--red)}dialog{border:0;border-radius:16px;width:min(900px,94vw);max-height:92vh;padding:0;box-shadow:0 28px 90px #071c1455}dialog::backdrop{background:#10291f99}dialog form,#receiptDialog>div{padding:24px}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialog-head h2{margin:0}.icon-btn{font-size:27px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.item-row{display:grid;grid-template-columns:1fr 130px 40px;gap:9px;align-items:end;margin:10px 0}.remove{border:0;background:#f9e4de;color:#a5442e;border-radius:9px;height:42px}.dialog-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}canvas{width:100%;height:180px;border:2px dashed #aebdb5;border-radius:10px;background:#fff;touch-action:none}.hint{font-size:11px;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:#173e30;color:white;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.receipt-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--green-dark);padding-bottom:18px}.receipt-head h1{margin:0}.receipt-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.signature-img{max-width:300px;max-height:100px;border-bottom:1px solid #333}.empty{text-align:center;padding:35px;color:var(--muted)}
@media(max-width:850px){.app{grid-template-columns:76px 1fr}aside{padding:20px 11px}.brand>div:last-child,nav span,.warehouse{display:none}.brand{padding-left:7px}.cards{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}main{padding:24px 17px}}@media(max-width:560px){.app{display:block}aside{height:64px;position:sticky;z-index:5;flex-direction:row;padding:8px 12px}.brand{padding:0;margin-right:auto}.brand>div:last-child{display:block}nav{display:flex}nav button{padding:10px}nav button:nth-child(n+4){display:none}main{padding:20px 12px}header h1{font-size:23px}.userbox span{display:none}.form-grid{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 100px 40px}.toolbar>*{flex:1}.cards{gap:9px}}
@media print{body>*:not(#receiptDialog){display:none!important}#receiptDialog{display:block!important;position:static;width:100%;max-height:none;box-shadow:none}.no-print{display:none!important}}