@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(./inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(./inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(./inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(./inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(./inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(./inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(./inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(./inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(./inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(./inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(./inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(./inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(./inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(./inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-ext-700-normal-qfdV9bQt.woff2)format("woff2"),url(./inter-greek-ext-700-normal-BoQ6DsYi.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-700-normal-C3JjAnD8.woff2)format("woff2"),url(./inter-greek-700-normal-BUv2fZ6O.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-vietnamese-700-normal-DlLaEgI2.woff2)format("woff2"),url(./inter-vietnamese-700-normal-BZaoP0fm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(./inter-latin-ext-700-normal-TidjK2hL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(./outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(./outfit-latin-700-normal-D4itBLBr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-ext-800-normal-DRv2ic_2.woff2)format("woff2"),url(./outfit-latin-ext-800-normal-DyhPHUt-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(./outfit-latin-800-normal-BRHLSPcU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-border:#c7d2fe;--bg-app:#f1f5f9;--bg-surface:#fff;--bg-subtle:#f8fafc;--bg-card-hover:#fcfcfd;--sidebar-bg:#090d16;--sidebar-hover:#1e293b;--sidebar-border:#1e293b;--sidebar-text:#94a3b8;--sidebar-active:#6366f1;--border:#e2e8f0;--border-subtle:#edf2f7;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--text-white:#fff;--success:#10b981;--success-light:#ecfdf5;--success-text:#047857;--warning:#f59e0b;--warning-light:#fffbeb;--warning-text:#b45309;--danger:#ef4444;--danger-light:#fef2f2;--danger-text:#b91c1c;--info:#0ea5e9;--info-light:#f0f9ff;--info-text:#0369a1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-focus:0 0 0 3px #6366f140;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:700}.mono{font-family:var(--font-mono)}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:20;flex-direction:column;flex-shrink:0;width:250px;display:flex}.sidebar-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 16px 16px;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #6366f159}.sidebar-title{font-family:var(--font-heading);color:#fff;font-size:1.15rem;font-weight:800;line-height:1.2}.sidebar-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-link{color:var(--sidebar-text);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background-color:var(--sidebar-hover);color:#fff}.sidebar-link.active{color:#818cf8;border-left:3px solid var(--sidebar-active);background:linear-gradient(90deg,#6366f12e 0%,#6366f114 100%);font-weight:600}.sidebar-badge{color:#fff;background:#ef4444;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:.7rem;font-weight:700}.sidebar-footer{background:#0003;border-top:1px solid #ffffff0f;padding:14px 16px}.main-wrapper{background-color:var(--bg-app);flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-branch-badge{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;align-items:center;gap:8px;padding:6px 14px;font-size:.86rem;font-weight:600;display:flex}.header-sync-status{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:flex}.header-sync-status.online{background:var(--success-light);color:var(--success-text)}.header-sync-status.offline{color:#64748b;background:#f1f5f9}.header-actions{align-items:center;gap:12px;display:flex}.lang-selector{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 9px;font-size:.75rem;font-weight:600;transition:all .15s}.lang-btn.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-sm)}.page-container{flex:1;padding:24px;overflow-y:auto}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{font-size:1.05rem;font-weight:700}.card-body{padding:20px}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #4f46e540}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;box-shadow:0 4px 12px #10b98140}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:var(--bg-surface);border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-subtle);border-color:#cbd5e1}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:.78rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 24px;font-size:1.05rem;font-weight:700}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-main);font-size:.82rem;font-weight:600}.input-control{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-surface);width:100%;color:var(--text-main);padding:9px 13px;font-family:inherit;font-size:.9rem;transition:all .15s}.input-control:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}.data-table th{background-color:var(--bg-subtle);color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:13px 16px}.data-table tr:hover td{background-color:#f8fafc}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success-text)}.badge-warning{background:var(--warning-light);color:var(--warning-text)}.badge-danger{background:var(--danger-light);color:var(--danger-text)}.badge-info{background:var(--info-light);color:var(--info-text)}.badge-neutral{color:#475569;background:#f1f5f9}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-dialog{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border);flex-direction:column;animation:.18s ease-out modalIn;display:flex;overflow:hidden}.modal-dialog.modal-lg{max-width:820px}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.pos-layout{grid-template-columns:1fr 420px;height:calc(100vh - 64px);display:grid;overflow:hidden}.pos-catalog-panel{border-right:1px solid var(--border);background:var(--bg-app);flex-direction:column;display:flex;overflow:hidden}.pos-cart-panel{background:var(--bg-surface);flex-direction:column;display:flex;overflow:hidden}.category-chip{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 15px;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.category-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #4f46e54d}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:16px;display:grid;overflow-y:auto}.product-pos-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;padding:14px;transition:all .15s;display:flex;position:relative}.product-pos-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-pos-card:active{transform:scale(.98)}.product-pos-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.3em;margin-bottom:6px;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-pos-barcode{color:var(--text-subtle);margin-bottom:8px;font-size:.72rem}.product-pos-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.product-pos-price{font-family:var(--font-heading);color:var(--primary);font-size:1.05rem;font-weight:800}.product-pos-stock{color:var(--text-muted);font-size:.75rem}.product-pos-stock.low{color:var(--danger);font-weight:700}.cart-items-list{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.cart-item-row{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px;display:flex}.cart-qty-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.cart-qty-btn:hover{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:24px;display:grid}.metric-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:20px;display:flex}.metric-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-val{font-family:var(--font-heading);color:var(--text-main);font-size:1.55rem;font-weight:800;line-height:1.2}.metric-lbl{color:var(--text-muted);margin-top:2px;font-size:.8rem;font-weight:500}.spin-anim{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.label{color:var(--text-main);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.table-row-hover:hover td{background-color:#f8fafc}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head h1{font-size:1.55rem;font-weight:800}.page-head p{color:var(--text-muted);font-size:.88rem}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.muted{color:var(--text-muted)}.text-right{text-align:right}.empty-row{text-align:center;color:var(--text-muted);padding:40px!important}.alert{border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.alert-danger{background:var(--danger-light);color:var(--danger-text)}.alert-warning{background:var(--warning-light);color:var(--warning-text)}.alert-success{background:var(--success-light);color:var(--success-text)}.alert-info{background:var(--info-light);color:var(--info-text)}.kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:.72rem}.stat-row{border-bottom:1px dashed var(--border-subtle);justify-content:space-between;padding:6px 0;font-size:.9rem;display:flex}.stat-row:last-child{border-bottom:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.toast{z-index:1000;color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;max-width:420px;padding:12px 18px;font-size:.9rem;font-weight:600;animation:.2s ease-out modalIn;position:fixed;top:18px;right:22px}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-info{background:#4f46e5}.status-bar{color:var(--text-muted);align-items:center;gap:14px;font-size:.74rem;display:flex}@media (max-width:1365px){.sidebar{width:210px}.pos-layout{grid-template-columns:1fr 360px}.page-container{padding:18px}.metric-val{font-size:1.3rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px}}@media (max-width:1180px){.sidebar{width:64px}.sidebar-title,.sidebar-subtitle,.sidebar-link span,.sidebar-footer .user-meta{display:none}.sidebar-header{justify-content:center;padding:16px 8px}.sidebar-link{justify-content:center;padding:11px 8px;position:relative}.sidebar-badge{padding:1px 5px;position:absolute;top:2px;right:2px}.sidebar-footer{padding:10px 6px}.sidebar-footer>div{flex-direction:column;gap:8px}.pos-layout{grid-template-columns:1fr 340px}.top-header{padding:0 14px}.header-hide-sm{display:none!important}.grid-3{grid-template-columns:1fr 1fr}}@media (max-height:700px){.top-header{height:54px}.pos-layout{height:calc(100vh - 54px)}.modal-body{padding:16px}.modal-header,.modal-footer{padding:12px 18px}}body{-webkit-user-select:text;-moz-user-select:text;user-select:text;overflow-y:auto}.panel-top{z-index:30;background:var(--sidebar-bg);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex;position:-webkit-sticky;position:sticky;top:0}.panel-brand{font-family:var(--font-heading);align-items:center;gap:10px;font-weight:800;display:flex}.panel-brand small{font-family:var(--font-sans);color:#94a3b8;font-size:.72rem;font-weight:500;display:block}.panel-nav{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:20;gap:4px;padding:6px 12px;display:flex;position:-webkit-sticky;position:sticky;top:56px;overflow-x:auto}.panel-nav button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.panel-nav button.active{background:var(--primary-light);color:var(--primary)}.panel-main{max-width:1200px;margin:0 auto;padding:18px 16px 40px}.panel-main .page-head h1{font-size:1.35rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.kpi .lbl{color:var(--text-muted);font-size:.76rem;font-weight:600}.kpi .val{font-family:var(--font-heading);margin-top:2px;font-size:1.3rem;font-weight:800}.list-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.list-stack{flex-direction:column;gap:8px;display:flex}@media (max-width:720px){.hide-mobile{display:none!important}.grid-2,.grid-3{grid-template-columns:1fr}.panel-main{padding:12px 10px 40px}.data-table th,.data-table td{padding:9px 8px;font-size:.82rem}.modal-dialog{max-height:96vh}.modal-overlay{padding:8px}}
