:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--grid-unit:8px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--fw-light:300;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#22c55e;--success-hover:#16a34a;--success-light:#f0fdf4;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#fffbeb;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-soft:0 10px 30px -10px #0000000a, 0 1px 3px 0 #00000005;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 20px 40px -15px #0000000f, 0 1px 3px 0 #00000003;--shadow-modal:0 25px 50px -12px #00000026;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-blur:12px;--font-heading:var(--font-sans);--font-body:var(--font-sans);--card-bg:var(--bg-secondary);--card-border:var(--border-color);--card-hover-border:var(--primary);--primary-glow:var(--primary-light);--text-main:var(--text-secondary);--text-muted:var(--text-tertiary);--text-dark:var(--text-tertiary);--text-bright:var(--text-primary)}body.dark-theme{--bg-primary:#090d16;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-hover:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#6b7280;--text-inverse:#090d16;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#3b82f61a;--success:#10b981;--success-hover:#34d399;--success-light:#10b9811a;--warning:#f59e0b;--warning-hover:#fbbf24;--warning-light:#f59e0b1a;--danger:#ef4444;--danger-hover:#f87171;--danger-light:#ef44441a;--border-color:#374151;--border-hover:#4b5563;--shadow-sm:0 1px 2px 0 #00000080;--shadow-soft:0 10px 30px -10px #00000059, 0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #00000026;--shadow-lg:0 20px 40px -15px #00000073, 0 1px 3px 0 #0003;--shadow-modal:0 25px 50px -12px #0009;--glass-bg:#111827b3;--glass-border:#ffffff0d;--glass-blur:16px;--font-heading:var(--font-sans);--font-body:var(--font-sans);--card-bg:var(--bg-secondary);--card-border:var(--border-color);--card-hover-border:var(--primary);--primary-glow:var(--primary-light);--text-main:var(--text-secondary);--text-muted:var(--text-tertiary);--text-dark:var(--text-tertiary);--text-bright:var(--text-primary)}*{box-sizing:border-box;font-family:var(--font-body);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}.app-container{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100vh;padding:2rem;display:flex;overflow:hidden auto}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.5rem}.panel:hover{border-color:#cbd5e1}.panel-interactive{cursor:pointer}.panel-interactive:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);font-size:.875rem;font-weight:500;font-family:var(--font-heading);margin-bottom:.5rem;display:block}.form-input{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);color:#000;width:100%;transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.925rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-dark)}.form-input:disabled{opacity:.6;cursor:not-allowed}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 4px 12px var(--primary-glow)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{box-shadow:0 4px 12px var(--success-glow);background:#1b5e20}.btn-danger{background:var(--danger);color:var(--text-main)}.btn-danger:hover{box-shadow:0 0 15px var(--danger-glow);background:#dc2626}.badge{border-radius:50px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:#1b5e20;background:#2e7d321f;border:1px solid #2e7d3240}.badge-warning{color:#b23c00;background:#ed6c021f;border:1px solid #ed6c0240}.badge-danger{color:#c62828;background:#d32f2f1f;border:1px solid #d32f2f40}.badge-info{color:#01579b;background:#0288d11f;border:1px solid #0288d140}.table-container{border-radius:var(--radius-md);border:1px solid var(--card-border);margin-top:1rem;overflow-x:auto}.app-table{border-collapse:collapse;text-align:left;background:var(--bg-secondary);width:100%}.app-table th{background:var(--bg-tertiary);font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border);padding:1rem;font-size:.85rem;font-weight:600}.app-table td{border-bottom:1px solid var(--card-border);color:var(--text-main);padding:1rem;font-size:.9rem}.app-table tbody tr{transition:background-color var(--transition-fast)}.app-table tbody tr:hover{background-color:#00000004}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-title{color:var(--text-bright);font-size:1.75rem}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--card-border);width:280px;height:100vh;transition:background-color var(--transition-normal), border-color var(--transition-normal), transform var(--transition-normal), opacity var(--transition-normal);z-index:100;flex-direction:column;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--card-border);align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.logo-text h2{color:#d32f2f;font-size:1.25rem;font-weight:800;line-height:1.1}.logo-text span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{color:#000;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:var(--primary);background:var(--bg-tertiary);padding-left:1.25rem}.nav-item.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 4px 12px var(--primary-glow);font-weight:600}.nav-item.active:hover{padding-left:1rem}.sidebar-footer{border-top:1px solid var(--card-border);flex-direction:column;gap:1rem;padding:1.5rem 1rem;display:flex}.user-profile{align-items:center;gap:.75rem;padding:.5rem;display:flex}.avatar{background:linear-gradient(135deg, var(--primary-hover), var(--primary));color:#fff;width:40px;height:40px;box-shadow:0 4px 10px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.user-info h4{color:var(--text-main);font-size:.9rem;font-weight:600}.role-tag{color:var(--primary);background:#00f2fe1a;border:1px solid #00f2fe26;border-radius:4px;margin-top:.15rem;padding:.15rem .4rem;font-size:.7rem;display:inline-block}.btn-logout{color:#f87171;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-family:var(--font-heading);transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;display:flex}.btn-logout:hover{background:var(--danger);color:#fff;box-shadow:0 0 15px var(--danger-glow)}.main-wrapper{background:var(--bg-primary);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden auto}.header{border-bottom:1px solid var(--card-border);background:var(--bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.header-search{width:300px;position:relative}.header-search input{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:all var(--transition-fast);outline:none;padding:.5rem 1rem .5rem 2.25rem;font-size:.85rem}.header-search input:focus{border-color:var(--primary);background:var(--bg-secondary)}.header-search .search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.header-right{align-items:center;gap:1.5rem;display:flex}.date-display{color:var(--text-muted);font-size:.85rem;font-weight:500}.login-container{background-color:var(--bg-primary);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#00f2fe14 0%,#4facfe08 50%,#0000 100%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);z-index:10;border-top:1px solid #ffffff26;padding:2.5rem 2rem;position:relative}.login-header{text-align:center;margin-bottom:2rem}.login-logo-circle{background:linear-gradient(135deg, var(--primary), var(--primary-hover));width:70px;height:70px;box-shadow:0 8px 24px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.login-logo-icon{color:#fff}.login-header h2{color:var(--text-bright);letter-spacing:.05em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.login-header p{color:var(--text-muted);font-size:.85rem}.login-form{flex-direction:column;display:flex}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-dark);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:2.75rem}.input-with-icon .form-input:focus+.input-icon{color:var(--primary)}.btn-block{width:100%;margin-top:1rem;padding:.85rem}.login-error{color:#f87171;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.login-footer{text-align:center;border-top:1px solid #ffffff08;margin-top:2rem;padding-top:1.25rem}.login-footer p{color:var(--text-dark);margin-bottom:.5rem;font-size:.75rem}.demo-accounts{justify-content:center;gap:1.5rem;font-size:.75rem;display:flex}.demo-accounts div{color:var(--text-muted)}.demo-accounts code{color:var(--primary);background:#ffffff0d;border-radius:4px;padding:.1rem .3rem;font-family:monospace}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.kpi-icon-wrapper{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.kpi-icon-wrapper.revenue{background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 4px 12px var(--primary-glow)}.kpi-icon-wrapper.profit{box-shadow:0 4px 12px var(--success-glow);background:linear-gradient(135deg,#2e7d32,#4caf50)}.kpi-icon-wrapper.sales{box-shadow:0 4px 12px var(--warning-glow);background:linear-gradient(135deg,#ed6c02,#ff9800)}.kpi-icon-wrapper.stock{box-shadow:0 4px 12px var(--info-glow);background:linear-gradient(135deg,#0288d1,#29b6f6)}.kpi-info{flex-direction:column;display:flex}.kpi-info span{color:var(--text-bright);font-size:.85rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:700}.kpi-info h3{color:var(--text-bright);font-size:1.5rem;font-weight:700}.kpi-info h3 .unit{color:var(--text-muted);font-size:.85rem;font-weight:400}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=992px){.dashboard-grid{grid-template-columns:1fr}}.panel-title-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.panel-title-row h3{color:var(--text-bright);font-size:1.1rem}.chart-panel h3{color:var(--text-bright);margin-bottom:1.5rem;font-size:1.1rem}.bar-chart{flex-direction:column;gap:1.25rem;display:flex}.chart-bar-row{align-items:center;gap:1rem;display:flex}.bar-label{width:140px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.bar-container{border:1px solid var(--card-border);background:#0b0f1966;border-radius:6px;flex:1;height:28px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-hover));border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:.75rem;transition:width 1s ease-in-out;display:flex;box-shadow:0 0 10px #00f2fe26}.bar-val-text{color:#0b0f19;font-size:.75rem;font-weight:700}.alert-panel{flex-direction:column;display:flex}.alert-list{flex-direction:column;gap:.75rem;max-height:250px;display:flex;overflow-y:auto}.alert-item{border:1px solid var(--card-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#0b0f194d;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.alert-item:hover{background:#ef44440d;border-color:#ef444433}.alert-icon{color:var(--danger);flex-shrink:0}.alert-details{flex:1}.alert-details h4{color:var(--text-bright);font-size:.85rem;font-weight:500}.alert-details span{color:var(--text-muted);font-size:.75rem}.empty-alert,.empty-state{font-size:.85rem}.pos-alert{border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.9rem;display:flex;position:relative}.pos-alert.success{background:var(--success-glow);color:#34d399;border:1px solid #10b98133}.pos-alert.danger{background:var(--danger-glow);color:#f87171;border:1px solid #ef444433}.btn-close-alert{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.25rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.btn-close-alert:hover{opacity:1}.pos-layout{grid-template-columns:1fr 400px;align-items:start;gap:1.5rem;display:grid}@media (width<=1200px){.pos-layout{grid-template-columns:1fr}}.pos-products-section{flex-direction:column;gap:1.5rem;display:flex}.pos-filter-panel{flex-direction:column;gap:1rem;display:flex}.pos-search-wrapper{position:relative}.pos-search-wrapper .search-icon{color:var(--text-dark);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.pos-search-wrapper input{padding-left:2.75rem}.category-scroll-list{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.category-chip{border:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem;font-family:var(--font-heading);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#131b2e80;border-radius:50px;padding:.5rem 1rem}.category-chip:hover{color:var(--primary);border-color:var(--primary)}.category-chip.active{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-color:#0000;font-weight:600}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.product-sale-card{cursor:pointer;transition:all var(--transition-normal);border-top:1px solid #ffffff0d;flex-direction:column;padding:1.25rem;display:flex}.product-sale-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.product-sale-card.disabled{opacity:.5;cursor:not-allowed}.product-sale-header{justify-content:space-between;margin-bottom:1rem;display:flex}.product-sale-title{color:var(--text-bright);margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.3}.product-sale-specs{color:var(--text-muted);margin-bottom:1.25rem;font-size:.75rem}.product-sale-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-sale-price{color:var(--primary);font-size:1.1rem;font-weight:700;font-family:var(--font-heading)}.btn-add-circle{background:var(--bg-tertiary);border:1px solid var(--card-border);width:32px;height:32px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.product-sale-card:hover .btn-add-circle{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow);border-color:#0000}.product-sale-image-placeholder{display:none}.product-sale-color-suffix{color:#f97316;margin-left:.5rem;font-size:.85rem;font-weight:500}.cart-panel-pos{flex-direction:column;max-height:calc(100vh - 120px);display:flex;position:sticky;top:90px}.cart-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.cart-header h3{color:var(--text-bright);font-size:1.15rem}.cart-items-list{flex-direction:column;flex:1;gap:1rem;min-height:200px;max-height:350px;padding-right:.25rem;display:flex;overflow-y:auto}.empty-cart-display{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-cart-icon{opacity:.3;color:var(--text-muted);margin-bottom:1rem}.empty-cart-display p{color:var(--text-bright);font-size:.95rem;font-weight:600}.empty-cart-display span{color:var(--text-dark);margin-top:.25rem;font-size:.75rem;display:block}.cart-item-card{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1rem}.cart-item-info{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.cart-item-details h4{color:var(--text-bright);font-size:.9rem;font-weight:500;line-height:1.3}.cart-item-price{color:var(--primary);font-size:.8rem;font-weight:600}.btn-remove-item{color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.25rem}.btn-remove-item:hover{color:var(--danger);background:#ef44441a}.cart-item-controls-row{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.quantity-controls{border:1px solid var(--card-border);background:#0b0f1999;border-radius:6px;align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.quantity-controls button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.quantity-controls button:hover{color:var(--primary)}.quantity-controls span{color:var(--text-bright);text-align:center;min-width:15px;font-size:.85rem;font-weight:600}.item-total-price{color:var(--text-bright);font-size:.9rem;font-weight:700;font-family:var(--font-heading)}.cart-item-imeis-section{border-top:1px dashed #ffffff0d;margin-top:.75rem;padding-top:.75rem}.imei-select-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem;display:block}.imei-slot-row{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.slot-num{color:var(--primary);font-family:monospace;font-size:.75rem}.imei-select-input{border-radius:6px;padding:.4rem .75rem;font-size:.8rem}.cart-divider{background:#ffffff0d;height:1px;margin:1.25rem 0}.pos-checkout-form{flex-direction:column;display:flex}.payment-method-toggle{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.payment-btn{border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);background:#0b0f1980;padding:.6rem;font-size:.85rem;font-weight:600}.payment-btn:hover{border-color:var(--text-dark)}.payment-btn.active{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary);box-shadow:0 0 10px #00f2fe0d}.cart-summary-total{justify-content:space-between;align-items:center;margin:1.5rem 0 1rem;display:flex}.cart-summary-total span{color:var(--text-muted);font-size:.85rem}.cart-summary-total .total-amount{color:var(--primary);font-size:1.4rem;font-weight:800;font-family:var(--font-heading);text-shadow:0 0 10px var(--primary-glow)}.btn-checkout{padding:.85rem;font-size:.95rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.invoice-receipt-modal{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:440px;color:var(--text-main);border-top:1.5px solid var(--primary);padding:2rem}.receipt-header{text-align:center;margin-bottom:1.5rem}.receipt-header h3{letter-spacing:.05em;font-size:1.3rem;font-weight:700}.receipt-header code{color:var(--primary);background:#00f2fe0d;border-radius:4px;padding:.1rem .4rem}.receipt-meta{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.825rem;display:flex}.receipt-divider{border-top:1px dashed #ffffff1f;height:1px;margin:1.25rem 0}.receipt-items{flex-direction:column;gap:.75rem;display:flex}.receipt-items-header{color:var(--text-dark);text-transform:uppercase;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.receipt-item-row{justify-content:space-between;align-items:flex-start;font-size:.85rem;display:flex}.receipt-item-row strong{color:var(--text-bright);font-weight:500;display:block}.receipt-imei-text{color:var(--text-muted);margin-top:.1rem;font-family:monospace;font-size:.75rem}.receipt-total-row{justify-content:space-between;align-items:center;font-size:1rem;display:flex}.receipt-total-row span{color:var(--text-muted);font-weight:700}.receipt-total-row strong{color:var(--primary);font-size:1.25rem}.receipt-footer{text-align:center;color:var(--text-dark);margin-top:1.5rem;font-size:.75rem}.modal-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.75rem;display:grid}.receipt-image-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c18ad;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.receipt-image-modal{width:min(680px,100%);max-height:min(94vh,980px);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #02061752}.receipt-image-modal__header{border-bottom:1px solid var(--border-color);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.receipt-image-modal__heading{align-items:center;gap:12px;min-width:0;display:flex}.receipt-image-modal__icon{width:42px;height:42px;color:var(--primary);background:var(--primary-light);border-radius:13px;flex:0 0 42px;justify-content:center;align-items:center;display:inline-flex}.receipt-image-modal__heading h2{margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}.receipt-image-modal__heading p{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.78rem;line-height:1.35;overflow:hidden}.receipt-image-modal__close{width:38px;height:38px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.receipt-image-stage{overscroll-behavior:contain;background:radial-gradient(circle at 20% 0,#2563eb14,#0000 36%),#e8edf4;flex:auto;min-height:300px;padding:24px;overflow:auto}.receipt-image-figure{width:min(420px,100%);margin:0 auto}.receipt-image-figure img{background:#fff;border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 18px 42px #0f172a33}.receipt-image-figure figcaption{color:#475569;justify-content:space-between;align-items:center;gap:12px;padding:11px 3px 0;font-size:.72rem;font-weight:600;display:flex}.receipt-image-figure figcaption span:first-child{color:#15803d;align-items:center;gap:5px;display:inline-flex}.receipt-image-state{color:#334155;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:300px;display:flex}.receipt-image-state strong{font-size:.95rem}.receipt-image-state span{color:#64748b;max-width:380px;font-size:.78rem}.receipt-image-state--error{color:var(--danger)}.receipt-image-spinner{animation:.85s linear infinite receipt-image-spin}@keyframes receipt-image-spin{to{transform:rotate(360deg)}}.receipt-image-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex:none;grid-template-columns:1.25fr 1fr auto;gap:9px;padding:14px 16px;display:grid}.receipt-image-extra-content{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex:0 auto;max-height:190px;padding:12px 16px;overflow:auto}.receipt-image-extra-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex:none;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;padding:12px 16px 0;display:grid}.receipt-image-extra-actions>*{width:100%}.receipt-image-printer-note{color:var(--warning);text-align:center;margin:-5px 16px 12px;font-size:.74rem}body.dark-theme .receipt-image-stage{background:radial-gradient(circle at 20% 0,#3b82f629,#0000 36%),#0b1220}body.dark-theme .receipt-image-figure figcaption,body.dark-theme .receipt-image-state{color:#cbd5e1}body.dark-theme .receipt-image-state span{color:#94a3b8}@media (width<=600px){.receipt-image-overlay{align-items:flex-end;padding:0}.receipt-image-modal{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-height:96svh}.receipt-image-modal__header{padding:14px 15px}.receipt-image-modal__icon{flex-basis:38px;width:38px;height:38px}.receipt-image-modal__heading p{max-width:230px}.receipt-image-stage{min-height:220px;padding:16px}.receipt-image-figure{width:min(360px,100%)}.receipt-image-figure figcaption{flex-direction:column;align-items:flex-start;gap:4px}.receipt-image-actions{grid-template-columns:1fr 1fr;padding:12px}.receipt-image-extra-content{max-height:165px;padding:10px 12px}.receipt-image-extra-actions{grid-template-columns:1fr;padding:10px 12px 0}.receipt-image-actions>:last-child{grid-column:1/-1}}.import-modal-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.text-right-desktop{text-align:right}@media (width<=600px){.import-modal-info-grid,.modal-actions{grid-template-columns:1fr;gap:.5rem}.text-right-desktop{text-align:left}}@media print{body *{visibility:hidden}.invoice-receipt-modal,.invoice-receipt-modal *{visibility:visible}.invoice-receipt-modal{width:100%;position:absolute;top:0;left:0}.modal-actions{display:none}}@media (width<=768px){.adder-row{flex-direction:column;align-items:stretch}}.import-item-row-card{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.btn-xs-generate{background:var(--primary-glow);color:var(--primary);border-color:#0066d626;border-radius:4px;gap:.35rem;padding:.3rem .6rem;font-size:.75rem}.imei-input-wrapper{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .5rem;display:flex}.imei-input-field{color:#000;background:0 0;padding:.35rem .5rem;font-size:.8rem;box-shadow:none!important;border:none!important}.history-imp-card{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:.75rem;padding:1rem}.history-imp-card:hover{border-color:var(--primary);background:var(--bg-tertiary)}.tab-toggle-box{border:1px solid var(--card-border);border-radius:var(--radius-md);background:#0b0f1980;padding:.25rem;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.tab-btn.active{background:var(--bg-tertiary);color:var(--primary);box-shadow:var(--shadow-sm)}.action-bar-panel{justify-content:space-between;align-items:center;gap:1rem;display:flex}.action-bar-left{align-items:center;gap:1rem;display:flex}.action-bar-left h3{color:var(--text-bright);font-size:1.1rem}.table-row-actions{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-table-action{cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.btn-table-action.edit{color:var(--primary);background:var(--primary-glow);border-color:#0066d61a}.btn-table-action.edit:hover{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.btn-table-action.delete{color:var(--danger);background:#ef44440d;border-color:#ef44441a}.btn-table-action.delete:hover{background:var(--danger);color:#fff;box-shadow:0 0 10px var(--danger-glow)}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=576px){.form-row-2,.form-row-3{grid-template-columns:1fr;gap:0}}.specs-fieldset{border:1px solid var(--card-border);border-radius:var(--radius-md);background:#0b0f1933;margin-bottom:1.25rem;padding:1.25rem}.specs-fieldset legend{font-size:.8rem;font-family:var(--font-heading);color:var(--primary);text-transform:uppercase;padding:0 .5rem;font-weight:600}.form-info-tip{border-radius:var(--radius-md);color:var(--text-muted);background:#00f2fe0a;border:1px solid #00f2fe1a;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;font-size:.75rem;line-height:1.4;display:flex}.form-info-tip strong{color:var(--primary)}.category-adder-form{flex-direction:column;display:flex}.category-form-buttons{margin-top:.5rem}.imei-search-form{align-items:center;gap:1rem;display:flex}.imei-lifecycle-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.imei-lifecycle-header span{color:var(--text-muted);font-size:.8rem}.imei-lifecycle-header h2{color:var(--text-bright);letter-spacing:.05em;margin-top:.25rem;font-family:monospace;font-size:1.5rem}.product-snapshot{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1rem 1.25rem}.product-snapshot h4{color:var(--text-bright);margin-bottom:.25rem;font-size:1.05rem}.product-snapshot .specs{color:var(--primary);font-size:.8rem}.vertical-timeline{padding-left:2.5rem;position:relative}.vertical-timeline:before{content:"";background:var(--bg-tertiary);width:2px;position:absolute;top:10px;bottom:10px;left:11px}.timeline-node{margin-bottom:2rem;position:relative}.timeline-node:last-child{margin-bottom:0}.timeline-icon{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex;position:absolute;top:4px;left:-2.5rem}.timeline-icon.import{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.timeline-icon.sale{background:var(--bg-tertiary);color:var(--text-dark);border:2px solid var(--card-border)}.timeline-icon.sale.active{background:var(--danger);color:#fff;box-shadow:0 0 10px var(--danger-glow);border-color:#0000}.timeline-content{border:1px solid var(--card-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff03;padding:1.25rem}.timeline-node:hover .timeline-content{background:#ffffff05;border-color:#ffffff1f}.node-title{color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-heading)}.node-date{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.node-details{color:var(--text-muted);border-top:1px dashed #ffffff0d;flex-direction:column;gap:.4rem;margin-top:.85rem;padding-top:.85rem;font-size:.85rem;display:flex}.node-details strong{color:#fff}.node-details.pending{color:var(--text-dark);border-top:none;padding-top:0}.imei-quick-list{flex-direction:column;gap:.5rem;display:flex}.imei-quick-item{border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#0b0f194d;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.imei-quick-item:hover{border-color:var(--text-dark);background:#ffffff05}.imei-quick-item.selected{border-color:var(--primary);background:#00f2fe0d;box-shadow:0 0 10px #00f2fe0d}.quick-item-left{flex-direction:column;display:flex}.quick-item-left strong{color:var(--text-bright);font-family:monospace;font-size:.9rem}.quick-item-left span{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.quick-item-right{align-items:center;gap:.5rem;display:flex}.quick-item-right .arrow-icon{color:var(--text-dark);transition:transform var(--transition-fast), color var(--transition-fast)}.imei-quick-item:hover .arrow-icon{color:var(--primary);transform:translate(3px)}.row-highlight{border-left:2px solid var(--primary);background-color:#00f2fe05!important}.current-user-dot{color:var(--primary);font-size:.8rem;font-style:italic}.simulated-receipt-preview{border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#000;background:#fff;padding:1.5rem;font-family:Courier New,Courier,monospace;position:relative}.sim-receipt-body{flex-direction:column;display:flex}.sim-receipt-header{text-align:center;margin-bottom:1rem}.sim-receipt-header h4{text-transform:uppercase;margin-bottom:.25rem;font-family:inherit;font-size:1.1rem;font-weight:700}.sim-receipt-header p{color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem}.sim-receipt-title{text-align:center;margin:.75rem 0}.sim-receipt-title h5{font-family:inherit;font-size:.95rem;font-weight:700}.sim-receipt-title span{color:var(--text-dark);font-size:.7rem}.sim-receipt-items{flex-direction:column;gap:.75rem;margin:.75rem 0;display:flex}.sim-item-row{justify-content:space-between;font-size:.8rem;display:flex}.sim-item-row strong{font-weight:600}.sim-item-row .imei{color:var(--text-muted);margin-top:.1rem;font-size:.7rem}.sim-receipt-total{justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.95rem;font-weight:700;display:flex}.sim-receipt-footer{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.75rem}.sim-receipt-footer p{margin-bottom:.25rem}.sim-receipt-footer .generator-tag{color:var(--text-dark);font-size:.65rem}.btn-sidebar-toggle{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:none}.btn-sidebar-toggle:hover{background-color:#0000000a}.btn-sidebar-close{color:var(--text-dark);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:none}.btn-sidebar-close:hover{background-color:#ffffff0d}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;background:#0009;position:fixed;inset:0}.floating-cart-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:none;position:fixed;bottom:24px;left:auto;right:24px;box-shadow:0 4px 15px #00f2fe66}.floating-cart-btn:active{transform:scale(.9)}.floating-cart-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.75rem;font-weight:700;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #0003}.btn-mobile-cart-close{color:var(--text-dark);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:none}@media (width<=768px){.header{gap:.5rem;padding:1rem}.date-display{display:none}.btn-sidebar-toggle{display:flex}.sidebar{z-index:200;width:280px;box-shadow:none;background-color:var(--bg-secondary);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0000001a}.btn-sidebar-close{color:var(--text-main);display:flex}.sidebar-logo{justify-content:space-between;width:100%}.main-content{padding:1rem}.pos-layout{grid-template-columns:1fr}.pos-page .page-header{margin-bottom:.5rem;padding:0}.pos-page .page-title{font-size:1.35rem}.pos-page .page-subtitle{display:none!important}.pos-page .panel{margin-bottom:.75rem;padding:.75rem}.pos-products-grid{flex-direction:column!important;gap:.5rem!important;padding:0 .75rem!important;display:flex!important}.product-sale-card{border-radius:var(--radius-lg)!important;border:1px solid var(--card-border)!important;text-align:left!important;min-height:unset!important;box-sizing:border-box!important;background:#fff!important;flex-direction:row!important;align-items:center!important;gap:.6rem!important;width:100%!important;max-width:100%!important;padding:.5rem!important;display:flex!important;position:relative!important}.product-sale-image-placeholder{background:var(--bg-tertiary)!important;border:1px solid var(--card-border)!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;font-size:1.25rem!important;display:flex!important}.product-sale-details-wrapper{flex-direction:column!important;flex:1!important;gap:.15rem!important;min-width:0!important;padding-right:120px!important;display:flex!important}.product-sale-header{order:unset!important;gap:.25rem!important;margin-bottom:0!important;display:flex!important}.product-sale-header .badge{border-radius:4px!important;padding:1px 4px!important;font-size:.6rem!important}.product-sale-title-row{text-overflow:ellipsis!important;white-space:nowrap!important;order:unset!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important}.product-sale-title{color:#000!important;margin:0!important;font-size:.85rem!important;font-weight:700!important;line-height:1.2!important;display:inline!important}.product-sale-color-suffix{color:#f97316!important;margin-left:.25rem!important;font-size:.75rem!important;font-weight:600!important;display:inline!important}.product-sale-footer{order:unset!important;border-top:none!important;align-items:center!important;gap:.4rem!important;margin-top:0!important;padding-top:0!important;display:flex!important;position:absolute!important;top:50%!important;right:.75rem!important;transform:translateY(-50%)!important}.product-sale-price{color:var(--primary)!important;font-size:.85rem!important;font-weight:700!important}.product-sale-footer .btn-add-circle{width:24px!important;height:24px!important}.category-scroll-list{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto!important}.category-scroll-list::-webkit-scrollbar{display:none!important}.pos-cart-section{z-index:200;width:100%;height:85vh;box-shadow:none;background:var(--card-bg);border-top:1px solid var(--card-border);border-radius:24px 24px 0 0;padding:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%);max-width:100%!important}.pos-cart-section.open{transform:translateY(0);box-shadow:0 -10px 40px #00000026}.cart-panel-pos{height:100%;overflow-y:auto}.btn-mobile-cart-close{display:flex}.floating-cart-btn{display:flex;bottom:80px!important}.floating-plus-btn{bottom:80px!important}.dashboard-stats,.dashboard-grid,.importer-split{grid-template-columns:1fr}.modal-content{width:95%;max-height:90vh;padding:1.5rem;overflow-y:auto}.tab-toggle-box{flex-wrap:wrap;gap:.25rem;width:100%}.tab-btn{text-align:center;white-space:nowrap;flex:1;min-width:90px;padding:.5rem;font-size:.8rem}.action-bar-panel{flex-direction:column;align-items:stretch;gap:.75rem}.action-bar-left{flex-wrap:wrap;gap:.5rem;width:100%}.action-bar-left h3{width:100%;margin-bottom:.25rem}.action-bar-left .badge{margin-right:.5rem;margin-left:0!important}.quick-lookup-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.quick-lookup-form button{width:100%}.customers-page .panel-title-row{flex-direction:column;align-items:stretch;gap:.75rem}.customers-page .panel-title-row .pos-search-wrapper{width:100%!important}.customers-page .app-table{min-width:600px}}.filter-bar-panel{padding:1rem}.filter-group-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-chips{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip-btn{background:var(--bg-primary);border:1px solid var(--card-border);color:var(--text-dark);cursor:pointer;transition:all var(--transition-normal);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.filter-chip-btn:hover{border-color:var(--primary);color:#fff}.filter-chip-btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 0 10px #00f2fe33}.custom-date-inputs{align-items:center;gap:.75rem;display:flex}.input-date-wrapper{align-items:center;display:flex;position:relative}.input-date-wrapper .input-icon{color:var(--text-dark);pointer-events:none;position:absolute;left:10px}.input-date-wrapper .form-input{width:150px;height:38px;padding-left:2rem;font-size:.85rem}.custom-bar-chart-container{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.custom-bar-chart-container::-webkit-scrollbar{height:6px}.custom-bar-chart-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.chart-bar-column{transition:transform .2s;position:relative}.chart-bar-column:hover{transform:translateY(-2px)}.chart-bar-column .bar-graphic{transition:height .3s}.category-report-list{scrollbar-width:none}@media print{body{color:#000!important;background:#fff!important}.sidebar,.header,.print-hidden,.floating-cart-btn,.sidebar-backdrop,.tab-toggle-box,.filter-bar-panel{display:none!important}.main-wrapper{margin-left:0!important}.main-content{padding:0!important}.panel{box-shadow:none!important;color:#000!important;background:#fff!important;border:1px solid #ccc!important}.print-only-header{display:block!important}.stat-card{color:#000!important;border:1px solid #ddd!important}.stat-card span,.stat-card h2,.stat-card div{color:#000!important}.app-table th{color:#000!important;background:#f5f5f5!important;border-bottom:2px solid #ddd!important}.app-table td{color:#333!important;border-bottom:1px solid #eee!important}.modal-overlay{z-index:9999!important;background:#fff!important;position:absolute!important}.invoice-receipt-modal{color:#000!important;box-shadow:none!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.invoice-receipt-modal *{color:#000!important}}.floating-plus-btn{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#007aff,#0056b3);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px #007aff66}.floating-plus-btn:hover{background:linear-gradient(135deg,#08f,#06c);transform:scale(1.05)}.floating-plus-btn:active{transform:scale(.95)}.receipt-imei-text{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}@media (width>=769px){.desktop-only{display:block!important}.mobile-only,.sidebar-backdrop,.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .user-info,.sidebar.collapsed .btn-logout span{display:none!important}.sidebar.collapsed .nav-item,.sidebar.collapsed .btn-logout{justify-content:center!important;padding:.75rem!important}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem!important}.sidebar.collapsed .user-profile{justify-content:center!important;gap:0!important}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.category-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.category-layout{grid-template-columns:1fr;gap:1.25rem}}.admin-layout{grid-template-columns:350px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.admin-layout{grid-template-columns:1fr;gap:1.25rem}}.bottom-nav{z-index:200;background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;height:65px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000008}.bottom-nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.65rem;font-weight:500;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--primary);font-weight:600}@media (width<=768px){body{padding-bottom:75px}.bottom-nav{display:flex}.btn-sidebar-toggle{display:none!important}.header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;height:75px!important;box-shadow:none!important;padding:0 1rem!important}}.mobile-profile-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-profile-left{align-items:center;gap:.75rem;display:flex}.mobile-profile-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:flex}.mobile-profile-info{flex-direction:column;display:flex}.mobile-profile-greeting{color:var(--text-bright);font-size:1.05rem;font-weight:800;line-height:1.2}.mobile-profile-date{color:var(--text-muted);margin-top:2px;font-size:.75rem}.mobile-profile-right{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mobile-profile-bell-badge{background-color:var(--danger);border:2px solid #fff;border-radius:50%;width:12px;height:12px;font-size:0;position:absolute;top:8px;right:8px}.kpi-card-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.kpi-card-colored-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-card-colored-icon.blue{color:#0066d6;background:#0066d614}.kpi-card-colored-icon.green{color:#2e7d32;background:#2e7d3214}.kpi-card-colored-icon.orange{color:#ed6c02;background:#ed6c0214}.kpi-card-colored-icon.purple{color:#9333ea;background:#9333ea14}.kpi-card-sparkline-svg{pointer-events:none;opacity:.8;width:80px;height:35px;position:absolute;bottom:8px;right:12px}.kpi-card-trend-text{align-items:center;gap:3px;margin-top:.4rem;font-size:.7rem;font-weight:600;display:flex}.kpi-card-trend-text.up{color:#2e7d32}.kpi-card-trend-text.down{color:#d32f2f}.chart-container-svg{width:100%;margin-top:1rem;position:relative}.quick-actions-bar{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:#fff;justify-content:space-around;align-items:center;margin-bottom:1.25rem;padding:1rem;display:flex}.quick-action-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;transition:transform .15s;display:flex}.quick-action-btn:active{transform:scale(.95)}.quick-action-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.quick-action-circle.blue{background:#0066d6}.quick-action-circle.green{background:#2e7d32}.quick-action-circle.purple{background:#9333ea}.quick-action-circle.orange{background:#ed6c02}.quick-action-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.product-adder-box{border:1px dashed var(--card-border);border-radius:var(--radius-md);background:#ffffff05;margin-top:1rem;padding:1.25rem}.product-adder-box h4{color:var(--primary);margin-bottom:1rem;font-size:.9rem}.adder-row{align-items:flex-end;gap:1rem;display:flex}@media (width<=768px){.adder-row{flex-direction:column;align-items:stretch}}.flex-1{flex:1}.flex-2{flex:2}.btn-add-item-list{height:42px;margin-bottom:1.25rem;padding:0 1.5rem}.import-items-container{margin-top:1.75rem}.import-items-container h4{color:#fff;border-left:3px solid var(--primary);margin-bottom:1rem;padding-left:.5rem;font-size:.95rem}.import-items-list{flex-direction:column;gap:1rem;display:flex}.import-item-row-card{border:1px solid var(--card-border);border-radius:var(--radius-md);background:#0b0f194d;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.item-meta-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.item-name-block h5{color:#fff;margin-bottom:.25rem;font-size:.95rem}.item-price-block{color:var(--text-muted);gap:1.5rem;font-size:.85rem;display:flex}.item-price-block strong{color:#fff}.import-imei-slots-box{background:#0b0f1980;border:1px solid #ffffff08;border-radius:8px;padding:1rem}.imei-slots-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.imei-slots-header span{color:var(--text-muted);font-size:.75rem}.btn-xs-generate{color:var(--primary);background:#00f2fe14;border-color:#00f2fe26;border-radius:4px;gap:.35rem;padding:.3rem .6rem;font-size:.75rem}.btn-xs-generate:hover{background:var(--primary);color:#0b0f19}.imei-inputs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.imei-input-wrapper{border:1px solid var(--card-border);background:#0b0f194d;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .5rem;display:flex}.imei-index{color:var(--text-dark);font-family:monospace;font-size:.7rem}.imei-input-field{background:0 0;padding:.35rem .5rem;font-size:.8rem;box-shadow:none!important;border:none!important}.import-footer-row{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.import-total-summary span{color:var(--text-muted);font-size:.8rem}.import-total-summary h3{color:var(--primary);text-shadow:0 0 10px var(--primary-glow);font-size:1.5rem}.history-imp-card{border:1px solid var(--card-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#0b0f194d;margin-bottom:.75rem;padding:1rem}.history-imp-card:hover{background:#0b0f1966;border-color:#ffffff1f}.history-imp-header{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.history-imp-header code{color:var(--primary)}.history-imp-supplier{color:#fff;margin-bottom:.5rem;font-size:.85rem}.history-imp-details{color:var(--text-muted);border-top:1px dashed #ffffff0d;justify-content:space-between;margin-bottom:.5rem;padding-top:.5rem;font-size:.8rem;display:flex}.history-imp-details strong{color:var(--primary)}.history-imp-footer{color:var(--text-dark);font-size:.75rem}@media (width<=768px){.main-wrapper{width:100%!important;height:auto!important;min-height:100vh!important;margin-left:0!important;overflow:visible!important}.main-content{padding:14px!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;height:auto!important;min-height:calc(100vh - 60px)!important;overflow-y:auto!important}.header-layout{padding-top:env(safe-area-inset-top,0px)!important;height:calc(60px + env(safe-area-inset-top,0px))!important}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(60px + env(safe-area-inset-bottom,0px))!important}.dashboard-active-mobile .header-layout,.dashboard-active-mobile .sidebar{display:none!important}.dashboard-active-mobile .main-content{padding:0!important;padding-top:env(safe-area-inset-top,0px)!important;height:auto!important;min-height:100vh!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;background-color:#f6f8fc!important;overflow-y:auto!important}.dashboard-active-mobile .main-wrapper{background-color:#f6f8fc!important;width:100%!important;margin-left:0!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (width<=768px){input,select,textarea,.input-ui,.form-control{font-size:16px!important}}