:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20302b;background:#f4f6f5;font-size:16px;font-synthesis:none;--green:#12382c;--lime:#c7f17c;--line:#dfe6e2;--muted:#718079;--panel:#fff;--bg:#f4f6f5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7dac49;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:.875rem;font-weight:600}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.lime{background:var(--lime);color:#12382c;border:0}button.danger{color:#b43d39;background:#fff2f0;border-color:#f3d9d5}button.ghost{background:transparent;border-color:transparent}button.icon{padding:8px;min-width:38px}svg.icon{width:20px;height:20px;flex:0 0 20px;stroke-width:1.7;fill:none;stroke:currentColor}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;letter-spacing:-.045em;font-weight:650}h2{font-size:1.1rem;font-weight:650;letter-spacing:-.02em}h3{font-size:1rem}small,.muted{color:var(--muted)}small{font-size:.8rem}.mono{font-variant-numeric:tabular-nums}.loading{padding:60px;font-weight:600}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--green);color:#e5eee7;position:sticky;top:0;height:100vh;padding:28px 14px 16px;display:flex;flex-direction:column;gap:26px;overflow:auto}.brand{font-size:1.9rem;font-weight:750;letter-spacing:-.065em;padding:0 14px;display:flex;align-items:center;gap:8px;color:#fff}.brand-mark{color:var(--lime);font-size:1.2rem;font-weight:800;letter-spacing:-.1em}.brand small{color:#b9d2c1;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;display:block}.nav-group{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#9fb9a9;margin:16px 14px 9px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{padding:11px 14px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:.875rem;color:#cbded1}.nav a.active{background:#c7f17c;color:#14372b;font-weight:650}.nav a:hover:not(.active){background:#234a3b}.sidebar-bottom{margin-top:auto;border-top:1px solid #355849;padding:15px 10px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;background:#2c5340;color:#c7f17c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:650}.sidebar-bottom small{color:#a3bead}.workspace{min-width:0}.topbar{height:76px;background:var(--panel);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.store-picker{display:flex;align-items:center;gap:12px}.store-picker select{border:0;background:transparent;max-width:260px;font-weight:650;padding:8px}.top-actions{display:flex;gap:10px;align-items:center;font-size:.875rem}.top-actions .date{color:var(--muted)}.status-pill{display:flex;align-items:center;gap:6px;background:#edf6e9;color:#416d36;padding:6px 9px;border-radius:20px;font-size:.75rem}.status-pill.offline{background:#fff0dd;color:#9c6520}.main{padding:30px 32px 40px;max-width:1800px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.subtitle{font-size:.875rem;color:var(--muted);margin-top:7px}.actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.metric:first-child{background:var(--green);color:#fff;border-color:var(--green)}.metric-label{font-size:.8rem;display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.metric:first-child .metric-label,.metric:first-child small{color:#bcd1c1}.metric-value{font-size:1.8rem;letter-spacing:-.045em;font-weight:650;margin:12px 0 7px}.metric-value span{font-size:.875rem;letter-spacing:0;color:#93aa9e;margin-right:5px}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.panel-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panel-body{padding:20px 22px}.panel-head .muted{font-size:.8rem}.trend{height:210px;display:flex;gap:10px;align-items:end;padding-top:20px}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:8px;min-width:0}.bar-col strong{font-size:.7rem;font-weight:500;color:var(--muted)}.bar{width:70%;background:#dbedce;min-height:3px;border-radius:6px 6px 0 0}.bar-col:last-child .bar{background:#173f2d}.bar-col span{font-size:.75rem;color:var(--muted)}.tender-row{display:flex;align-items:center;gap:14px;padding:12px 0}.tender-row .symbol{height:36px;width:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px}.tender-row strong{font-size:.875rem;margin-left:auto}.tender-row .tender-name{font-size:.875rem}.progress{height:5px;background:#edf1ee;border-radius:6px;margin:6px 0 12px;overflow:hidden}.progress span{height:100%;display:block;background:#93bc66}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{min-width:220px;max-width:420px;flex:1;position:relative}.search input{padding-left:40px}.search .icon{position:absolute;left:12px;top:12px;color:var(--muted)}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:inherit;padding:11px 12px;font-size:.875rem;width:100%;min-width:0}input[type=checkbox]{width:auto}textarea{min-height:85px;resize:vertical}label{font-size:.875rem;display:block;font-weight:500}label>input,label>select,label>textarea{margin-top:7px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem;white-space:nowrap}th{font-weight:500;color:var(--muted);background:#f9faf9;font-size:.75rem;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #edf0ed}tr:last-child td{border-bottom:0}td .sub{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}td strong{font-weight:550}.right{text-align:right}.badge{display:inline-flex;padding:4px 9px;border-radius:5px;font-size:.75rem;font-weight:500;background:#eaf3e8;color:#41703b}.badge.warn{background:#fff0d5;color:#967020}.badge.red{background:#fce8e5;color:#a34840}.badge.neutral{background:#edf0f3;color:#687584}.empty{text-align:center;color:var(--muted);padding:42px 20px;font-size:.875rem}.link{color:#39763e;padding:0;border:0;background:transparent;font-size:.875rem}.tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.tabs button{background:transparent;border-color:transparent;color:var(--muted)}.tabs button.active{background:#e4eddc;color:#2b4b31}.notice{padding:13px 17px;margin-bottom:18px;border:1px solid #e9d4b1;background:#fff8ec;border-radius:8px;font-size:.875rem;line-height:1.55;color:#896623}.checkout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.catalog-head{display:flex;gap:10px;align-items:center;margin-bottom:16px}.scan{flex:1}.category-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.category-list button{font-size:.8rem;padding:8px 13px}.category-list button.active{background:var(--green);color:#fff;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{display:flex;flex-direction:column;align-items:start;padding:16px;border:1px solid var(--line);background:var(--panel);text-align:left;white-space:normal;min-height:148px;justify-content:space-between;gap:8px;font-weight:400}.product-card:hover{border-color:#87a960;background:#fbfff7}.product-card .product-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.product-card strong{font-size:.875rem;font-weight:600;line-height:1.5}.product-card .card-foot{width:100%;display:flex;align-items:end;justify-content:space-between;gap:8px}.product-card .price{font-weight:650}.product-card small{font-size:.7rem}.cart-panel{position:sticky;top:20px}.cart-list{max-height:45vh;overflow:auto}.cart-line{padding:15px 18px;border-bottom:1px solid var(--line)}.cart-line-head{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:.875rem}.cart-line-head strong{font-weight:550}.cart-line-controls{margin-top:11px;display:flex;align-items:center;gap:7px}.qty-input{width:82px;padding:7px;text-align:center;font-variant-numeric:tabular-nums}.cart-line .line-value{margin-left:auto;font-weight:550;font-size:.875rem}.totals{padding:18px;display:flex;flex-direction:column;gap:10px}.total-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.total-row.final{font-size:1.25rem;font-weight:650;border-top:1px dashed var(--line);padding-top:13px;margin-top:4px}.cart-footer{padding:0 18px 18px}.cart-footer>button{width:100%;padding:14px;font-size:1rem}.shortcut{font-size:.75rem;margin-top:12px;text-align:center;color:var(--muted)}.shift-mini{padding:12px 18px;border-bottom:1px solid var(--line);font-size:.8rem;display:flex;align-items:center;gap:8px;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.field-help{display:block;font-size:.75rem;line-height:1.5;margin-top:5px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;width:650px;max-width:calc(100vw - 28px);max-height:90vh;padding:26px;box-shadow:0 24px 80px #0d291536}dialog::backdrop{background:#11251e66;backdrop-filter:blur(2px)}dialog.large{width:920px}.dialog-body{overflow:auto}dialog table input{min-width:90px}dialog table select{min-width:150px}dialog td,dialog th{padding:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#153b2c;color:#fff;padding:12px 20px;border-radius:9px;box-shadow:0 8px 30px #18392722;display:none;font-size:.875rem;z-index:20;max-width:90vw}#toast.visible{display:block}#toast.error{background:#9e3934}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--green);color:#fff;padding:64px 12%;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{padding:0}.login-story h1{font-size:3.5rem;line-height:1.12;max-width:500px;font-weight:600}.login-story h1 span{color:var(--lime)}.login-story p{font-size:1rem;line-height:1.7;margin-top:22px;color:#c0d1c6;max-width:400px}.login-story small{color:#adbfaf}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{max-width:360px;width:100%}.login-card h1{margin-bottom:12px}.login-card .subtitle{margin-bottom:30px}.login-card label{margin-bottom:20px}.login-card button{width:100%;padding:13px}.login-error,.form-error{font-size:.875rem;color:#a6423a;background:#fff0ed;border-radius:7px;padding:10px;margin-top:12px;line-height:1.5}.receipt{font-family:ui-monospace,monospace;max-width:360px;margin:0 auto;font-size:.85rem;line-height:1.6}.receipt h2{text-align:center}.receipt .center{text-align:center}.receipt hr{border:0;border-top:1px dashed #999;margin:14px 0}.receipt-row{display:flex;justify-content:space-between;gap:15px}.receipt small{font-size:.7rem}.receipt .receipt-total{font-size:1.1rem;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-item{padding:20px;border-bottom:1px solid var(--line)}.settings-item h3{margin-bottom:7px}.settings-item p{font-size:.875rem;color:var(--muted);line-height:1.6;margin-bottom:14px}.checkboxes{display:flex;gap:12px;flex-wrap:wrap}.checkboxes label{display:flex;gap:7px;align-items:center}.checkboxes input{margin:0}.mobile-toggle{display:none}.error-panel{padding:30px;border:1px solid #edcbc2;border-radius:12px;background:#fff5f3;font-size:.875rem;line-height:1.6}.error-panel button{margin-top:14px}#print-area{display:none}.report-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.report-controls label{max-width:210px;flex:1;min-width:130px}.report-controls button{margin-bottom:0}.report-controls select{min-width:160px}.settings-item:last-child{border:0}
body.dark{--panel:#192b24;--bg:#101e18;--line:#34463b;--muted:#9aae9e;background:var(--bg);color:#e2ece3}body.dark th{background:#20342a}body.dark td{border-color:#2d4235}body.dark .bar{background:#557a45}body.dark .product-card:hover{background:#21362b}body.dark .badge{background:#2d4834;color:#c0dbb9}body.dark .badge.warn{background:#584824;color:#edcc82}body.dark .badge.red{background:#63372e;color:#f5b5a6}body.dark .notice{background:#403723;border-color:#665537;color:#e0c495}body.dark .progress{background:#344938}body.dark .login-error,body.dark .form-error{background:#4f2927;color:#ffc6ba}
@media(min-width:1400px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:25px 10px}.brand{padding:0;justify-content:center}.brand>span:not(.brand-mark),.brand small,.nav-group,.nav a span,.sidebar-bottom .user-info{display:none}.nav a{padding:13px;justify-content:center}.sidebar-bottom{padding:15px 0;justify-content:center}.main{padding:25px 22px}.topbar{padding:0 22px}.checkout{grid-template-columns:minmax(0,1fr) 330px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:12px}.metric{padding:17px}.metric-value{font-size:1.55rem}}
@media(max-width:850px){.dashboard-grid,.two-col{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout{grid-template-columns:1fr}.cart-panel{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-list{max-height:none}.top-actions .date{display:none}.page-head{align-items:start}.topbar{height:65px}.main{padding:22px 18px}.report-controls label{max-width:none}}
@media(max-width:560px){.shell{grid-template-columns:58px minmax(0,1fr)}.sidebar{padding:20px 6px;gap:22px}.brand-mark{font-size:1.25rem}.nav a{padding:12px 8px}.sidebar-bottom{padding:12px 0}.topbar{padding:0 12px;gap:4px}.store-picker{gap:2px;min-width:0}.store-picker>svg{display:none}.store-picker select{max-width:170px;font-size:.8rem;padding-left:0}.status-pill{display:none}.top-actions{gap:0}.main{padding:20px 12px}.page-head{flex-wrap:wrap;margin-bottom:18px}.page-head h1{font-size:1.5rem}.page-head .actions{width:100%}.metrics{gap:9px}.metric{padding:12px}.metric-value{font-size:1.3rem}.metric-label{font-size:.75rem}.metric-label svg{display:none}.metric small{font-size:.7rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{padding:12px;min-height:148px}.catalog-head{flex-wrap:wrap}.catalog-head .search{min-width:100%}.panel-head,.panel-body{padding:15px}.toolbar{padding:12px}.toolbar .search{min-width:100%}td,th{padding:12px 14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}dialog{padding:18px}.login{grid-template-columns:1fr}.login-story{padding:30px;min-height:270px}.login-story h1{font-size:2rem;margin-top:35px}.login-story p,.login-story>small{display:none}.login-form{padding:30px 24px}.report-controls label{min-width:100%}.trend{gap:4px}.bar-col strong{font-size:.65rem}.dialog-actions{flex-wrap:wrap}}
@media print{body>*{display:none!important}#print-area{display:block!important;color:#000;background:#fff}#print-area .receipt{width:72mm;font-size:10pt;margin:0}#print-area .label-grid{display:flex;flex-wrap:wrap;gap:7mm}#print-area .barcode-label{width:60mm;text-align:center;border:1px solid #ddd;padding:4mm;break-inside:avoid;font-size:10pt}#print-area svg{max-width:100%;height:18mm}#print-area .barcode-label small{display:block;color:#000}@page{margin:6mm}}
@media(max-width:850px){.checkout{display:flex;flex-direction:column}.checkout>section,.checkout>.cart-panel{width:100%}.checkout>.cart-panel{order:-1}.cart-list{max-height:35vh;overflow:auto}}