:root,[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293bb3;--bg-glass-hover:#33415573;--bg-input:#0f172a99;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-success:#10b981;--accent-info:#3b82f6;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-purple:#8b5cf6;--border-color:#ffffff14;--border-focus:#3b82f680;--shadow-sm:0 2px 8px -1px #0000001a;--shadow-md:0 10px 25px -5px #0000004d;--shadow-lg:0 20px 40px -10px #0006}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fffc;--bg-glass-hover:#e2e8f099;--bg-input:#f1f5f9cc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-success:#059669;--accent-info:#2563eb;--accent-warning:#d97706;--accent-danger:#dc2626;--accent-purple:#7c3aed;--border-color:#00000014;--border-focus:#2563eb80;--shadow-sm:0 2px 8px -1px #0000000d;--shadow-md:0 10px 25px -5px #0000001a;--shadow-lg:0 20px 40px -10px #00000026}:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--sidebar-width:260px;--border-radius-lg:16px;--border-radius-md:10px;--border-radius-sm:6px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.glass-panel{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.for-date-range{z-index:99999}.glass-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background:#ffffff05;padding:1.25rem}.glass-card:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-container{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:9999;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.sidebar-logo img{object-fit:contain;width:auto;height:36px}.sidebar-logo span{font-family:var(--font-heading);background:linear-gradient(135deg, var(--text-primary), var(--accent-success));-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.35rem;list-style:none;display:flex}.sidebar-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.5rem .75rem;display:flex}.sidebar-search:focus-within{border-color:var(--accent-primary)}.sidebar-search input{min-width:0;color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.sidebar-search input::placeholder{color:var(--text-secondary)}.sidebar-search button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.sidebar-search button:hover{color:var(--text-primary)}.sidebar-search-empty{color:var(--text-secondary);text-align:center;opacity:.7;padding:.85rem 1rem;font-size:.78rem}.nav-badge{background:var(--accent-danger);color:#fff;text-align:center;border-radius:20px;flex-shrink:0;min-width:17px;margin-left:auto;padding:0 .4rem;font-size:.68rem;font-weight:700;line-height:17px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:.25rem;padding:.85rem 1rem .35rem;font-size:.7rem;font-weight:700}.sidebar-section-label:first-child{margin-top:0;padding-top:0}.sidebar-link{color:var(--text-secondary);border-radius:var(--border-radius-md);transition:var(--transition-fast);align-items:center;gap:.85rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link span:first-child{transition:transform var(--transition-fast);display:flex}.sidebar-link-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0d;padding-left:1.15rem}.sidebar-link:hover span:first-child{transform:scale(1.1)}.sidebar-link.active{border-left:3px solid var(--accent-success);color:var(--text-primary);background:linear-gradient(135deg,#10b98126,#3b82f60d);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-top:1.5rem;display:flex}.sidebar-toggle-actions{gap:.5rem;margin-top:1rem;display:flex}.user-badge{border-radius:var(--border-radius-md);align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--accent-success);border-radius:50%;flex-shrink:0;width:38px;min-width:38px;height:38px}.user-info h5{font-size:.9rem;font-weight:600}.user-info p{color:var(--text-secondary);font-size:.75rem}.app-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;min-width:0;padding:0 1.5rem 1.5rem;display:flex}@media screen and (width>=901px){.app-sidebar.icon-only{--sidebar-width:80px;width:80px;padding:1.5rem 0}.app-sidebar.icon-only .sidebar-logo span,.app-sidebar.icon-only .sidebar-welcome-text,.app-sidebar.icon-only .sidebar-link span:nth-child(2),.app-sidebar.icon-only .user-info h5,.app-sidebar.icon-only .user-info p{display:none}.app-sidebar.icon-only .sidebar-section-label{background:var(--border-color);opacity:1;width:28px;height:1px;margin:.6rem auto;padding:0;display:block;overflow:hidden}.app-sidebar.icon-only .sidebar-section-label span,.app-sidebar.icon-only .sidebar-section-label:first-child{display:none}.app-sidebar.icon-only .sidebar-toggle-actions{flex-direction:column;align-items:center}.app-sidebar.icon-only .sidebar-logo{justify-content:center;padding:.5rem 0}.app-sidebar.icon-only .sidebar-link{border-radius:12px;justify-content:center;align-items:center;gap:0;width:48px;height:48px;margin:0 auto;padding:0;position:relative}.app-sidebar.icon-only .sidebar-link .nav-badge{min-width:14px;box-shadow:0 0 0 2px var(--bg-primary);margin-left:0;padding:0 .3rem;font-size:.6rem;line-height:14px;position:absolute;top:2px;right:2px}.app-sidebar.icon-only .sidebar-link.active{color:var(--accent-success);background:linear-gradient(135deg,#10b98126,#3b82f60d);border-left:none;box-shadow:0 4px 12px #10b9811a}.app-sidebar.icon-only .sidebar-link span:first-child{margin:0;font-size:1.4rem}.app-sidebar.icon-only .user-badge{background:0 0;border:none;justify-content:center;padding:0}.app-sidebar.icon-only+.app-content{width:calc(100% - 80px);margin-left:80px}}.app-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.75rem 1rem;display:flex}.header-title h1{font-size:1.75rem;font-weight:700}.header-title p{color:var(--text-secondary);font-size:.85rem}.header-actions{align-items:center;gap:1rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.metric-card{flex-direction:column;justify-content:space-between;display:flex}.metric-icon{border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.25rem;display:flex}.metric-card.success .metric-icon{color:var(--accent-success);background:#10b98126}.metric-card.info .metric-icon{color:var(--accent-info);background:#3b82f626}.metric-card.warning .metric-icon{color:var(--accent-warning);background:#f59e0b26}.metric-card.danger .metric-icon{color:var(--accent-danger);background:#ef444426}.metric-card.purple .metric-icon{color:var(--accent-purple);background:#8b5cf626}.metric-value{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1.85rem;font-weight:700}.metric-trend{align-items:center;gap:.25rem;margin-top:.75rem;font-size:.75rem;display:flex}.metric-compare{border-top:1px solid var(--border-color);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.75rem;font-size:.78rem;display:flex}.metric-compare-value{color:var(--text-primary);font-weight:600}.delta-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.delta-badge.positive{color:var(--accent-success);background:#10b98126}.delta-badge.negative{color:var(--accent-danger);background:#ef444426}.delta-badge.neutral{background:var(--bg-secondary);color:var(--text-secondary)}.table-container{width:100%;max-width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table.table-sm td{padding:.5rem;font-size:.75rem}.custom-table th{color:var(--text-secondary);font-family:var(--font-heading);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em;padding:.85rem 1rem;font-size:.85rem;font-weight:600}.custom-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.85rem 1rem;font-size:.85rem}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background:#ffffff05}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);padding:.75rem 1rem;font-size:.9rem}select.form-input,select.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.75rem;font-weight:500}.form-input:focus,.form-textarea:focus{border-color:var(--accent-info);box-shadow:0 0 0 3px var(--border-focus);outline:none}select.form-input:hover,select.form-select:hover{border-color:var(--accent-info);background-color:var(--sidebar-hover,#ffffff05)}select.form-input:focus,select.form-select:focus{border-color:var(--accent-success);background:linear-gradient(135deg,#10b9810d,#3b82f60d);outline:none;box-shadow:0 0 0 3px #10b98126}input[type=number].form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].form-input{-moz-appearance:textfield}.btn{font-family:var(--font-heading);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;justify-content:center;align-self:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--accent-info), #2563eb);color:#fff}.btn-primary:hover{opacity:.92;box-shadow:0 4px 12px #3b82f64d}.btn-success{background:linear-gradient(135deg, var(--accent-success), #059669);color:#fff}.btn-success:hover{opacity:.92;box-shadow:0 4px 12px #10b9814d}.btn-danger{background:linear-gradient(135deg, var(--accent-danger), #dc2626);color:#fff}.btn-danger:hover{opacity:.92;box-shadow:0 4px 12px #ef44444d}.btn-warning{background:linear-gradient(135deg, var(--accent-warning), #d97706);color:#fff}.btn-warning:hover{opacity:.92;box-shadow:0 4px 12px #f59e0b4d}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.badge{border-radius:20px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--accent-success);background:#10b98126}.badge-info{color:var(--accent-info);background:#3b82f626}.badge-warning{color:var(--accent-warning);background:#f59e0b26}.badge-danger{color:var(--accent-danger);background:#ef444426}.badge-purple{color:var(--accent-purple);background:#8b5cf626}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.grid-pos{grid-template-columns:3fr 2fr;align-items:start;gap:1.5rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInOverlay;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--border-radius-lg);animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleUpModal;box-shadow:0 25px 50px -12px #00000080}[data-theme=light] .modal-content{background:#fff;box-shadow:0 25px 50px -12px #00000026}.modal-header{border-bottom:1px solid var(--border-color);background:0 0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-body{scrollbar-width:none;flex:1;padding:1.5rem;overflow:auto}.modal-body::-webkit-scrollbar{display:none}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.pos-search-wrapper{margin-bottom:1rem;position:relative}.pos-catalog{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;height:calc(100% - 100px);padding-right:.5rem;display:grid;overflow-y:auto}.pos-item-card{cursor:pointer;text-align:center;flex-direction:column;align-items:stretch;gap:.5rem;padding:.85rem;display:flex;position:relative;overflow:hidden}.pos-item-card img{border-radius:var(--border-radius-md);object-fit:cover;width:100%;height:110px;transition:var(--transition-normal);border:1px solid var(--border-color);background:#ffffff08}.pos-item-card:hover img{border-color:var(--accent-info);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.pos-item-placeholder{border-radius:var(--border-radius-md);width:100%;height:110px;transition:var(--transition-normal);border:1px dashed var(--border-color);background:#ffffff08;justify-content:center;align-items:center;font-size:38px;display:flex}.pos-item-card:hover .pos-item-placeholder{border-color:var(--accent-info);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.pos-cart{flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem;display:flex}.grid-pos>.pos-cart,.grid-pos>.pos-cart-container{height:calc(100vh - 3rem);position:sticky;top:1.5rem;overflow:hidden}.cart-items-list{flex-direction:column;flex-grow:1;gap:.75rem;margin-bottom:1.25rem;display:flex;overflow-y:auto}.cart-item{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.cart-totals{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.cart-row{justify-content:space-between;font-size:.9rem;display:flex}.cart-row.grand-total{color:var(--accent-success);border-top:1px dashed var(--border-color);margin-top:.5rem;padding-top:.5rem;font-size:1.2rem;font-weight:700}.chart-svg{width:100%;height:100%}.chart-bar{transition:transform var(--transition-normal)}.chart-bar:hover{fill-opacity:.85}.chart-line{fill:none;stroke-width:3px;stroke-linecap:round}.alert-banner{border-radius:var(--border-radius-md);animation:slideDown var(--transition-normal);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.85rem 1.25rem;font-weight:500;display:flex}.alert-banner.warning{color:#fca5a5;background:#f59e0b26;border:1px solid #f59e0b4d}.alert-banner.danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.custom-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem 1.5rem;font-size:.95rem}.custom-table th{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.75rem 1.5rem;font-size:.75rem}.custom-table tbody tr:last-child th,.custom-table tbody tr:last-child td{border-bottom:none}.custom-table th:first-child,.custom-table td:first-child{text-align:center;padding-right:.5rem}.tabs-header{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;padding:.75rem 1.25rem;font-weight:600;position:relative}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";background:var(--accent-info);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs-header.catalog-tabs{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.tabs-header.catalog-tabs::-webkit-scrollbar{display:none}.tabs-header.catalog-tabs .tab-btn{white-space:nowrap;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-uploader{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);text-align:center;cursor:pointer;transition:var(--transition-fast);padding:1.5rem}.image-uploader:hover{border-color:var(--accent-info);background:var(--bg-glass-hover)}@media print{@page{margin:0}body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important;font-size:12px!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-corner{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-thumb{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-track{background:0 0!important;width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.app-sidebar,.app-header,.btn,.header-actions,.pos-catalog,.pos-search-wrapper,.pos-cart,.grid-pos,.toast-container,.modal-overlay:not(.print-modal),.alert-banner,.tabs-header,.mobile-header-toggle,.confirm-overlay{display:none!important}.app-content{height:auto!important;min-height:0!important;margin-left:0!important;padding:0!important}.app-container{height:auto!important;min-height:0!important;display:block!important}.print-modal{top:0;left:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:999999!important;background:0 0!important;width:100%!important;padding:0!important;display:block!important;position:absolute!important}.print-modal .modal-content{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.glass-panel,.glass-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.custom-table th,.custom-table td{color:#000!important;border-bottom:1px solid #ddd!important}.custom-table tbody tr:last-child td{border-bottom:none!important}.print-only{background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.print-only.print-suppressed,.report-tab-print{display:none!important}.report-tab-print.print-show-tab{color:#000!important;padding:20px!important;display:block!important}.report-tab-print.print-show-tab .glass-card,.report-tab-print.print-show-tab .glass-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #ccc!important;margin-bottom:14px!important;padding:14px!important}.report-tab-print.print-show-tab .metrics-grid{gap:14px!important;margin-bottom:14px!important}.report-tab-print.print-show-tab table.custom-table th,.report-tab-print.print-show-tab table.custom-table td{padding:6px 8px!important}.report-tab-print.print-show-tab .metric-value,.report-tab-print.print-show-tab .metric-label,.report-tab-print.print-show-tab h3{color:#000!important}.print-hide{display:none!important}}.print-only{display:none}.premium-upload-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-input);text-align:center;cursor:pointer;transition:var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.premium-upload-zone:hover{border-color:var(--accent-info);background:var(--bg-glass-hover)}[data-theme=light] .premium-upload-zone{background:#f1f5f9cc;border-color:#94a3b866}[data-theme=light] .premium-upload-zone:hover{border-color:var(--accent-info);background:#3b82f614}.upload-icon{font-size:2.2rem;animation:3s ease-in-out infinite bounceSlow}.upload-text{color:var(--text-secondary);font-size:.85rem}.upload-text strong{color:var(--accent-info)}.upload-preview-frame{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.upload-preview-frame img{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);max-height:110px;box-shadow:var(--shadow-md);object-fit:contain}.upload-preview-avatar img{object-fit:cover;border:2px solid var(--accent-success);width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:50%}.upload-overlay{opacity:0;transition:var(--transition-fast);color:#fff;border-radius:var(--border-radius-sm);background:#0f172acc;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.premium-upload-zone:hover .upload-overlay{opacity:1}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.table-img-container{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:38px;height:38px;transition:var(--transition-normal);box-shadow:var(--shadow-sm);background:#ffffff05;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.table-img-container img{object-fit:cover;width:100%;height:100%;transition:var(--transition-fast)}.table-img-container:hover{border-color:var(--accent-info);box-shadow:0 0 8px #3b82f633}.table-img-container:hover img{transform:scale(1.1)}.table-avatar-container{border:2px solid var(--accent-success);width:38px;height:38px;box-shadow:var(--shadow-sm);transition:var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.table-avatar-container img{object-fit:cover;width:100%;height:100%}.table-avatar-container:hover{transform:scale(1.05);box-shadow:0 0 10px #10b9814d}.doc-badge{border-radius:var(--border-radius-sm);color:var(--accent-info);transition:var(--transition-fast);cursor:pointer;background:#3b82f61a;border:1px solid #3b82f633;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.doc-badge:hover{border-color:var(--accent-info);background:#3b82f633;box-shadow:0 2px 6px #3b82f633}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.custom-toast{border:1px solid var(--border-color);border-radius:var(--border-radius-md);min-width:280px;max-width:400px;box-shadow:var(--shadow-lg);background:#1e293b;align-items:center;gap:.75rem;padding:.85rem 1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards slideInToast;display:flex;transform:translate(120%)}.custom-toast.success{border-left:4px solid var(--accent-success)}.custom-toast.error{border-left:4px solid var(--accent-danger)}.custom-toast.warning{border-left:4px solid var(--accent-warning)}.custom-toast.info{border-left:4px solid var(--accent-info)}.toast-icon{font-size:1.25rem}.toast-message{color:var(--text-primary);font-size:.85rem;font-weight:500}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes slideInToast{to{transform:translate(0)}}.confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;width:90%;max-width:400px;padding:1.5rem 1.75rem;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scaleInModal}.confirm-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.confirm-body{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.4}.confirm-buttons{justify-content:center;gap:.75rem;display:flex}@keyframes scaleInModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdownOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.97)}}.notif-dropdown{transform-origin:100% 0}.notif-dropdown-in{animation:.18s cubic-bezier(.4,0,.2,1) forwards dropdownIn}.notif-dropdown-out{animation:.15s cubic-bezier(.4,0,.2,1) forwards dropdownOut}.modern-checkbox{appearance:none;border:2px solid var(--border-focus);cursor:pointer;width:18px;height:18px;transition:var(--transition-fast);vertical-align:middle;background:0 0;border-radius:4px;outline:none;margin:0 auto;padding:0;display:inline-block;position:relative}.modern-checkbox:checked{background:var(--accent-info);border-color:var(--accent-info)}.modern-checkbox:checked:after{content:"";border:solid var(--bg-primary);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.modern-checkbox.circle-checkbox{border-radius:50%}.modern-checkbox.circle-checkbox:checked:after{width:5px;height:10px;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}[data-theme=light] .custom-toast{background:#fff;border:1px solid #0000001a;box-shadow:0 8px 30px #0000001f}.modern-toggle{appearance:none;cursor:pointer;border:1px solid var(--border-color);background:#ffffff1a;border-radius:20px;outline:none;flex-shrink:0;width:40px;height:24px;transition:background .3s,border-color .3s;position:relative}.modern-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.modern-toggle:checked{background:var(--accent-info);border-color:var(--accent-info)}.modern-toggle.success:checked{background:var(--accent-success);border-color:var(--accent-success)}.modern-toggle:checked:after{transform:translate(16px)}.mobile-header-toggle{display:none}.hide-on-mobile{display:flex}@media screen and (width<=900px){.app-sidebar{transition:transform .3s ease-in-out;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0);box-shadow:5px 0 25px #00000080}.app-content{padding:1rem;width:100%!important;margin-left:0!important}.hide-on-mobile{display:none!important}.mobile-header-toggle{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:#ffffff08;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 1rem;display:flex!important}.header-section{flex-direction:column;align-items:stretch!important}.header-actions{justify-content:space-between;width:100%;margin-top:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.grid-pos{grid-template-columns:1fr;gap:1rem;height:auto}.metrics-grid{grid-template-columns:repeat(2,1fr)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.custom-table{min-width:700px}.modal-content{max-height:92vh;margin:1rem;width:95vw!important;max-width:none!important}.app-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.25rem 0}.header-title h1{font-size:1.4rem}.header-actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;margin-top:0}.admin-topbar-greeting,.admin-topbar-pill-label{display:none}.pos-catalog{height:65vh;min-height:320px}.pos-cart,.pos-cart-container{height:auto;max-height:65vh;position:static}.grid-pos>.glass-panel{height:auto!important}.custom-table td,.custom-table th{padding:.65rem .75rem;font-size:.82rem}.toast-container{left:.75rem;right:.75rem}.custom-toast{width:100%;min-width:0;max-width:none}.bulk-action-bar{border-radius:var(--border-radius-md)!important;bottom:1rem!important;left:1rem!important;right:1rem!important;transform:none!important}.modern-kpis{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=480px){.app-content{padding:.75rem}.header-title h1{font-size:1.1rem}.metrics-grid,.modern-kpis{grid-template-columns:1fr}.metric-value,.modern-kpi-value{font-size:1.45rem}.btn{padding:.55rem .85rem;font-size:.82rem}.pos-catalog{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));height:55vh;min-height:280px}.pos-cart{max-height:55vh}.form-input,.form-select,.form-textarea{font-size:16px}.modal-content{width:calc(100vw - 1rem)!important;margin:.5rem!important}.modal-header,.modal-body{padding:1rem}.badge{padding:.2rem .5rem;font-size:.68rem}.toast-container{top:.75rem;left:.5rem;right:.5rem}.inventory-card-grid,.contact-card-grid{grid-template-columns:1fr}.auth-panel{padding:1.5rem!important}.checkout-modal-grid{grid-template-columns:1fr!important}}.checkout-modal-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}@media screen and (width<=700px){.checkout-modal-grid{grid-template-columns:1fr}}.inventory-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;padding:1rem 0;display:grid}.inventory-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.inventory-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.inventory-card-img{background:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.inventory-card-img img{object-fit:cover;width:100%;height:100%}.inventory-card-status-ribbon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.inventory-card-body{flex-direction:column;flex-grow:1;gap:.6rem;padding:1rem 1.1rem;display:flex}.inventory-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.inventory-card-sku{color:var(--text-secondary);background:var(--bg-primary);border-radius:4px;width:fit-content;padding:.15rem .5rem;font-family:monospace;font-size:.75rem}.inventory-stock-bar{flex-direction:column;gap:.35rem;display:flex}.inventory-stock-bar-track{background:#00000014;border-radius:999px;height:6px;overflow:hidden}[data-theme=dark] .inventory-stock-bar-track{background:#ffffff14}.inventory-stock-bar-fill{height:100%;transition:width var(--transition-normal);border-radius:999px}.inventory-stock-bar-label{color:var(--text-secondary);justify-content:space-between;gap:.5rem;font-size:.7rem;display:flex}.inventory-card-price-row{border-radius:var(--border-radius-sm);background:#0000000d;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:auto;padding:.6rem .75rem;display:grid}[data-theme=dark] .inventory-card-price-row{background:#ffffff0d}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.metric-value{color:var(--text-primary);font-size:1rem;font-weight:700}.inventory-card-footer{border-top:1px solid var(--border-color);flex-shrink:0;display:flex}.inventory-card-footer>*{flex:1;justify-content:center}.inventory-card-footer>:not(:last-child){border-right:1px solid var(--border-color)}.inventory-card-checkbox{z-index:10;background:var(--bg-secondary);border-radius:4px;padding:2px;position:absolute;top:10px;left:10px;box-shadow:0 2px 4px #0000001a}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-menu{-ms-overflow-style:none;scrollbar-width:none}.contact-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:1rem 0;display:grid}.contact-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.contact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-card-checkbox{z-index:10;background:var(--bg-secondary);border-radius:4px;padding:2px;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0000001a}.contact-card-header{align-items:flex-start;gap:.85rem;padding:1.1rem 1.1rem 0;display:flex}.contact-avatar{background:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact-info{flex-grow:1;min-width:0}.contact-info h4{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;padding-right:1.5rem;font-size:1rem;font-weight:600;overflow:hidden}.contact-card-meta{color:var(--text-secondary);flex-direction:column;gap:.2rem;margin-top:.35rem;font-size:.8rem;display:flex}.contact-card-meta span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;display:flex;overflow:hidden}.contact-card-body{flex-direction:column;flex-grow:1;gap:.75rem;padding:.85rem 1.1rem 1.1rem;display:flex}.contact-card-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.contact-card-balance{border-radius:var(--border-radius-sm);background:#0000000d;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding:.65rem .85rem;display:flex}[data-theme=dark] .contact-card-balance{background:#ffffff0d}.contact-card-footer{border-top:1px solid var(--border-color);display:flex}.contact-card-footer>*{flex:1;justify-content:center}.contact-card-footer>:not(:last-child){border-right:1px solid var(--border-color)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes live-pulse-ring{0%{opacity:1;box-shadow:0 0}70%{opacity:.4;box-shadow:0 0 0 6px #0000}to{opacity:1;box-shadow:0 0 #0000}}.scrollable-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);align-items:center;gap:.4rem;margin-bottom:2rem;padding:.4rem;display:flex;position:relative}.scrollable-tabs-track{scroll-behavior:smooth;scrollbar-width:none;gap:.35rem;display:flex;position:relative;overflow-x:auto}.scrollable-tabs-track::-webkit-scrollbar{display:none}.scrollable-tab-indicator{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-info));box-shadow:var(--shadow-sm);z-index:0;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.scrollable-tab{z-index:1;white-space:nowrap;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.92rem;font-weight:600;display:flex;position:relative}.scrollable-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.scrollable-tab.active{color:#fff}.scrollable-tabs-arrow{border:1px solid var(--border-color);background:var(--bg-primary);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scrollable-tabs-arrow:hover{color:var(--accent-primary);border-color:var(--accent-primary)}@media (width<=640px){.scrollable-tab{padding:.55rem .9rem;font-size:.85rem}}.scrollable-tabs.no-margin{margin-bottom:0}@keyframes tabContentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.report-tab-print,.tab-fade-in{animation:.25s cubic-bezier(.4,0,.2,1) tabContentIn}.modern-kpis{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.modern-kpi-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem 1.5rem 0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.modern-kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.modern-kpi-title{color:var(--text-secondary);font-size:.85rem;font-weight:500}.modern-kpi-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modern-kpi-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-height:2.1rem;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;overflow:hidden}.modern-kpi-trend{align-items:center;gap:.25rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.modern-kpi-trend.positive{color:var(--accent-success)}.modern-kpi-trend.negative{color:var(--accent-danger)}.modern-kpi-trend.neutral{color:var(--text-secondary)}.modern-kpi-trend-text{color:var(--text-secondary);margin-left:.25rem}.modern-kpi-sparkline{margin:auto -1.5rem 0}@keyframes sparklineClipReveal{0%{width:0}to{width:100px}}.animate-sparkline-clip{animation:1.5s cubic-bezier(.25,1,.5,1) forwards sparklineClipReveal}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:.6s cubic-bezier(.25,1,.5,1) forwards slideUpFade}.animate-slide-up:first-child{animation-delay:.1s}.animate-slide-up:nth-child(2){animation-delay:.2s}.animate-slide-up:nth-child(3){animation-delay:.3s}.animate-slide-up:nth-child(4){animation-delay:.4s}.pagination-container{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.pagination-info{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.85rem;display:flex}.pagination-select-wrapper{align-items:center;gap:.5rem;display:flex}.pagination-select{background:var(--surface-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);outline:none;padding:.25rem .5rem;font-size:.85rem}.pagination-select:focus{border-color:var(--accent-primary)}.pagination-controls{align-items:center;gap:.75rem;display:flex}.pagination-btn{border:1px solid var(--border-color);background:var(--surface-primary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-secondary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page-info{color:var(--text-primary);font-size:.85rem;font-weight:500}.date-range-filter-container .date-range-popover{z-index:9999;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;width:max-content;margin-top:.5rem;position:absolute;top:100%;overflow:hidden;box-shadow:0 10px 30px #00000080}.date-range-popover.align-right{right:0}.date-range-popover.align-left{left:0}.rdrCalendarWrapper{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.rdrDateDisplayWrapper,.rdrDefinedRangesWrapper,.rdrMonthAndYearWrapper{background-color:var(--bg-primary)!important}.rdrMonthAndYearPickers select{color:var(--text-primary)!important;background-color:var(--bg-primary)!important}.rdrDayNumber span{color:var(--text-primary)!important}.rdrDayPassive .rdrDayNumber span{color:var(--text-muted)!important}.rdrDayToday .rdrDayNumber span{font-weight:700}.rdrDayToday .rdrDayNumber span:after{background:var(--accent-primary)!important}.rdrDayHovered,.rdrDayActive{border-radius:4px}.rdrDayInRange,.rdrDayStartEdge,.rdrDayEndEdge,.rdrDayStartOfMonth,.rdrDayEndOfMonth{background:#00d1b233!important}.rdrDayStartEdge,.rdrDayEndEdge,.rdrDayStartOfMonth,.rdrDayEndOfMonth{color:var(--text-primary)!important}.rdrDayStartEdge .rdrDayNumber span,.rdrDayEndEdge .rdrDayNumber span{color:#fff!important}.rdrDefinedRangesWrapper{border-right:1px solid var(--border-color)!important}.rdrStaticRange{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important}.rdrStaticRange:hover,.rdrStaticRangeSelected{background:var(--bg-secondary)!important}.rdrStaticRangeLabel{color:var(--text-primary)!important}.rdrInputRanges{display:none}.rdrDayStartEdge,.rdrDayEndEdge{background:var(--accent-primary)!important}.rdrMonths{border:none}@media (width<=768px){.rdrDateRangePickerWrapper{flex-direction:column;display:flex}.rdrDefinedRangesWrapper{width:100%;border-right:none!important;border-bottom:1px solid var(--border-color)!important}.rdrMonths{flex-direction:column}.date-range-popover{width:90vw;max-height:90vh;margin-top:0;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1000;pointer-events:none;background-color:#1e293b;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-5px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-tooltip]:after{content:"";opacity:0;visibility:hidden;z-index:1000;pointer-events:none;border:5px solid #0000;border-top-color:#1e293b;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(0)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible}[data-tooltip]:hover:before{transform:translate(-50%)translateY(-8px)}[data-tooltip]:hover:after{transform:translate(-50%)translateY(-3px)}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.delivery-map-destination-marker{filter:hue-rotate(130deg)saturate(1.3)}