@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary:#2563eb;--primary-hover:#1d4ed8;--success:#16a34a;--warning:#ea580c;--error:#dc2626;--dark:#111827;--muted:#6b7280;--border:#e5e7eb;--background:#f9fafb;--card:#ffffff;--light-blue:#eff6ff;--accent-blue:#dbeafe;--yellow:#facc15;--shadow:0 1px 3px 0 rgba(0,0,0,0.05),0 1px 2px -1px rgba(0,0,0,0.05);--shadow-lg:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.01);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius:6px;--radius-lg:8px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);background-color:var(--background);color:var(--dark);overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mobile-navbar,.sidebar-close-btn{display:none}.pos-sidebar{width:240px;background-color:#ffffff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.pos-sidebar.collapsed{width:68px}.sidebar-header-profile{display:flex;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;padding:12px 6px 16px;margin-bottom:20px;transition:padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.pos-sidebar.collapsed .sidebar-header-profile{padding:12px 4px;background-color:transparent;border-color:transparent}.sidebar-store-avatar{width:32px;height:32px;border-radius:6px;background-color:#ffffff;border:1px solid var(--border);color:var(--dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:none;overflow:hidden;transition:transform .3s ease}.sidebar-store-logo-img{width:100%;height:100%;object-fit:cover}.sidebar-store-meta{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0;opacity:1;max-width:180px;margin-left:10px;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),visibility .2s}.pos-sidebar.collapsed .sidebar-store-meta{opacity:0;max-width:0;margin-left:0;visibility:hidden;pointer-events:none}.sidebar-store-name{font-size:13px;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-employee-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sidebar-employee-name{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-role-badge{font-size:9px;font-weight:600;background-color:#f4f4f5;color:#71717a;border:1px solid var(--border);padding:.5px 4px;border-radius:4px;letter-spacing:.3px;text-transform:uppercase}.sidebar-collapse-edge-btn{position:absolute;right:-12px;top:24px;width:24px;height:24px;border-radius:6px;background-color:#ffffff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar-collapse-edge-btn:hover{background-color:var(--light-blue);color:var(--primary);border-color:var(--border);transform:scale(1.05)}.sidebar-collapse-edge-btn:active{transform:scale(.95)}.sidebar-nav-btn{display:flex;align-items:center;padding:8px 12px;border-radius:6px;border:none;background-color:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;position:relative;width:100%;text-align:left}.pos-sidebar.collapsed .sidebar-nav-btn{padding-right:12px}.sidebar-nav-btn:hover{background-color:#f4f4f5;color:var(--dark)}.sidebar-nav-btn.active{background-color:var(--light-blue);color:var(--primary)}.sidebar-nav-btn .nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .15s ease}.sidebar-nav-btn.active .nav-icon{color:var(--primary)}.sidebar-nav-btn:hover .nav-icon{transform:scale(1.02);color:var(--dark)}.sidebar-nav-btn .nav-label{opacity:1;max-width:160px;margin-left:10px;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),visibility .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-sidebar.collapsed .sidebar-nav-btn .nav-label{opacity:0;max-width:0;margin-left:0;visibility:hidden;pointer-events:none}.sidebar-nav-btn .cart-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background-color:var(--primary);color:#ffffff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;min-width:16px;text-align:center;border:none;transition:right .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.pos-sidebar.collapsed .sidebar-nav-btn .cart-badge{right:4px;top:4px;transform:translateY(0)}.sidebar-logout-btn,.sidebar-sync-btn{display:flex;align-items:center;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%;border:none;background-color:transparent;color:var(--muted)}.sidebar-logout-btn:hover,.sidebar-sync-btn:hover{background-color:#f4f4f5;color:var(--dark)}.pos-sidebar.collapsed .sidebar-logout-btn,.pos-sidebar.collapsed .sidebar-sync-btn{background-color:transparent;border-color:transparent}.sidebar-logout-btn .btn-icon,.sidebar-sync-btn .btn-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-logout-btn .btn-label,.sidebar-sync-btn .btn-label{opacity:1;max-width:130px;margin-left:10px;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),visibility .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-sidebar.collapsed .sidebar-logout-btn .btn-label,.pos-sidebar.collapsed .sidebar-sync-btn .btn-label{opacity:0;max-width:0;margin-left:0;visibility:hidden;pointer-events:none}.common-header{display:flex;justify-content:space-between;align-items:center;height:73px;padding:0 24px;background-color:#ffffff;border-bottom:1px solid var(--border);flex-shrink:0;z-index:10;box-sizing:border-box}.common-header-title{font-size:15px;font-weight:600;color:var(--dark);line-height:1.2}.common-header-subtitle{font-size:11px;color:var(--muted);margin-top:2px}.common-header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);background-color:var(--primary);color:#ffffff;border:none;font-weight:500;font-size:12px;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:background-color .15s,transform .1s ease}.common-header-btn:hover{background-color:var(--primary-hover)}.common-header-btn:active{transform:scale(.98)}.main-content{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;scrollbar-gutter:stable}@media (max-width:1023px){.mobile-navbar{height:64px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08);justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(15,23,42,.03)}.hamburger-btn,.mobile-navbar{display:flex;align-items:center}.hamburger-btn{border:none;background:rgba(37,99,235,.06);cursor:pointer;color:#1e3a8a;justify-content:center;padding:9px;border-radius:10px;transition:all .2s}.hamburger-btn:hover{background:rgba(37,99,235,.12)}.mobile-brand-group{display:flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}.mobile-brand-logo-image{height:64px;width:auto;object-fit:contain}.mobile-brand-text-block{display:flex;flex-direction:column;gap:0;line-height:1}.mobile-brand-shopbook{font-size:10px;font-weight:700;color:#2563eb;letter-spacing:.8px;text-transform:uppercase;line-height:1.1}.mobile-brand-minpos{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.3px;line-height:1.2}.mobile-sync-btn{display:flex;align-items:center;gap:5px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:20px;padding:6px 12px;cursor:pointer;color:#059669;font-size:11px;font-weight:600;transition:all .2s;white-space:nowrap}.mobile-sync-btn:hover{background:rgba(16,185,129,.15)}.mobile-sync-btn:active{transform:scale(.96)}.mobile-sync-btn.syncing{background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.25);color:#b45309}.mobile-sync-label{display:inline}@keyframes syncSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sync-icon-spin{animation:syncSpin 1.2s linear infinite}.mobile-sync-dot{cursor:pointer;padding:8px;border-radius:50%}.sync-dot-inner{width:10px;height:10px;border-radius:50%;background-color:var(--success);transition:background-color .3s}.sync-dot-inner.syncing{background-color:var(--warning);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.6}}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.pos-sidebar{position:fixed;top:0;bottom:0;left:-280px;width:280px;z-index:1000;box-shadow:var(--shadow-lg);border-right:none}.pos-sidebar.open{left:0}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--muted);padding:8px;border-radius:50%}.sidebar-close-btn:hover{background-color:#f3f4f6}.main-content{height:calc(100vh - 60px)}.hide-mobile{display:none!important}}.spin-anim{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-grid-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease!important}.product-grid-card:hover{box-shadow:0 12px 25px rgba(0,0,0,.08)!important;border-color:var(--accent-blue)!important}.product-grid-card img{transition:transform .5s cubic-bezier(.4,0,.2,1)!important}.product-grid-card:hover img{transform:scale(1.06)}.product-grid-card .plus-icon-badge{background-color:var(--primary)!important;transition:all .2s ease-in-out!important}.product-grid-card:hover .plus-icon-badge{transform:scale(1.05);background-color:var(--primary-hover)!important;box-shadow:0 4px 8px rgba(37,99,235,.25)}.product-grid-card:active .plus-icon-badge{transform:scale(.95)}@keyframes shimmerPulse{0%{background-color:#f3f4f6;opacity:.6}50%{background-color:#e5e7eb;opacity:1}to{background-color:#f3f4f6;opacity:.6}}.image-loading-placeholder{animation:shimmerPulse 1.5s ease-in-out infinite}.pos-catalog-card{transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out!important}.pos-catalog-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.06)!important;border-color:var(--accent-blue)!important}.pos-catalog-card img{transition:transform .4s ease!important}.pos-catalog-card:hover img{transform:scale(1.05)}.pos-catalog-card .product-add-btn{transition:all .2s ease-in-out!important}.pos-catalog-card:hover .product-add-btn{background-color:var(--primary-hover)!important}.history-table-row{transition:background-color .15s ease}.history-table-row:hover{background-color:var(--light-blue)!important}.mobile-view-blocker{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;text-align:center;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;top:0;left:0;z-index:99999}body.mobile-blocked .app-layout-wrapper{display:none!important}.mobile-blocker-card{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:36px 24px;box-shadow:0 20px 40px -15px rgba(15,23,42,.12);max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;box-sizing:border-box;animation:floatInBlocker .5s cubic-bezier(.16,1,.3,1)}@keyframes floatInBlocker{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-blocker-icon-container{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;position:relative;box-shadow:inset 0 2px 4px rgba(255,255,255,.8),0 6px 12px -3px rgba(37,99,235,.15)}.mobile-blocker-badge,.mobile-blocker-icon-container{display:flex;align-items:center;justify-content:center}.mobile-blocker-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#ffffff;border-radius:50%;width:22px;height:22px;border:2px solid #ffffff;box-shadow:0 2px 6px rgba(220,38,38,.25)}.mobile-blocker-title{font-size:19px;font-weight:800;color:#0f172a;letter-spacing:-.4px;margin:0;line-height:1.25}.mobile-blocker-desc{font-size:13.5px;color:#475569;line-height:1.55;margin:0}.mobile-blocker-divider{width:100%;height:1px;background:rgba(15,23,42,.08);margin:4px 0}.mobile-blocker-devices{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;box-sizing:border-box}.mobile-blocker-device-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.5);border:1px solid rgba(15,23,42,.04);box-sizing:border-box}.mobile-blocker-device-item.allowed{background:rgba(240,253,244,.6);border-color:rgba(34,197,94,.15)}.mobile-blocker-device-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff;border:1px solid rgba(15,23,42,.04);flex-shrink:0}.allowed .mobile-blocker-device-icon{color:#16a34a;border-color:rgba(34,197,94,.1)}.blocked .mobile-blocker-device-icon{color:#dc2626;border-color:rgba(220,38,38,.1)}.mobile-blocker-device-info{display:flex;flex-direction:column;gap:1px}.mobile-blocker-device-name{font-size:12.5px;font-weight:700;color:#0f172a}.mobile-blocker-device-status{font-size:10.5px;font-weight:600}.allowed .mobile-blocker-device-status{color:#15803d}.blocked .mobile-blocker-device-status{color:#b91c1c}.powered-by-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;margin-top:16px;opacity:1;max-width:200px;max-height:20px;visibility:visible;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1),visibility .2s;white-space:nowrap;overflow:hidden}.pos-sidebar.collapsed .powered-by-container{opacity:0;max-width:0;max-height:0;margin-top:0;visibility:hidden;pointer-events:none}.powered-by-text{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);opacity:.7}.powered-by-brand{font-size:10px;font-weight:600;color:var(--primary);letter-spacing:.3px;text-decoration:none;transition:color .15s ease}.powered-by-brand:hover{color:var(--primary-hover);text-decoration:underline}.back-btn-pill{display:inline-flex;align-items:center;gap:8px;background-color:#ffffff;border:1px solid var(--border);color:var(--dark)!important;font-weight:600;font-size:12px;padding:8px 14px;border-radius:8px;cursor:pointer;box-shadow:var(--shadow);transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.back-btn-pill:hover{background-color:#f3f4f6;color:var(--primary)!important;border-color:var(--border)}.back-btn-pill svg{transition:transform .2s ease}.back-btn-pill:hover svg{transform:translateX(-2px)}.action-btn-secondary{display:inline-flex;align-items:center;gap:6px;background-color:#ffffff;border:1px solid var(--border);color:var(--dark);font-weight:600;font-size:12px;padding:8px 14px;border-radius:8px;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease}.action-btn-secondary:hover{background-color:#f3f4f6;color:var(--primary);transform:translateY(-1px)}.action-btn-danger{display:inline-flex;align-items:center;gap:6px;background-color:#fef2f2;border:1px solid #fee2e2;color:var(--error);font-weight:600;font-size:12px;padding:8px 14px;border-radius:8px;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease}.action-btn-danger:hover{background-color:#fee2e2;border-color:#fecaca;transform:translateY(-1px)}@keyframes drawerSlideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.slide-in-right{animation:drawerSlideInRight .28s cubic-bezier(.16,1,.3,1) forwards;will-change:transform}.drawer-close-btn:hover{background-color:#f1f5f9;color:var(--dark);border-color:#cbd5e1}.drawer-scrollable-body::-webkit-scrollbar{width:5px}.drawer-scrollable-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.drawer-scrollable-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}