:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #04060a;--bg-secondary: #080c14;--bg-card: rgba(8, 12, 20, .75);--bg-card-hover: rgba(16, 24, 40, .8);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(236, 72, 153, .5);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #f97316;--accent-glow: rgba(236, 72, 153, .15);--accent-secondary: #ec4899;--accent-gradient: linear-gradient(135deg, #ec4899 0%, #f97316 40%, #eab308 70%, #8b5cf6 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #06b6d4;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(236, 72, 153, .25);--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(236,72,153,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(59,130,246,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(249,115,22,.04) 0px,transparent 65%);background-attachment:fixed}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1650px;width:100%;margin:0 auto;padding:1.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.brand-section{display:flex;align-items:center;gap:.75rem}.brand-logo{font-size:2rem;animation:pulse-glow 2s infinite alternate}.brand-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-transform:uppercase}.brand-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.header-actions{display:flex;align-items:center;gap:1rem}.sync-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);background:#ffffff08;padding:.5rem .75rem;border-radius:var(--border-radius-full);border:1px solid var(--border-color)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.syncing{background-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);animation:pulse-dot 1s infinite alternate}.nav-tabs{display:flex;gap:.5rem;background:#11182780;padding:.35rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);margin-bottom:2rem;width:fit-content}.nav-tab-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem}.nav-tab-btn:hover{color:var(--text-primary);background:#ffffff05}.nav-tab-btn.active{color:var(--text-primary);background:var(--accent-primary);box-shadow:0 4px 12px #3b82f64d}.view-container{animation:fade-in .35s ease}.card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-primary)}.metric-card.success:after{background:var(--color-success)}.metric-card.warning:after{background:var(--color-warning)}.metric-card.danger:after{background:var(--color-danger)}.metric-card.info:after{background:var(--color-info)}.metric-card.pink:after{background:var(--accent-secondary)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-icon{font-size:1.25rem;opacity:.8}.metric-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.8rem;margin-top:.5rem}.metric-trend.up{color:var(--color-success)}.metric-trend.down{color:var(--color-danger)}.metric-trend.neutral{color:var(--text-muted)}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-input-wrapper{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.95rem}.input-field{width:100%;background:#11182799;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);padding:.75rem 1rem .75rem 2.5rem;font-family:var(--font-body);font-size:.9rem;outline:none;transition:var(--transition-fast)}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-focus)}.select-field{background:#11182799;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);padding:.75rem 2.25rem .75rem 1rem;font-family:var(--font-body);font-size:.9rem;outline:none;cursor:pointer;transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;min-width:180px}.select-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-focus)}.table-container{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:#11182766}.dashboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.dashboard-table th{background:#111827cc;padding:1rem;font-family:var(--font-display);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.dashboard-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-fast);vertical-align:middle}.dashboard-table tr:hover td{background:#ffffff05}.category-badge{display:inline-block;padding:.25rem .6rem;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.stock-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.stock-badge.in-stock{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.stock-badge.low-stock{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.stock-badge.out-of-stock{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}}.chart-wrapper{height:250px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding-top:1rem}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end;gap:.5rem}.chart-bar{width:65%;background:linear-gradient(180deg,var(--accent-primary) 0%,rgba(59,130,246,.2) 100%);border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:height .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #3b82f61a}.chart-bar:hover{background:linear-gradient(180deg,var(--accent-secondary) 0%,rgba(139,92,246,.3) 100%);box-shadow:0 0 15px #8b5cf64d}.chart-bar-tooltip{position:absolute;top:-2.25rem;left:50%;transform:translate(-50%) scale(.9);background:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:var(--transition-fast);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.chart-bar:hover .chart-bar-tooltip{opacity:1;transform:translate(-50%) scale(1)}.chart-axis-label{font-size:.75rem;color:var(--text-muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.pie-chart-container{display:flex;align-items:center;justify-content:center;gap:2rem;height:200px}.pie-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:3px}.line-chart-svg{width:100%;height:100%}.line-chart-path{fill:none;stroke:var(--accent-primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0px 4px 8px rgba(59,130,246,.3));animation:draw-line 1.5s ease}.line-chart-area{fill:url(#chart-gradient);opacity:.15}.chart-grid-line{stroke:var(--border-color);stroke-width:1;stroke-dasharray:4 4}.chart-dot{fill:var(--bg-primary);stroke:var(--accent-primary);stroke-width:3;cursor:pointer;transition:r var(--transition-fast)}.chart-dot:hover{r:7;fill:var(--accent-primary)}.bulk-editor-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.bulk-actions-group{display:flex;gap:.75rem}.btn{font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:.75rem 1.25rem;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #3b82f633}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 16px #3b82f666}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff14}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.grid-input{width:100%;background:transparent;border:1px solid transparent;color:var(--text-primary);padding:.4rem .6rem;border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:.9rem;outline:none;transition:var(--transition-fast)}.grid-input:hover{border-color:#ffffff26;background:#ffffff03}.grid-input:focus{background:#111827e6;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-focus)}.grid-input.modified{border-color:var(--color-warning);background:#f59e0b0d}.csv-upload-box{border:2px dashed var(--border-color);background:#1118274d;padding:2.5rem;border-radius:var(--border-radius-lg);text-align:center;margin-bottom:2rem;cursor:pointer;transition:var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:.75rem}.csv-upload-box:hover{border-color:var(--accent-primary);background:#3b82f605}.csv-icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(59,130,246,.1))}.csv-upload-box input[type=file]{display:none}.notification-toast{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;align-items:center;gap:.75rem;background:#111827e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:1rem 1.25rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg),var(--shadow-glow);color:var(--text-primary);min-width:300px;animation:slide-in-right .3s cubic-bezier(.16,1,.3,1)}.notification-toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;background:var(--accent-primary);width:100%;animation:shrink-loader 4s linear forwards}.notification-toast.success:after{background-color:var(--color-success)}.notification-toast.warning:after{background-color:var(--color-warning)}.notification-toast.error:after{background-color:var(--color-danger)}.toast-icon{font-size:1.25rem}.toast-content{flex:1}.toast-title{font-family:var(--font-display);font-weight:600;font-size:.9rem;margin-bottom:2px}.toast-message{font-size:.8rem;color:var(--text-secondary)}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.toast-close:hover{color:var(--text-primary)}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:3rem auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:var(--text-secondary);gap:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shrink-loader{0%{width:100%}to{width:0%}}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 2px rgba(59,130,246,.2))}to{filter:drop-shadow(0 0 10px rgba(59,130,246,.6))}}@keyframes pulse-dot{0%{opacity:.5;box-shadow:0 0 2px var(--accent-primary)}to{opacity:1;box-shadow:0 0 10px var(--accent-primary)}}@keyframes draw-line{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;background-image:radial-gradient(at 10% 20%,rgba(59,130,246,.08) 0px,transparent 40%),radial-gradient(at 90% 80%,rgba(139,92,246,.08) 0px,transparent 40%)}.login-card{width:100%;max-width:420px;background:#111827a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-lg);padding:2.5rem 2rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000000a,var(--shadow-glow);animation:fade-in .5s ease-out}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-top:1rem;background:linear-gradient(135deg,#fff 40%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.login-form input{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-fast)}.login-form input:focus{outline:none;border-color:var(--accent-primary);background:#ffffff0f;box-shadow:0 0 10px #3b82f633}.login-btn{width:100%;padding:.8rem;font-size:.95rem;font-weight:600;margin-top:.5rem;box-shadow:0 0 15px #3b82f64d;cursor:pointer}.login-error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger);padding:.75rem;border-radius:var(--border-radius-md);font-size:.85rem;text-align:center;animation:pulse-dot .5s ease-out}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:.7rem;font-weight:600;border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-danger{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.receipts-list{animation:fade-in .3s ease-out}.receipt-item-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-fast);margin-bottom:.5rem}.receipt-item-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-1px)}.receipt-item-card.refund{background:#ef444404;border-color:#ef44441f}.receipt-item-card.refund:hover{background:#ef444408;border-color:#ef444440}.receipt-item-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.receipt-item-header:hover{background:#ffffff04}.receipt-item-card.refund .receipt-item-header:hover{background:#ef444404}.receipt-time{font-size:.85rem;color:var(--text-secondary);font-weight:500}.receipt-number{font-size:.85rem;color:var(--text-primary);font-weight:600}.receipt-total{font-size:.95rem;font-family:var(--font-display)}.receipt-expand-icon{font-size:.7rem;color:var(--text-muted);transition:transform var(--transition-fast)}.receipt-item-body{padding:1.25rem;background:var(--bg-card);border-top:1px solid var(--border-color);animation:fade-in .2s ease-out}.receipt-details-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;color:var(--text-primary)}.receipt-details-table td{padding:.5rem 0;vertical-align:top;color:var(--text-primary)}.notification-toast.interactive{border:1px dashed var(--accent-primary);transition:all var(--transition-fast);box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #3b82f60d}.notification-toast.interactive:hover{background:#111827e6;border-color:var(--color-success);transform:translateY(-2px) scale(1.01);box-shadow:0 15px 20px -3px #3b82f640,0 0 10px #3b82f61a}.highlight-section{animation:pulse-highlight 2s ease-out}@keyframes pulse-highlight{0%{border-color:var(--accent-primary);box-shadow:0 0 #3b82f699;background-color:#3b82f60d}30%{border-color:var(--accent-primary);box-shadow:0 0 20px 5px #3b82f64d;background-color:#3b82f614}to{box-shadow:none;background-color:transparent}}.ai-chat-container{animation:fade-in var(--transition-normal)}.chat-card{max-width:900px;margin:0 auto;box-shadow:var(--shadow-lg),var(--shadow-glow)}.chat-header{background:#8b5cf608}.chat-messages-area{scroll-behavior:smooth}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-track{background:transparent}.chat-messages-area::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:3px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.chat-message-bubble{animation:slide-in-up .3s ease-out}@keyframes slide-in-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.writing-indicator span{animation:bounce-loader 1.4s infinite ease-in-out both}.writing-indicator span:nth-child(1){animation-delay:-.32s}.writing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce-loader{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-field:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 10px #8b5cf633}.chat-send-btn{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)!important;border:none!important;box-shadow:0 0 15px #8b5cf64d;transition:all var(--transition-fast)}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px #8b5cf680}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.header-actions-desktop{display:flex;align-items:center;gap:.75rem}.header-actions-mobile,.mobile-header-dropdown{display:none}.pos-container{display:grid;grid-template-columns:1fr 500px;gap:1.25rem;padding:1rem;height:calc(100vh - 85px);background:#f8fafc;border-radius:16px;box-sizing:border-box}.pos-mobile-tabs,.pos-mobile-floating-cart,.pos-mobile-cart-back{display:none}.pos-catalog-panel,.pos-cart-panel{display:flex;flex-direction:column}.pos-top-controls{display:flex;gap:.75rem;align-items:center}.pos-product-item-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s ease;min-height:64px}.pos-product-item-card:hover{border-color:#ec4899;background:#fff;box-shadow:0 4px 12px #ec48991a}.pos-product-info{display:flex;flex-direction:column;gap:4px;flex:1;padding-right:.5rem}.pos-product-meta{display:flex;align-items:center;gap:.85rem}@media (max-width: 899px){.app-container{padding:.5rem}.app-header{display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;padding:.5rem .75rem!important;margin-bottom:.75rem!important;position:relative;gap:.5rem}.brand-section{flex-direction:row!important;align-items:center;gap:.5rem}.brand-title{font-size:1.15rem!important}.brand-subtitle{font-size:.65rem!important}.header-actions-desktop{display:none!important}.header-actions-mobile{display:flex!important;align-items:center;gap:.4rem}.mobile-header-dropdown{display:flex!important;flex-direction:column;gap:.6rem;position:absolute;top:100%;left:0;right:0;background:#080c14;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.85rem;box-shadow:0 10px 25px #0009;z-index:500}.sync-status{width:100%;justify-content:space-between;padding:.4rem .6rem;font-size:.75rem}.pos-container{display:flex;flex-direction:column;gap:.5rem;padding:.25rem;height:auto;min-height:calc(100vh - 120px);background:transparent}.pos-mobile-tabs{display:flex;gap:.35rem;background:#e2e8f0;padding:4px;border-radius:12px;margin-bottom:.25rem}.pos-mobile-tab-btn{flex:1;padding:.65rem .5rem;border:none;background:transparent;border-radius:8px;font-weight:700;font-size:.85rem;color:#64748b;cursor:pointer;transition:all .15s ease}.pos-mobile-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0000001a}.pos-catalog-panel.mobile-hidden,.pos-cart-panel.mobile-hidden{display:none!important}.pos-catalog-panel.mobile-active,.pos-cart-panel.mobile-active{display:flex!important;width:100%;border-radius:14px;padding:.85rem!important;box-sizing:border-box}.pos-mobile-floating-cart{position:fixed;bottom:.85rem;left:.85rem;right:.85rem;background:#0f172a;color:#fff;padding:.85rem 1.1rem;border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #00000059;z-index:200;cursor:pointer;border:1.5px solid #334155}.floating-cart-info{display:flex;flex-direction:column;gap:2px}.floating-cart-count{font-size:.8rem;color:#94a3b8;font-weight:600}.floating-cart-total{font-size:1.15rem;font-weight:900;color:#4ade80}.floating-cart-btn{background:#ec4899;border:none;color:#fff;font-weight:800;font-size:.85rem;padding:.6rem 1rem;border-radius:8px;box-shadow:0 2px 8px #ec48994d}.pos-mobile-cart-back{display:flex}.pos-top-controls{flex-direction:column;align-items:stretch}.pos-top-controls select{width:100%!important}.pos-product-item-card{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.85rem}.pos-product-meta{width:100%;justify-content:space-between;border-top:1px dashed #e2e8f0;padding-top:.4rem}.nav-tabs{width:100%;overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:.3rem;gap:.25rem;margin-bottom:1.25rem;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab-btn{flex:0 0 auto;padding:.55rem .9rem;font-size:.8rem;border-radius:var(--border-radius-sm)}.card{padding:1rem;border-radius:var(--border-radius-md)}.card-title{font-size:1rem;margin-bottom:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.metric-card{padding:.75rem}.metric-card:after{width:3px}.metric-label{font-size:.7rem}.metric-icon{font-size:1rem}.metric-value{font-size:1.35rem;margin-top:.25rem}.metric-trend{font-size:.7rem;margin-top:.25rem}.filter-bar{flex-direction:column;align-items:stretch;gap:.75rem}.filter-bar>*{width:100%!important;max-width:100%!important}.search-input-wrapper input{padding-left:2.25rem}.select-field{width:100%;background-position:right .75rem center}.receipt-item-header{padding:.75rem;flex-wrap:wrap;gap:.5rem}.receipt-item-header>div:first-child{gap:.5rem!important}.receipt-time,.receipt-number{font-size:.75rem}.badge{padding:.15rem .4rem;font-size:.65rem}.receipt-total{font-size:.85rem}.receipt-item-body{padding:.75rem}.receipt-meta-info{flex-direction:column;gap:.25rem;align-items:flex-start}.dashboard-table th,.dashboard-table td{padding:.6rem .5rem;font-size:.8rem}.category-badge{padding:.15rem .45rem;font-size:.7rem}.bulk-editor-bar{flex-direction:column;align-items:stretch;gap:.75rem}.bulk-editor-bar>div:first-child{flex-direction:column;width:100%;gap:.75rem!important}.bulk-actions-group{width:100%;justify-content:flex-start;gap:.5rem}.bulk-actions-group .btn{flex:1;justify-content:center}.chat-card{height:480px!important}.chat-header{padding:.75rem 1rem!important;gap:.5rem!important}.chat-header h3{font-size:1rem!important}.chat-header p{font-size:.7rem!important}.chat-messages-area{padding:.75rem!important;gap:.75rem!important}.chat-message-bubble{max-width:92%!important;gap:.5rem!important}.bubble-avatar{width:28px!important;height:28px!important;font-size:.8rem!important}.bubble-text{padding:.55rem .75rem!important;font-size:.825rem!important;border-radius:10px!important}.chat-input-area{padding:.75rem!important;gap:.5rem!important}.chat-input-field{padding:.55rem .75rem!important;font-size:.825rem!important}.chat-send-btn{padding:0 1rem!important;font-size:.825rem!important}}.badge-critical{background:linear-gradient(135deg,#f43f5e33,#f9731633)!important;color:#fb7185!important;border:1px solid rgba(244,63,94,.45)!important;box-shadow:0 0 10px #f43f5e40;font-weight:700}.badge-warning{background:#f59e0b26!important;color:var(--color-warning)!important;border:1px solid rgba(245,158,11,.3)!important}.badge-info{background:#06b6d426!important;color:var(--color-info)!important;border:1px solid rgba(6,182,212,.3)!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fade-in .2s ease-out;padding:1.5rem}.modal-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem 1.75rem!important;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:slide-in-up .35s cubic-bezier(.16,1,.3,1)}@keyframes pulse-danger{0%{box-shadow:0 0 #ef444466;transform:scale(1)}70%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.mic-button.listening{animation:pulse-danger 1.5s infinite}.chat-header button:hover{background:#ffffff0d!important}@media (max-width: 600px){.modal-content{width:95%!important;max-width:100%!important;padding:1.25rem!important;margin:0 auto!important;border-radius:14px!important;box-sizing:border-box!important}}