@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--ink:#0f141c;--paper:#f4f6f9;--card-bg:#fff;--steel:#2c3e50;--signal:#ff5a1f;--signal-dim:#fff0eb;--ok:#1f9d55;--danger:#d62839;--amber:#f2a93b;--blue:#2563eb;--purple:#7c3aed;--border:#e2e6ec;--muted:#78818e;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #0f141c0d;--shadow-md:0 4px 14px #0f141c12}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);min-height:100%;color:var(--ink);touch-action:manipulation;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.numeral{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:Space Grotesk,Inter,sans-serif}.bold{font-weight:700}.muted{color:var(--muted)}.center{text-align:center}.button{background:var(--ink);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.button:hover{opacity:.92;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.ghost{color:var(--ink);border:1px solid var(--border);background:#fff}.button.ghost:hover{background:#f8fafc;border-color:#cbd5e1}.button.small{border-radius:var(--radius-sm);padding:7px 12px;font-size:13px}.button.ghost.small{color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:7px 12px;font-size:13px}.pill{color:var(--ok);background:#e9f6ee;border-radius:999px;align-items:center;gap:4px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.badge{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{color:#1f9d55;background:#e9f6ee}.badge.warn{color:#966217;background:#fff4e0}.badge.danger{color:#b3261e;background:#fdecec}.badge.muted{color:#78818e;background:#eef0f3}.notice{border-radius:var(--radius-md);align-items:center;gap:8px;margin:12px 0;padding:12px 16px;font-size:14px;display:flex}.notice.error{color:#b3261e;background:#fdecec;border:1px solid #f9caca}.notice.success{color:#1f9d55;background:#e9f6ee;border:1px solid #c3edd2}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.desktopSidebar{color:#fff;background:#11151d;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebarBrand{border-bottom:1px solid #ffffff14;padding:24px 20px 16px}.sidebarBrand .logo{letter-spacing:.12em;color:#fff;font-size:20px;font-weight:900}.sidebarBrandSub{color:#7b8490;letter-spacing:.05em;margin-top:2px;font-size:11px;display:block}.sidebarNavWrapper{flex:1;padding:12px 10px}.adminSidebarNav{flex-direction:column;gap:16px;display:flex}.navGroup{flex-direction:column;gap:3px;display:flex}.navGroupTitle{letter-spacing:.1em;color:#64748b;padding:6px 12px 2px;font-size:10px;font-weight:800}.navGroupList{flex-direction:column;gap:2px;display:flex}.navItem{border-radius:var(--radius-sm);color:#94a3b8;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:all .12s;display:flex;position:relative}.navItem:hover{color:#fff;background:#ffffff0f}.navItem.active{background:var(--signal);color:#fff;font-weight:700}.navIcon{justify-content:center;align-items:center;width:20px;font-size:16px;display:inline-flex}.navLabel{flex:1}.navActiveDot{background:#fff;border-radius:999px;width:6px;height:6px}.main{background:var(--paper);min-width:0;padding:24px 32px 60px}.adminHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.adminHeaderLeft{align-items:center;gap:14px;display:flex}.adminHeaderSuper{letter-spacing:.14em;color:#7b8490;font-size:11px;font-weight:800}.adminHeaderTitle{margin:2px 0 0;font-size:28px;font-weight:800}.mobileMenuButton{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);background:#fff;padding:8px 12px;font-size:20px;display:none}.headerRight{align-items:center;gap:10px;display:flex}.userPill{color:var(--ink);border:1px solid var(--border);background:#fff}.drawerBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f141c99;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawerContent{color:#fff;width:290px;max-width:85vw;height:100%;box-shadow:var(--shadow-md);background:#11151d;flex-direction:column;animation:.2s ease-out slideIn;display:flex;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawerHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px;display:flex}.drawerCloseButton{color:#fff;cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1}.drawerUser{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:14px 20px;display:flex}.drawerAvatar{background:var(--signal);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.drawerUserName{font-size:14px;font-weight:700}.drawerUserRole{color:#94a3b8;font-size:12px}.drawerNav{flex:1;padding:12px 10px;overflow-y:auto}.drawerFooter{border-top:1px solid #ffffff14;flex-direction:column;padding:16px 20px 24px;display:flex}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.panelHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panelHead h2{margin:0;font-size:19px;font-weight:800}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--border);border-radius:var(--radius-md);width:auto;min-width:150px;color:var(--ink);background:#fff;outline:none;flex:1;padding:10px 14px;font-size:14px}.toolbar input:focus,.toolbar select:focus{border-color:var(--signal)}.tableWrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:#78818e;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid #edf0f3;padding:10px;font-size:11.5px;font-weight:700}.table td{vertical-align:middle;border-bottom:1px solid #f1f4f8;padding:12px 10px}.table tr:last-child td{border-bottom:0}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.modalBackdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;background:#0f141c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:88vh;box-shadow:var(--shadow-md);background:#fff;padding:24px;overflow-y:auto}.formGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.field{color:#5b636f;gap:6px;font-size:13px;font-weight:700;display:grid}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);padding:10px 12px;font-family:inherit;font-size:14px}.field.full{grid-column:1/-1}.tabSwitch{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;display:inline-flex;overflow:hidden}.tabSwitch button{cursor:pointer;color:#64748b;background:0 0;border:0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .12s}.tabSwitch button.active{background:var(--ink);color:#fff}.dashboardV4{flex-direction:column;gap:18px;display:flex}.dashboardLoading{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:80px 20px;display:flex}.loadingSpinner{border:3px solid #e2e6ec;border-top-color:var(--signal);border-radius:999px;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quickActionsBar{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:10px 14px;overflow-x:auto}.quickActionsScroll{align-items:center;gap:10px;min-width:max-content;display:flex}.quickActionBtn{border-radius:var(--radius-md);color:#334155;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .12s;display:inline-flex}.quickActionBtn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.quickActionBtn.highlight{background:var(--signal);color:#fff;border-color:var(--signal)}.quickActionBtn.highlight:hover{opacity:.92}.heroCard{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.heroCard .rev{background:linear-gradient(90deg, var(--ok) 0%, var(--amber) 50%, var(--signal) 100%);height:5px}.heroCard .heroBody{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 28px;display:flex}.heroLabel{letter-spacing:.14em;color:var(--signal);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.heroFigure{color:var(--ink);margin-top:6px;font-size:42px;font-weight:800;line-height:1.1}.heroSub{color:#64748b;margin-top:6px;font-size:14px}.heroRight{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.deltaPill{border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.deltaPill.up{color:var(--ok);background:#e7f7ee}.deltaPill.down{color:var(--danger);background:#fdeaec}.deltaPill.flat{color:#78818e;background:#f1f3f6}.heroDate{color:#94a3b8;font-size:12px;font-weight:600}.statGrid8{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.statCard8{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:4px;padding:16px;transition:transform .12s;display:flex}.statCard8:hover{transform:translateY(-2px)}.statCardHeader{justify-content:space-between;align-items:center;display:flex}.statLabel8{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.statIcon8{font-size:18px}.statValue8{color:var(--ink);margin-top:2px;font-size:21px;font-weight:800}.statMonth8{color:#64748b;margin-top:4px;font-size:12px;font-weight:600}.statCard8.stat-orange{border-left:4px solid var(--signal)}.statCard8.stat-steel{border-left:4px solid var(--steel)}.statCard8.stat-green{border-left:4px solid var(--ok)}.statCard8.stat-red{border-left:4px solid var(--danger)}.statCard8.stat-blue{border-left:4px solid var(--blue)}.statCard8.stat-purple{border-left:4px solid var(--purple)}.statCard8.stat-amber{border-left:4px solid var(--amber)}.statCard8.stat-emerald{border-left:4px solid var(--ok)}.dashLower{grid-template-columns:1fr 340px;align-items:start;gap:18px;display:grid}.dashLower .panel{margin-top:0}.chartPanel{min-height:360px}.pos{background:var(--paper);min-height:100vh;padding:24px 32px 80px}.posHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.posHeaderLeft{align-items:center;gap:12px;display:flex}.posHeaderLeft small{letter-spacing:.12em;color:#7b8490;font-size:11px;font-weight:800}.posHeaderLeft h1{margin:2px 0 0;font-size:28px;font-weight:800}.posHeaderRight{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.posWidgetsCollapsible{margin-bottom:16px;animation:.15s ease-out fadeIn}.posgrid{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.posProductsPanel{padding:18px}.posSearchWrapper{width:100%;position:relative}.posSearchWrapper input{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;outline:none;width:100%;padding:13px 40px 13px 16px;font-size:15px}.posSearchWrapper input:focus{border-color:var(--signal);box-shadow:0 0 0 2px #ff5a1f1f}.clearSearchBtn{cursor:pointer;color:#475569;background:#e2e8f0;border:0;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.productGrid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;display:grid}.productCard{border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:#fff;flex-direction:column;gap:3px;padding:8px 10px;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;position:relative}.productCard:hover{border-color:var(--signal);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.productCard.outOfStock{opacity:.65;background:#fbfbfb}.productThumb{border-radius:var(--radius-sm);background:#f8fafc;justify-content:center;align-items:center;width:100%;height:75px;margin-bottom:2px;display:flex;overflow:hidden}.productThumb img{object-fit:contain;width:100%;height:100%}.productThumbPlaceholder{opacity:.5;font-size:22px}.productCardName{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.productCardMeta{color:#8a92a0;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.productCardPriceRow{justify-content:space-between;align-items:baseline;gap:4px;margin-top:2px;display:flex}.productCardPrice{color:var(--signal);font-size:13px;font-weight:800}.productCardOptom{color:#2563eb;font-size:11px;font-weight:700}.productStockBadges{justify-content:space-between;align-items:center;gap:4px;margin-top:2px;font-size:10.5px;font-weight:700;display:flex}.stockBadgeStore{color:var(--ok);background:#eafaf1;border-radius:4px;padding:1px 6px}.stockBadgeStore.zero{color:var(--danger);background:#fdf2f2}.stockBadgeWh{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 5px}.cart{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;min-height:480px;padding:20px;display:flex;position:sticky;top:24px}.cart .empty{color:var(--muted);text-align:center;margin:auto;font-size:14px}.row{border-bottom:1px solid #f1f4f8;justify-content:space-between;padding:10px 0;display:flex}.total{justify-content:space-between;align-items:center;margin-top:auto;padding:16px 0;font-size:18px;display:flex}.total b{font-size:22px}.pay{border-radius:var(--radius-md);background:var(--signal);color:#fff;cursor:pointer;border:0;width:100%;padding:14px;font-size:16px;font-weight:800;transition:opacity .12s}.pay:hover{opacity:.92}.pay:disabled{opacity:.35;cursor:not-allowed}.mobileCartFloatingBar{color:#fff;border-radius:var(--radius-md);z-index:500;background:#11151d;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;animation:.2s ease-out slideUp;display:none;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 6px 20px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobileCartFloatingInfo{flex-direction:column;display:flex}.mobileCartItemCount{color:#94a3b8;font-size:12px}.mobileCartTotalNumeral{color:#fff;font-size:16px;font-weight:700}@media (max-width:1100px){.statGrid8{grid-template-columns:repeat(2,1fr)}.dashLower{grid-template-columns:1fr}}@media (max-width:900px){.shell{grid-template-columns:1fr}.desktopSidebar{display:none}.mobileMenuButton{display:inline-flex}.main,.pos{padding:16px 16px 80px}.posgrid{grid-template-columns:1fr}.mobileCartFloatingBar{display:flex}.cart{min-height:auto;position:static}.productGrid{max-height:none}.heroFigure{font-size:32px}}@media (max-width:600px){.statGrid8{grid-template-columns:1fr 1fr;gap:10px}.statCard8{padding:12px}.statValue8{font-size:17px}.heroCard .heroBody{padding:18px 16px}.heroFigure{font-size:28px}.hideOnMobile{display:none!important}.formGrid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar input,.toolbar select{min-width:100%}.productGrid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:420px){.hideOnTiny{display:none!important}.statGrid8{grid-template-columns:1fr}}.receiptSlip{color:#000;box-sizing:border-box;background:#fff;border:1px dashed #ccc;border-radius:8px;width:100%;max-width:380px;margin:0 auto;padding:16px 12px;font-family:Courier New,Courier,monospace,sans-serif;font-size:12px;line-height:1.4}.receiptHeader{text-align:center;margin-bottom:8px}.receiptBrand{letter-spacing:.1em;font-size:20px;font-weight:900}.receiptSub{color:#444;font-size:11px}.receiptStore{margin-top:2px;font-size:12px;font-weight:700}.receiptDivider{border-top:1px dashed #888;margin:8px 0}.receiptMeta{flex-direction:column;gap:3px;font-size:12px;display:flex}.receiptMetaRow{justify-content:space-between;display:flex}.receiptItems{flex-direction:column;gap:6px;display:flex}.receiptItemsHeader{text-transform:uppercase;border-bottom:1px solid #000;justify-content:space-between;padding-bottom:3px;font-size:11px;font-weight:700;display:flex}.receiptItemRow{flex-direction:column;gap:1px;display:flex}.receiptItemName{word-break:break-word;font-weight:700}.receiptItemCalc{justify-content:space-between;font-size:11px;display:flex}.receiptItemSku{color:#444}.receiptItemDisc{color:#666;font-size:11px;font-style:italic}.receiptTotals{flex-direction:column;gap:4px;font-size:12px;display:flex}.receiptTotalRow{justify-content:space-between;display:flex}.receiptTotalRow.grandTotal{border-top:1px solid #000;border-bottom:1px solid #000;margin:4px 0;padding:4px 0;font-size:14px;font-weight:900}.receiptTotalRow.subPay{padding-left:8px;font-size:11px}.receiptTotalRow.credit{color:#b3261e;border-top:1px dashed #000;padding-top:4px;font-weight:700}.receiptQr{flex-direction:column;align-items:center;margin:10px 0;display:flex}.receiptTxnId{color:#666;word-break:break-all;text-align:center;max-width:200px;margin-top:2px;font-size:9px}.receiptFooter{text-align:center;margin-top:6px;font-size:11px}.receiptSubFooter{color:#555;margin-top:2px;font-size:10px}@media print{@page{margin:0;size:80mm auto}body,html{color:#000!important;background:#fff!important;min-height:auto!important;margin:0!important;padding:0!important}body *{visibility:hidden}.no-print{display:none!important}#printableReceipt,#printableReceipt *,#printableLabelContainer,#printableLabelContainer *,#printableActSverka,#printableActSverka *{visibility:visible}#printableReceipt{position:absolute;top:0;left:0;width:78mm!important;max-width:78mm!important;box-shadow:none!important;border:none!important;margin:0!important;padding:4mm!important}#printableLabelContainer{position:absolute;top:0;left:0;background:0 0!important;width:100%!important;margin:0!important;padding:0!important}#printableActSverka{position:absolute;top:0;left:0;background:#fff!important;width:100%!important;margin:0!important;padding:10mm!important}.receiptModalContainer{box-shadow:none!important;background:0 0!important;border:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.modalBackdrop{background:0 0!important;padding:0!important;position:static!important}}