*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.app-sidebar{transition:all .2s cubic-bezier(.4,0,.2,1)}.app-sidebar .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.sidebar-brand{height:64px;display:flex;align-items:center;gap:12px;padding:0 16px;flex-shrink:0}.sidebar-brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #4f46e54d}.sidebar-brand-name{font-size:18px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.3px}.sidebar-brand-tagline{font-size:10px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;line-height:1}.sidebar-store-selector{margin:4px 12px 8px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.sidebar-store-selector:hover{background:#4f46e50a;border-color:#4f46e51f}.sidebar-store-icon{width:32px;height:32px;border-radius:8px;background:#4f46e514;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-section{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:4px}.sidebar-section-label{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.8px;padding:8px 20px 4px;text-transform:uppercase}.sidebar-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid #e2e8f0;background:#00000003}.sidebar-footer-logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto;opacity:.6}body.dark-mode .sidebar-footer{border-top-color:#27272a;background:#ffffff03}.app-sidebar .ant-menu-item,.ant-drawer .ant-menu-item{font-weight:500;transition:all .15s ease}.app-sidebar .ant-menu-submenu-title,.ant-drawer .ant-menu-submenu-title{font-weight:500}.app-sidebar .ant-menu-item-selected,.ant-drawer .ant-menu-item-selected{font-weight:600}.header-shortcut-badge{display:inline-flex;align-items:center;padding:1px 6px;font-size:11px;font-weight:500;border-radius:5px;background:#0000000a;border:1px solid rgba(0,0,0,.06);color:#94a3b8;margin-left:8px;line-height:18px}body.dark-mode .header-shortcut-badge{background:#ffffff0f;border-color:#ffffff14;color:#71717a}.header-user-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .15s ease}.header-user-trigger:hover{background:#00000008}body.dark-mode .header-user-trigger:hover{background:#ffffff0a}.header-user-info{text-align:left;line-height:1}.pos-fullscreen{height:100vh;display:flex;flex-direction:column;overflow:hidden}.pos-topbar{height:52px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.pos-main{flex:1;display:flex;overflow:hidden}.pos-products{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.pos-cart{width:400px;display:flex;flex-direction:column;border-left:1px solid #e2e8f0;background:#fff}.pos-shift-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-card{cursor:pointer;text-align:center;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;position:relative}.product-card .ant-card-cover{height:130px;overflow:hidden;background:#f8fafc}.product-card .ant-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover{box-shadow:0 8px 25px -5px #0000001a,0 4px 10px -6px #0000000f;transform:translateY(-2px)}.product-card:hover .ant-card-cover img{transform:scale(1.05)}.pos-mobile-toggle{position:fixed;bottom:24px;right:24px;z-index:100}.pos-mobile-toggle .ant-btn{box-shadow:0 8px 25px #4f46e54d}#receipt-print-area{position:fixed;left:-9999px}@media print{body>*:not(#receipt-print-area){display:none!important}#receipt-print-area{display:block!important;position:static!important;left:auto!important;width:80mm;padding:4mm;font-size:12px;background:#fff!important;color:#000!important}#receipt-print-area *{color:#000!important;background:transparent!important}}.fab-container{position:fixed;bottom:76px;right:20px;z-index:100}.mobile-card-list{display:flex;flex-direction:column;gap:8px}.mobile-card-item{border-radius:12px;transition:box-shadow .2s ease}.mobile-card-item:active{background:#f8fafc}.mobile-card-item .ant-card-body{padding:14px!important}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.mobile-card-title{font-weight:600;font-size:14px}.mobile-card-extra{flex-shrink:0}.mobile-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.mobile-card-field{display:flex;flex-direction:column;padding:2px 0}.mobile-card-field-label{font-size:11px;color:#94a3b8;line-height:1.2;font-weight:500}.mobile-card-field-value{font-size:13px;line-height:1.4}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-around;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;color:#94a3b8;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.bottom-nav-item.active{color:#4f46e5}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:#4f46e5;border-radius:0 0 4px 4px}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{font-size:10px;margin-top:3px;line-height:1;font-weight:500}.bottom-nav-item:active{background:#4f46e50a}@media (max-width: 768px){.pos-main{flex-direction:column}.pos-cart{width:100%;border-left:none;flex:1;overflow-y:auto}.pos-products{padding:12px}.pos-topbar{height:48px;padding:0 12px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.product-card .ant-card-cover{height:100px}.product-card .ant-card-body{padding:8px!important}.product-card:hover{transform:none}.pos-shift-screen .ant-card{width:100%!important;max-width:420px}.ant-layout-content>div{padding:12px!important}.ant-table-wrapper{overflow-x:auto}.ant-modal{max-width:100vw!important;margin:0!important;top:0!important;padding:0!important}.ant-modal .ant-modal-content{border-radius:0!important;min-height:100vh;display:flex;flex-direction:column}.ant-modal .ant-modal-body{flex:1;overflow-y:auto}.ant-modal .ant-modal-header{position:sticky;top:0;z-index:1}.ant-modal .ant-modal-footer{position:sticky;bottom:0;border-top:1px solid #e2e8f0}.ant-drawer .ant-drawer-content-wrapper{max-width:85vw!important}.ant-form-item{margin-bottom:14px}.ant-descriptions-item-label,.ant-descriptions-item-content{padding:8px 10px!important;font-size:13px}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:20px!important}.ant-modal .ant-table-wrapper{overflow-x:auto}.ant-modal .ant-table{min-width:auto}h3{font-size:16px!important}.ant-form-item-label{padding-bottom:2px!important}.ant-btn{min-height:32px}}@media (max-width: 375px){.product-grid{grid-template-columns:repeat(3,1fr);gap:6px}.product-card .ant-card-cover{height:75px}.product-card .ant-card-body{padding:6px!important;font-size:11px}}.product-image-box{width:100%;aspect-ratio:1;border:2px dashed #cbd5e1;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f8fafc;transition:border-color .2s ease}.product-image-box:hover{border-color:#4f46e5}.product-image-box-img{width:100%;height:100%;object-fit:cover}.product-image-box-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:0;opacity:0;transition:opacity .2s}.product-image-box:hover .product-image-box-actions{opacity:1}.product-image-box-btn{flex:1;border:none;padding:8px 0;font-size:11px;cursor:pointer;background:#0009;color:#fff;font-weight:500;transition:background .15s ease}.product-image-box-btn:hover{background:#000000bf}.product-image-box-btn-danger:hover{background:#dc2626d9}@media (max-width: 767px){.product-image-box-actions{opacity:1}}.cart-qty-btn{width:28px;height:28px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#475569;padding:0;line-height:1;transition:all .15s ease}.cart-qty-btn:hover{border-color:#4f46e5;color:#4f46e5}.cart-qty-btn:active{background:#eef2ff}.cart-qty-minus{border-radius:6px 0 0 6px}.cart-qty-plus{border-radius:0 6px 6px 0}.cart-qty-input{width:36px;min-width:36px;max-width:36px;height:28px;border:1px solid #e2e8f0;border-left:0;border-right:0;border-radius:0;text-align:center;font-size:13px;font-weight:500;outline:none;padding:0;box-sizing:border-box;flex:none;-moz-appearance:textfield}.cart-qty-input:focus{border-color:#4f46e5}.cart-qty-input::-webkit-inner-spin-button,.cart-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-qty-delete{margin-left:8px;border-radius:6px;border-color:#fca5a5;color:#dc2626;font-size:12px}.cart-qty-delete:active{background:#fef2f2}body.dark-mode .cart-qty-btn{background:#18181b;border-color:#3f3f46;color:#a1a1aa}body.dark-mode .cart-qty-btn:hover{border-color:#4f46e5;color:#818cf8}body.dark-mode .cart-qty-input{background:#18181b;border-color:#3f3f46;color:#e4e4e7}body.dark-mode .cart-qty-delete{border-color:#dc2626;color:#f87171;background:#18181b}@keyframes cart-item-flash{0%{background-color:#eef2ff}to{background-color:transparent}}.cart-item-flash{animation:cart-item-flash .6s ease-out}.top-loading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#4f46e5);background-size:200% 100%;animation:loading-bar-shimmer 1.5s infinite linear;z-index:9999;transition:width .3s ease;border-radius:0 2px 2px 0}@keyframes loading-bar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:page-fade-in .2s ease-out}.ant-card{transition:box-shadow .2s ease,transform .2s ease}.ant-card:not(.ant-card-bordered){box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #0000000a}.stat-card{position:relative;overflow:hidden;border:none}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.stat-card-revenue:before{background:linear-gradient(90deg,#059669,#34d399)}.stat-card-orders:before{background:linear-gradient(90deg,#4f46e5,#818cf8)}.stat-card-profit:before{background:linear-gradient(90deg,#059669,#6ee7b7)}.stat-card-avg:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.stat-card-products:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.stat-card-customers:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card-warning:before{background:linear-gradient(90deg,#dc2626,#f87171)}.stat-card-pending:before{background:linear-gradient(90deg,#ea580c,#fb923c)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-mode ::-webkit-scrollbar-thumb{background:#3f3f46}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#52525b}.ant-table-wrapper .ant-table{border-radius:12px}.ant-table-thead>tr>th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px}body.dark-mode{background:#0f0f11}body.dark-mode .mobile-bottom-nav{background:#18181beb;border-top-color:#27272a}body.dark-mode .bottom-nav-item{color:#71717a}body.dark-mode .bottom-nav-item.active{color:#818cf8}body.dark-mode .bottom-nav-item.active:before{background:#818cf8}body.dark-mode .bottom-nav-item:active{background:#818cf80f}body.dark-mode .pos-topbar{background:#18181b;border-bottom-color:#27272a}body.dark-mode .pos-shift-screen,body.dark-mode .pos-products{background:#0f0f11}body.dark-mode .pos-cart{background:#18181b;border-left-color:#27272a}body.dark-mode .sidebar-brand-tagline{color:#52525b}body.dark-mode .sidebar-store-selector:hover{background:#818cf80f;border-color:#818cf81f}body.dark-mode .sidebar-store-icon{background:#818cf81a}body.dark-mode .sidebar-section-label{color:#52525b}body.dark-mode .mobile-card-item:active{background:#1f1f23}body.dark-mode .mobile-card-header{border-bottom-color:#27272a}body.dark-mode .mobile-card-field-label{color:#52525b}body.dark-mode .product-image-box{border-color:#3f3f46;background:#18181b}body.dark-mode .product-image-box:hover{border-color:#818cf8}body.dark-mode .product-card .ant-card-cover{background:#18181b}.bottom-nav-item,.product-card,.mobile-card-item{-webkit-user-select:none;user-select:none}.product-card:active{transform:scale(.98);transition:transform .1s}#barcode-reader video{border-radius:0!important}#barcode-reader img[alt="Info icon"]{display:none}#barcode-reader__dashboard_section_csr button{background:#4f46e5!important;border:none!important;color:#fff!important;border-radius:8px!important;padding:8px 16px!important;cursor:pointer!important}#barcode-reader__dashboard_section_csr select{border-radius:6px!important;padding:4px 8px!important}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}body.dark-mode .skeleton-line{background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background-size:200px 100%}.ant-empty-description{color:#94a3b8}.store-picker-item:hover{background:#f8fafc}body.dark-mode .store-picker-item:hover{background:#ffffff08}.revenue-chart-bar{border-radius:6px 6px 0 0;transition:all .3s ease;position:relative}.revenue-chart-bar:hover{filter:brightness(1.1);box-shadow:0 -4px 12px #4f46e533}