input[type=date]::selection,input[type=date] ::selection{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit-fields-wrapper{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit-text{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit-month-field{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit-day-field{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit-year-field{color:inherit!important;background:0 0!important}input[type=date]::-webkit-datetime-edit-month-field:focus{color:inherit!important;box-shadow:none!important;background:0 0!important;outline:none!important}input[type=date]::-webkit-datetime-edit-day-field:focus{color:inherit!important;box-shadow:none!important;background:0 0!important;outline:none!important}input[type=date]::-webkit-datetime-edit-year-field:focus{color:inherit!important;box-shadow:none!important;background:0 0!important;outline:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#f59e0b;--brand-primary-hover:#d97706;--brand-primary-glow:rgba(245,158,11,.3);--brand-primary-gradient:linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);--brand-secondary:#3b82f6;--brand-secondary-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--color-emerald:#10b981;--color-emerald-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--color-purple:#8b5cf6;--color-purple-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--color-cyan:#06b6d4;--color-cyan-gradient:linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);--color-rose:#f43f5e;--color-rose-gradient:linear-gradient(135deg, #f43f5e 0%, #be123c 100%);--color-amber:#f59e0b;--bg-app:#080c16;--bg-sidebar:#0c101d;--bg-card:#111728;--bg-card-hover:#172036;--bg-input:#0d1322;--bg-header:rgba(12,16,29,.88);--bg-modal:rgba(4,7,13,.78);--bg-tooltip:#1a233a;--border-color:rgba(255,255,255,.1);--border-color-hover:rgba(255,255,255,.22);--border-color-focus:var(--brand-primary);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#080c16;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f43f5e;--color-info:#3b82f6;--sidebar-width:290px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 2px 6px rgba(0,0,0,.35);--shadow-md:0 8px 20px rgba(0,0,0,.45);--shadow-lg:0 18px 50px rgba(0,0,0,.65);--shadow-glow-amber:0 0 25px rgba(245,158,11,.25);--shadow-glow-blue:0 0 25px rgba(59,130,246,.25);--shadow-glow-emerald:0 0 25px rgba(16,185,129,.25);--shadow-glow-purple:0 0 25px rgba(139,92,246,.25);--shadow-glow-rose:0 0 25px rgba(244,63,94,.25);--shadow-glow-cyan:0 0 25px rgba(6,182,212,.25);--font-heading:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--bg-secondary:rgba(17,23,40,.8)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{max-width:100vw;font-size:15px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;max-width:100%;height:100vh;line-height:1.55;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;letter-spacing:-.4px;font-weight:800}#root{max-width:100%;height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}select:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}select:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 50000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}.app-layout{width:100%;max-width:100%;height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px 20px 16px}.sidebar-brand{align-items:center;width:100%;text-decoration:none;display:flex}.logo-full{max-width:100%;display:block}.logo-collapsed{display:none}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:1.8px;color:var(--brand-primary);opacity:.85;padding:12px 14px 6px;font-size:10.5px;font-weight:800}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:translate(2px)}.nav-item.active{color:var(--brand-primary);border-left:1px solid var(--brand-primary);background:linear-gradient(90deg,rgba(245,158,11,.28) 0%,rgba(245,158,11,.08) 100%);font-weight:700;box-shadow:inset 0 0 14px rgba(245,158,11,.16)}.nav-item.active .nav-icon{color:var(--brand-primary);filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.nav-icon{opacity:.75;width:22px;height:22px;transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;margin-right:14px}.nav-item:hover .nav-icon{opacity:1;color:var(--brand-primary);transform:scale(1.08)}.nav-badge{background:var(--color-rose-gradient);color:#fff;text-align:center;min-width:20px;box-shadow:var(--shadow-glow-rose);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:800}.sidebar-footer{border-top:1px solid var(--border-color);align-items:center;gap:10px;padding:16px;display:flex}.sidebar-footer-avatar{background:linear-gradient(135deg, var(--brand-secondary), #6366f1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-footer-info{flex:1}.sidebar-footer-info p{font-size:12px;font-weight:600;line-height:1.3}.sidebar-footer-info span{color:var(--text-muted);font-size:11px}.main-content{flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex;overflow:hidden}.main-header{height:var(--header-height);background:var(--bg-header);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex}.main-header h2{font-family:var(--font-heading);letter-spacing:-.4px;flex:1;font-size:20px;font-weight:800}.main-body{background:var(--bg-app);flex:1;min-width:0;max-width:100%;padding:24px;overflow-x:hidden;overflow-y:auto}.card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.26) 50%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-color-hover);box-shadow:0 12px 36px rgba(0,0,0,.5)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{font-family:var(--font-heading);letter-spacing:-.3px;color:#fff;font-size:16px;font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);cursor:pointer;align-items:flex-start;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";width:4px;transition:background var(--transition-base);background:0 0;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover);transform:translateY(-3px)}.stat-card.amber:hover{box-shadow:var(--shadow-glow-amber);border-color:rgba(245,158,11,.5)}.stat-card.amber:before{background:var(--color-amber)}.stat-card.blue:hover{box-shadow:var(--shadow-glow-blue);border-color:rgba(59,130,246,.5)}.stat-card.blue:before{background:var(--brand-secondary)}.stat-card.green:hover{box-shadow:var(--shadow-glow-emerald);border-color:rgba(16,185,129,.5)}.stat-card.green:before{background:var(--color-emerald)}.stat-card.red:hover{box-shadow:var(--shadow-glow-rose);border-color:rgba(244,63,94,.5)}.stat-card.red:before{background:var(--color-rose)}.stat-card.purple:hover{box-shadow:var(--shadow-glow-purple);border-color:rgba(139,92,246,.5)}.stat-card.purple:before{background:var(--color-purple)}.stat-card.cyan:hover{box-shadow:var(--shadow-glow-cyan);border-color:rgba(6,182,212,.5)}.stat-card.cyan:before{background:var(--color-cyan)}.stat-icon{border-radius:var(--radius-md);width:46px;height:46px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.3)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon.amber{color:#fbbf24;background:linear-gradient(135deg,rgba(245,158,11,.28) 0%,rgba(234,88,12,.18) 100%);border:1px solid rgba(245,158,11,.35)}.stat-icon.blue{color:#60a5fa;background:linear-gradient(135deg,rgba(59,130,246,.28) 0%,rgba(29,78,216,.18) 100%);border:1px solid rgba(59,130,246,.35)}.stat-icon.green{color:#34d399;background:linear-gradient(135deg,rgba(16,185,129,.28) 0%,rgba(5,150,105,.18) 100%);border:1px solid rgba(16,185,129,.35)}.stat-icon.red{color:#f87171;background:linear-gradient(135deg,rgba(244,63,94,.28) 0%,rgba(190,18,60,.18) 100%);border:1px solid rgba(244,63,94,.35)}.stat-icon.purple{color:#c084fc;background:linear-gradient(135deg,rgba(139,92,246,.28) 0%,rgba(109,40,217,.18) 100%);border:1px solid rgba(139,92,246,.35)}.stat-icon.cyan{color:#22d3ee;background:linear-gradient(135deg,rgba(6,182,212,.28) 0%,rgba(14,116,144,.18) 100%);border:1px solid rgba(6,182,212,.35)}.stat-info{flex:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.stat-value{font-family:var(--font-heading);color:#fff;letter-spacing:-.8px;margin-top:4px;font-size:28px;font-weight:900;line-height:1.15}.stat-change{margin-top:4px;font-size:11.5px;font-weight:700}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.btn{border-radius:var(--radius-sm);font-family:var(--font-heading);letter-spacing:.2px;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast), transform var(--transition-fast);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid transparent;align-items:center;gap:10px;padding:11px 22px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--brand-primary-glow)}.btn-primary{background:var(--brand-primary-gradient);color:#080c16;border-color:rgba(245,158,11,.6);font-weight:700;box-shadow:0 4px 15px rgba(245,158,11,.25)}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow-amber);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-tooltip);border-color:var(--border-color-hover);color:#fff}.btn-danger{color:#f87171;background:linear-gradient(135deg,rgba(244,63,94,.15) 0%,rgba(190,18,60,.25) 100%);border-color:rgba(244,63,94,.35)}.btn-danger:hover{background:var(--color-rose-gradient);color:#fff;box-shadow:var(--shadow-glow-rose);transform:translateY(-1px)}.btn-success{background:var(--color-emerald-gradient);color:#fff;border-color:rgba(16,185,129,.5);box-shadow:0 4px 15px rgba(16,185,129,.25)}.btn-success:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow-emerald);transform:translateY(-1px)}.btn-info{background:var(--brand-secondary-gradient);color:#fff;border-color:rgba(59,130,246,.5);box-shadow:0 4px 15px rgba(59,130,246,.25)}.btn-info:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-sm{gap:8px;padding:8px 14px;font-size:13px}.btn-lg{gap:12px;padding:15px 28px;font-size:15px}.btn-icon{border-radius:var(--radius-sm);padding:10px}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.input,select,textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none;padding:11px 16px;font-family:inherit;font-size:14.5px}.input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow);background:#101626}.input::placeholder{color:var(--text-muted)}select{cursor:pointer}textarea{resize:vertical;min-height:80px}.search-box{max-width:360px;position:relative}.search-box .input{padding-left:38px}.search-box .search-icon{width:16px;height:16px;color:var(--brand-primary);opacity:.7;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto;width:100%!important;max-width:100%!important;display:block!important}table{border-collapse:collapse;width:100%}thead{background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%), var(--bg-card)}th{text-align:left;text-transform:uppercase;letter-spacing:1.2px;color:#cbd5e1;border-bottom:1.5px solid var(--border-color);white-space:nowrap;cursor:pointer;user-select:none;font-size:11.5px;font-weight:800;font-family:var(--font-heading);padding:13px 18px}th:hover{color:var(--brand-primary)}td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:background var(--transition-fast);padding:13px 18px;font-size:14.5px}tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}tr:last-child td{border-bottom:none}.td-code{color:#fbbf24;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:3px 8px;font-family:Fira Code,monospace;font-size:12px;font-weight:700;display:inline-block}.td-price{font-family:var(--font-heading);color:#fff;text-align:right;font-weight:800}.td-stock{text-align:center;font-weight:600}.td-actions{text-align:right;white-space:nowrap}.badge{letter-spacing:.2px;border:1px solid transparent;border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{color:#34d399;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3)}.badge-warning{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3)}.badge-danger{color:#f87171;background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.3)}.badge-info{color:#60a5fa;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}.badge-purple{color:#c084fc;background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3)}.badge-cyan{color:#22d3ee;background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.3)}.badge-primary{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3)}.flex-centered-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-lg);backdrop-filter:blur(8px);background:rgba(17,24,39,.2);flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:32px auto;padding:60px 24px;animation:.3s ease-out fadeIn;display:flex}.empty-state svg,.empty-state-icon{width:48px;height:48px;color:var(--brand-primary);opacity:.6;filter:drop-shadow(0 0 8px var(--brand-primary-glow));transition:transform var(--transition-base), opacity var(--transition-base);margin-bottom:16px}.empty-state:hover svg,.empty-state:hover .empty-state-icon{opacity:.85;transform:scale(1.1)}.empty-state h3{color:var(--text-primary);letter-spacing:-.1px;margin-bottom:8px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-secondary);max-width:320px;margin-bottom:16px;font-size:13px;line-height:1.5}.empty-state-action{margin-top:4px}.modal-overlay{background:var(--bg-modal);z-index:1000;backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-lg);padding:0;animation:.3s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h2{font-size:22px;font-weight:800}.page-header-actions{align-items:center;gap:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.loading-spinner{color:var(--text-muted);justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.3s fadeIn}tr.low-stock td{background:rgba(239,68,68,.04)}tr.low-stock .td-stock{color:var(--color-danger);font-weight:600}.margin-pill{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.margin-good{color:#22c55e;background:rgba(34,197,94,.1)}.margin-ok{color:#f59e0b;background:rgba(245,158,11,.1)}.margin-bad{color:#ef4444;background:rgba(239,68,68,.1)}.pos-layout{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.pos-till-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 14px;display:flex}.pos-main-container{flex-direction:row;flex:1;width:100%;display:flex;overflow:hidden}.pos-main{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.pos-sidebar{background:var(--bg-sidebar);border-left:1px solid var(--border-color);flex-direction:column;width:max(280px,min(26vw,360px));min-width:280px;height:100%;display:flex;overflow:hidden}.pos-sidebar-scrollable{flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:16px;display:flex;overflow-y:auto}.pos-sidebar-sticky{border-top:1px solid var(--border-color);background:var(--bg-sidebar);z-index:10;flex-shrink:0;padding:8px 0 16px;box-shadow:0 -4px 12px rgba(0,0,0,.15)}.pos-keyboard-helper-bar{background:var(--bg-sidebar);border-top:1px solid var(--border-color);height:38px;min-height:38px;color:var(--text-muted);justify-content:center;align-items:center;gap:24px;padding:0 20px;font-size:11px;display:flex}.pos-keyboard-helper-bar strong{color:var(--brand-primary);margin-right:4px}.pos-search-bar{border-bottom:1px solid var(--border-color);background:var(--bg-card);padding:16px;position:relative}.pos-search-wrap{position:relative}.pos-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pos-search-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:14px 40px 14px 44px;font-family:inherit;font-size:16px}.pos-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-glow)}.pos-search-input::placeholder{color:var(--text-muted)}.pos-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pos-search-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:320px;animation:.15s slideUp;position:absolute;top:100%;left:16px;right:16px;overflow-y:auto}.search-results-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:2000;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;background-color:#111827!important;background:var(--bg-card,#111827)!important}.pos-search-result{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;display:flex}.pos-search-result:last-child{border-bottom:none}.pos-search-result:hover,.pos-search-result.highlighted{background:var(--bg-card-hover)}.pos-result-info{flex-direction:column;gap:2px;display:flex}.pos-result-code{color:var(--brand-primary);font-size:11px;font-weight:600}.pos-result-name{font-size:13px;font-weight:500}.pos-result-right{text-align:right;flex-direction:column;gap:2px;display:flex}.pos-result-stock{color:var(--text-muted);font-size:11px}.pos-result-price{color:var(--color-success);font-size:15px;font-weight:700}.pos-cart{flex:1;overflow-y:auto}.pos-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.pos-empty svg{opacity:.15}.pos-empty p{font-size:14px}.pos-last-sale{border-radius:var(--radius-md);color:var(--color-success);background:rgba(34,197,94,.08);align-items:center;gap:8px;margin-top:8px;padding:10px 16px;font-size:13px;display:flex}.pos-cart-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);z-index:5;grid-template-columns:1fr 110px 90px 70px 90px 40px;gap:16px;padding:12px 16px;font-size:10px;font-weight:600;display:grid;position:sticky;top:0}.pos-cart-row{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:1fr 110px 90px 70px 90px 40px;align-items:center;gap:16px;padding:10px 16px;display:grid}.pos-cart-row:hover{background:var(--bg-card-hover)}.pos-cart-row.active{box-shadow:inset 3px 0 0 var(--brand-primary);background:rgba(245,158,11,.05)}.pos-item-name{color:var(--text-primary);font-size:13px;font-weight:500}.pos-item-code{color:var(--text-muted);margin-top:2px;font-size:11px}.pos-col-qty{align-items:center;gap:4px;display:flex}.pos-qty-btn{background:var(--bg-card-hover);border:1px solid var(--border-color);width:26px;height:26px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:4px;justify-content:center;align-items:center;display:flex}.pos-qty-btn:hover{background:var(--bg-tooltip);border-color:var(--border-color-hover)}.pos-qty-input{text-align:center;background:var(--bg-input);border:1px solid var(--border-color);width:50px;color:var(--text-primary);border-radius:4px;outline:none;padding:4px;font-family:inherit;font-size:13px;font-weight:600}.pos-qty-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.pos-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pos-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pos-qty-input{-moz-appearance:textfield}.pos-price-input,.pos-disc-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:center;border-radius:4px;outline:none;padding:4px 6px;font-family:inherit;font-size:13px}.pos-price-input:focus,.pos-disc-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.pos-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pos-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pos-disc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pos-disc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pos-price-input,.pos-disc-input{-moz-appearance:textfield}.pos-col-qty{justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.pos-qty-stock{color:var(--text-muted);white-space:nowrap;pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.pos-price-cost-info{white-space:nowrap;pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.pos-qty-stock,.pos-price-cost-info{font-size:9px;bottom:-11px}}.pos-input-loss{background:rgba(239,68,68,.05)!important;border:1.5px solid #ef4444!important}.pos-input-loss:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px rgba(239,68,68,.25)!important}.pos-input-low-margin{background:rgba(245,158,11,.05)!important;border:1.5px solid #f59e0b!important}.pos-input-low-margin:focus{border-color:#f59e0b!important;box-shadow:0 0 0 2px rgba(245,158,11,.25)!important}.pos-col-price,.pos-col-disc,.pos-col-total{text-align:center}.pos-cart-row .pos-col-total{color:var(--text-primary);font-size:14px;font-weight:700}.pos-col-action{justify-content:center;align-items:center;display:flex}.pos-remove-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px}.pos-remove-btn:hover{color:var(--color-danger);background:rgba(239,68,68,.1)}.pos-customer-section{border-bottom:1px solid var(--border-color);padding:16px}.pos-customer-btn{border-radius:var(--radius-sm);background:var(--bg-card-hover);border:1px dashed var(--border-color-hover);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:13px;display:flex}.pos-customer-btn:hover{background:var(--bg-tooltip);color:var(--text-primary);border-color:var(--brand-primary)}.pos-customer-selected{border-radius:var(--radius-sm);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);align-items:center;gap:10px;padding:10px;display:flex}.pos-customer-name{font-size:13px;font-weight:600}.pos-customer-code{color:var(--text-muted);font-size:11px}.pos-customer-selected .btn{margin-left:auto}.pos-customer-option{cursor:pointer;text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;display:flex}.pos-customer-option:hover{background:var(--bg-card-hover)}.pos-totals{padding:20px 16px}.pos-total-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:6px 0;font-size:13.5px;font-weight:600;display:flex}.pos-total-vat{color:var(--text-muted);font-size:12px;font-weight:500}.pos-grand-total{border-top:2px solid var(--border-color);margin-top:8px;font-family:var(--font-heading)!important;color:#fff!important;letter-spacing:-1px!important;padding:16px 0!important;font-size:32px!important;font-weight:900!important}.pos-items-count{font-weight:600;color:var(--text-muted)!important;font-size:12px!important}.pos-actions{border-top:1px solid var(--border-color);padding:16px}.pos-pay-btn{background:var(--color-emerald-gradient);color:#fff;width:100%;font-size:19px;font-weight:900;font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.3px;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;box-shadow:0 6px 25px rgba(16,185,129,.4)}.pos-pay-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 10px 30px rgba(16,185,129,.5)}.pos-pay-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.pos-action-row{gap:8px;margin-top:10px;display:flex}.pos-payment-total{text-align:center;color:#fff;letter-spacing:-1px;padding:16px 0;font-size:44px;font-weight:800}.pos-payment-methods{gap:10px;display:flex}.pos-payment-method{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;font-family:inherit;font-size:12.5px;font-weight:700;display:flex;position:relative;overflow:hidden}.pos-payment-method:hover{border-color:var(--border-color-hover);color:var(--text-primary);transform:translateY(-2px)}.pos-payment-method.active[data-method=cash],.pos-payment-method.active:first-child{border-color:var(--color-emerald);color:#34d399;box-shadow:var(--shadow-glow-emerald);background:linear-gradient(135deg,rgba(16,185,129,.18) 0%,rgba(5,150,105,.08) 100%)}.pos-payment-method.active[data-method=card],.pos-payment-method.active:nth-child(2){border-color:var(--brand-secondary);color:#60a5fa;box-shadow:var(--shadow-glow-blue);background:linear-gradient(135deg,rgba(59,130,246,.18) 0%,rgba(29,78,216,.08) 100%)}.pos-payment-method.active[data-method=account],.pos-payment-method.active:nth-child(3){border-color:var(--color-purple);color:#c084fc;box-shadow:var(--shadow-glow-purple);background:linear-gradient(135deg,rgba(139,92,246,.18) 0%,rgba(109,40,217,.08) 100%)}.pos-quick-cash{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pos-quick-cash .btn{border-radius:var(--radius-sm);flex:1;justify-content:center;min-width:65px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:20px}.category-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px)}.category-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-card-header h3{font-size:16px;font-weight:700}.category-badge{background:var(--brand-primary-glow);color:var(--brand-primary);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.category-groups{flex-direction:column;gap:6px;display:flex}.category-group{background:var(--bg-card-hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.category-group-count{color:var(--text-muted);font-size:11px}.category-add-group{border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;display:flex}.category-add-group:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.pos-quick-board{flex-direction:column;gap:12px;padding:20px;display:flex}.pos-quick-board-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.pos-quick-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.pos-quick-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);min-height:110px;color:inherit;font-size:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;justify-content:space-between;padding:14px;display:flex}@media (hover:hover){.pos-quick-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);background:var(--bg-card-hover);transform:translateY(-2px)}}.pos-quick-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.pos-quick-code{color:var(--brand-primary);font-family:monospace;font-size:10px;font-weight:600}.pos-quick-bottom{border-top:1px solid rgba(255,255,255,.04);margin-top:10px;padding-top:8px;box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.pos-quick-price{color:var(--color-success);white-space:nowrap;font-size:14px;font-weight:700}.pos-quick-stock{color:var(--text-muted);white-space:nowrap;font-size:10px}@media (max-width:1366px){.sidebar{z-index:1000!important;width:70px!important;min-width:70px!important;height:100vh!important;transition:width .2s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;top:0!important;left:0!important;overflow-x:hidden!important}.sidebar .sidebar-brand-text,.sidebar .nav-section-title,.sidebar .nav-item span:not(.nav-badge),.sidebar .nav-badge,.sidebar .sidebar-footer-info,.sidebar .logo-full,.sidebar .sidebar-footer button{display:none!important}.sidebar .logo-collapsed{display:block!important}.sidebar .sidebar-header{justify-content:center!important;padding:16px 0!important;display:flex!important}.sidebar .sidebar-brand{justify-content:center!important;gap:0!important}.sidebar .nav-item{justify-content:center!important;gap:0!important;padding:14px 0!important;font-size:0!important}.sidebar .nav-icon{margin:0!important}.sidebar .sidebar-footer{justify-content:center!important;padding:16px 0!important}.main-content{flex-direction:column!important;flex:1!important;width:calc(100vw - 70px)!important;max-width:calc(100vw - 70px)!important;margin-left:70px!important;display:flex!important;overflow:hidden!important}@media (hover:hover){.sidebar:hover{width:290px!important;min-width:290px!important;box-shadow:8px 0 25px rgba(0,0,0,.6)!important}.sidebar:hover .sidebar-brand-text,.sidebar:hover .logo-full{display:block!important}.sidebar:hover .logo-collapsed{display:none!important}.sidebar:hover .sidebar-header{justify-content:flex-start!important;padding:20px 24px!important;display:flex!important}.sidebar:hover .sidebar-brand{justify-content:flex-start!important;gap:12px!important}.sidebar:hover .nav-section-title{opacity:1!important;height:auto!important;margin:20px 14px 8px!important;padding:0!important;overflow:visible!important}.sidebar:hover .nav-item{justify-content:flex-start!important;gap:12px!important;padding:12px 16px!important;font-size:14px!important}.sidebar:hover .nav-item span:not(.nav-badge){display:block!important}.sidebar:hover .nav-badge{display:inline-flex!important}.sidebar:hover .sidebar-footer-info{display:block!important}.sidebar:hover .sidebar-footer button{display:flex!important}.sidebar:hover .sidebar-footer{justify-content:space-between!important;padding:12px 16px!important}}}.pos-layout{flex-direction:column;width:100%;height:100vh;font-size:15px;display:flex}.pos-till-header{background:var(--bg-header)!important;border-bottom:1px solid var(--border-color)!important;height:64px!important;min-height:64px!important;padding:0 20px!important}.pos-till-header .btn{padding:10px 16px!important;font-size:14px!important;font-weight:600!important}.pos-search-input{padding:16px 44px!important;font-size:18px!important}.pos-search-icon{width:22px!important;height:22px!important}.pos-cart-header,.pos-cart-row{grid-template-columns:1fr 140px 110px 90px 100px 40px!important;gap:20px!important}.pos-cart-header{padding:14px 20px!important;font-size:12px!important}.pos-cart-row{user-select:none!important;min-height:80px!important;padding:18px 20px!important}.pos-cart-row input{user-select:auto!important}.pos-item-name{font-size:15px!important;font-weight:600!important;line-height:1.4!important}.pos-item-code{font-size:12px!important}.pos-qty-input,.pos-price-input,.pos-disc-input{border-radius:var(--radius-sm)!important;height:42px!important;font-size:16px!important;font-weight:700!important}.pos-qty-btn{width:36px!important;height:42px!important}.pos-cart-row .pos-col-total{user-select:none!important;font-size:17px!important;font-weight:800!important}.pos-quick-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.pos-quick-card{border-radius:var(--radius-lg)!important;min-height:140px!important;padding:18px!important}.pos-quick-title{-webkit-line-clamp:2!important;margin-bottom:6px!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important}.pos-quick-code{margin-bottom:4px!important;font-size:11px!important}.pos-quick-bottom{box-sizing:border-box!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;margin-top:12px!important;padding-top:10px!important;display:flex!important}.pos-quick-price{white-space:nowrap!important;font-size:18px!important;font-weight:800!important}.pos-quick-stock{white-space:nowrap!important;font-size:12px!important;font-weight:600!important}.pos-sidebar{width:380px!important;min-width:380px!important}.pos-customer-section{padding:16px!important}.pos-customer-name{font-size:16px!important}.pos-pay-btn{height:72px!important;font-size:24px!important;font-weight:800!important}.pos-keyboard-helper-bar{height:42px!important;font-size:12px!important}.pos-page-active .sidebar{display:none!important}.pos-page-active .main-content{flex:1!important;width:100vw!important;margin-left:0!important}@media (max-width:1024px){.hide-tablet{display:none!important}.main-header{flex-wrap:wrap!important;gap:12px!important;height:auto!important;min-height:70px!important;padding:12px 16px!important}.main-header h2{flex:none!important}.pos-till-header{flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:auto!important;padding:10px 16px!important}.pos-till-header>div{flex-wrap:wrap!important;gap:6px!important}.pos-sidebar{width:290px!important;min-width:290px!important}.pos-cart-header,.pos-cart-row{grid-template-columns:1.2fr 80px 70px 40px 70px 30px!important;gap:6px!important;min-height:48px!important;padding:8px 12px!important}.pos-qty-input,.pos-price-input,.pos-disc-input{height:32px!important;padding:2px!important;font-size:13px!important}.pos-qty-btn{width:28px!important;height:32px!important}.pos-item-name{font-size:13px!important}.pos-quick-card{min-height:100px!important;padding:12px!important}.pos-quick-title,.pos-quick-price{font-size:13px!important}.pos-keyboard-helper-bar{display:none!important}}@media (max-width:900px){.pos-quick-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.pos-sidebar{width:270px!important;min-width:270px!important}.pos-cart-header,.pos-cart-row{grid-template-columns:1fr 60px 50px 30px 60px 25px!important;gap:4px!important;padding:6px 8px!important}}@media (max-width:700px){.hide-mobile{display:none!important}.pos-main-container{-webkit-overflow-scrolling:touch;flex-direction:column!important;overflow-y:auto!important}.pos-main{flex:none!important;height:auto!important;overflow:visible!important}.pos-sidebar{border-left:none!important;border-top:1px solid var(--border-color)!important;flex:none!important;width:100%!important;min-width:100%!important;height:auto!important;overflow:visible!important}.pos-sidebar-scrollable{flex:none!important;overflow:visible!important}.pos-sidebar-sticky{box-shadow:none!important;border-top:none!important;padding:16px 0!important;position:static!important}.pos-cart-header,.pos-cart-row{grid-template-columns:1fr 100px 80px 40px!important;gap:10px!important}.pos-col-price,.pos-col-disc,.pos-cart-header span:nth-child(3),.pos-cart-header span:nth-child(4){display:none!important}.pos-quick-grid{grid-template-columns:repeat(2,1fr)!important}}.cache-buster-v1{z-index:10001}.pos-item-name,.pos-item-code,.pos-result-name,.pos-result-code,.pos-quick-title,.pos-quick-code,.td-code,.product-search-item,td{user-select:text!important}.responsive-split-layout{align-items:flex-start;gap:24px;display:flex}.responsive-left-sidebar{width:280px;min-width:280px}.responsive-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (max-width:900px){.responsive-split-layout{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.responsive-left-sidebar{width:100%!important;min-width:100%!important}.responsive-left-column{flex:none!important}}@media (max-width:600px){.responsive-form-grid{grid-template-columns:1fr!important}.main-body{padding:12px!important}}@media (max-width:1366px){.sidebar.expanded{width:290px!important;min-width:290px!important;box-shadow:8px 0 25px rgba(0,0,0,.6)!important}.sidebar.expanded .sidebar-brand-text,.sidebar.expanded .nav-section-title,.sidebar.expanded .nav-item span:not(.nav-badge),.sidebar.expanded .nav-badge,.sidebar.expanded .sidebar-footer-info,.sidebar.expanded .logo-full,.sidebar.expanded .sidebar-footer button{display:block!important}.sidebar.expanded .logo-collapsed{display:none!important}.sidebar.expanded .sidebar-header{justify-content:flex-start!important;padding:20px 24px!important;display:flex!important}.sidebar.expanded .sidebar-brand{justify-content:flex-start!important;gap:12px!important}.sidebar.expanded .nav-item{justify-content:flex-start!important;gap:12px!important;padding:12px 16px!important;font-size:14px!important}.sidebar.expanded .sidebar-footer{justify-content:space-between!important;padding:12px 16px!important}}.floating-chat-btn{background:var(--brand-primary,#7c3aed);color:#fff;cursor:pointer;z-index:999;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 20px rgba(124,58,237,.4)}.floating-chat-btn:hover{background:#6d28d9;transform:scale(1.08)}.floating-chat-btn .chat-badge{background:var(--color-danger,#ef4444);color:#fff;text-align:center;border:2px solid #0b0f17;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-2px;right:-2px}.messaging-sidebar{border-left:1px solid var(--border-color,#1f2937);z-index:2100;background:#0b0f17;flex-direction:column;width:380px;height:100vh;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-420px;box-shadow:-4px 0 30px rgba(0,0,0,.5)}.messaging-sidebar.open{right:0}.messaging-sidebar-header{border-bottom:1px solid var(--border-color,#1f2937);justify-content:space-between;align-items:center;padding:20px;display:flex}.messaging-sidebar-header .title-area{align-items:center;gap:10px;display:flex}.messaging-sidebar-header .title-area h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.messaging-sidebar-header .header-icon{color:var(--brand-primary)}.messaging-sidebar-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.messaging-sidebar-header .close-btn:hover{color:var(--text-primary)}.messaging-tabs{border-bottom:1px solid var(--border-color,#1f2937);background:rgba(255,255,255,.02);display:flex}.messaging-tabs .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.messaging-tabs .tab-btn:hover{color:var(--text-primary)}.messaging-tabs .tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);background:rgba(124,58,237,.05)}.messaging-content{flex-direction:column;flex:1;height:calc(100% - 110px);display:flex;overflow:hidden}.chat-view{flex-direction:column;flex:1;justify-content:space-between;height:100%;display:flex}.chat-messages-container{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.chat-bubble-row{align-items:flex-start;gap:10px;max-width:85%;display:flex}.chat-bubble-row.self{flex-direction:row-reverse;align-self:flex-end;max-width:85%}.chat-bubble-row .avatar{width:32px;height:32px;color:var(--text-primary);background:#374151;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.chat-bubble-row.self .avatar{background:var(--brand-primary)}.bubble-wrapper{flex-direction:column;gap:3px;display:flex}.bubble-meta{color:var(--text-muted);gap:8px;font-size:10px;display:flex}.chat-bubble-row.self .bubble-meta{justify-content:flex-end}.bubble-meta .sender{font-weight:600}.bubble-body{color:var(--text-primary);word-break:break-word;background:#1f2937;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.4}.chat-bubble-row.self .bubble-body{background:var(--brand-primary);border-top-right-radius:2px}.chat-bubble-row:not(.self) .bubble-body{border-top-left-radius:2px}.message-compose-form{border-top:1px solid var(--border-color,#1f2937);background:#0b0f17;gap:8px;padding:14px;display:flex}.compose-input{border:1px solid var(--border-color,#1f2937);border-radius:var(--radius-md,8px);color:var(--text-primary);background:#111827;outline:none;flex:1;padding:10px 14px;font-size:13px}.compose-input:focus{border-color:var(--brand-primary)}.compose-send-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s;display:flex}.compose-send-btn:hover{background:#6d28d9}.tasks-view{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.task-compose-form{border-bottom:1px solid var(--border-color,#1f2937);flex-direction:column;gap:10px;padding:16px;display:flex}.task-input{border:1px solid var(--border-color,#1f2937);border-radius:var(--radius-md,8px);color:var(--text-primary);resize:none;background:#111827;outline:none;padding:10px 12px;font-size:13px}.task-input:focus{border-color:var(--brand-primary)}.task-form-row{gap:8px;display:flex}.assignee-select{border:1px solid var(--border-color,#1f2937);border-radius:var(--radius-md,8px);color:var(--text-primary);background:#111827;outline:none;flex:1;padding:8px 12px;font-size:13px}.task-add-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600}.tasks-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.task-item{border:1px solid var(--border-color,#1f2937);border-radius:var(--radius-md,8px);background:#111827;gap:12px;padding:12px;transition:all .2s;display:flex}.task-item.highlighted{border-left:3px solid var(--brand-primary)}.task-item.completed{opacity:.5}.task-checkbox{border:1px solid var(--border-color,#1f2937);cursor:pointer;background:#1f2937;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.task-checkbox .check-icon{color:var(--color-success,#10b981)}.task-details{flex-direction:column;gap:4px;display:flex}.task-content{color:var(--text-primary);margin:0;font-size:13px;line-height:1.4}.task-item.completed .task-content{text-decoration:line-through}.task-meta{color:var(--text-muted);gap:10px;font-size:10px;display:flex}.notes-view{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.note-compose-form{border-bottom:1px solid var(--border-color,#1f2937);flex-direction:column;gap:10px;padding:16px;display:flex}.note-input{border:1px solid var(--border-color,#1f2937);border-radius:var(--radius-md,8px);color:var(--text-primary);resize:none;background:#111827;outline:none;padding:10px 12px;font-size:13px}.note-input:focus{border-color:var(--brand-primary)}.note-add-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;align-self:flex-end;padding:8px 16px;font-size:13px;font-weight:600}.notes-grid{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.note-card{color:#1e293b;border-radius:var(--radius-md,8px);background:#fef08a;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 4px 6px rgba(0,0,0,.1)}.note-content{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.4}.note-meta{color:#475569;justify-content:space-between;font-size:10px;font-weight:500;display:flex}.panel-empty-state{height:100px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}@media (max-width:480px){.messaging-sidebar{width:100%;right:-100%}.floating-chat-btn{bottom:16px;right:16px}}.task-filters{border-bottom:1px solid var(--border-color,#1f2937);background:rgba(255,255,255,.01);padding:0 8px;display:flex}.task-filters .filter-btn{color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid transparent;flex:1;padding:10px 4px;font-size:11px;font-weight:600;transition:all .2s}.task-filters .filter-btn:hover{color:var(--text-primary,#fff)}.task-filters .filter-btn.active{color:var(--brand-primary,#7c3aed);border-bottom-color:var(--brand-primary,#7c3aed);background:rgba(124,58,237,.03)}.task-delete-btn{color:var(--text-muted,#9ca3af);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:4px;transition:all .2s;display:flex}.task-delete-btn:hover{color:var(--color-danger,#ef4444);background:rgba(239,68,68,.1)}.app-layout.sidebar-collapsed{--sidebar-width:68px}.app-layout.sidebar-collapsed .sidebar{width:68px!important;min-width:68px!important}.app-layout.sidebar-collapsed .sidebar .logo-full,.app-layout.sidebar-collapsed .sidebar .nav-section-title,.app-layout.sidebar-collapsed .sidebar .nav-item span:not(.nav-badge),.app-layout.sidebar-collapsed .sidebar .nav-badge,.app-layout.sidebar-collapsed .sidebar .sidebar-footer-info{display:none!important}.app-layout.sidebar-collapsed .sidebar .logo-collapsed{display:block!important}.app-layout.sidebar-collapsed .sidebar .nav-item{justify-content:center!important;padding:12px 0!important}.app-layout.sidebar-collapsed .sidebar .nav-icon{margin-right:0!important}.app-layout.sidebar-collapsed .sidebar .sidebar-header{justify-content:center!important;padding:16px 12px!important}.app-layout.sidebar-collapsed .sidebar .sidebar-footer{justify-content:center!important;padding:12px!important}@media (max-width:1536px){:root{--sidebar-width:240px}html{font-size:14.5px}.main-body{padding:18px}.card{padding:20px}}@media (max-width:1366px){:root{--sidebar-width:220px}html{font-size:14px}.main-header{height:56px;padding:0 16px}.main-body{padding:16px}th,td{padding:10px 12px;font-size:13.5px}.td-code{font-size:11.5px}.btn{padding:9px 16px;font-size:13px}.btn-sm{padding:7px 12px;font-size:12px}.search-box{max-width:280px}}@media (max-width:1200px){:root{--sidebar-width:200px}.nav-item{padding:10px 12px;font-size:13.5px}.nav-icon{width:18px;height:18px;margin-right:10px}.responsive-left-sidebar{width:200px!important;min-width:200px!important}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stat-card{padding:14px}.stat-value{font-size:22px}}@media (max-width:1024px){.app-layout{position:relative}.sidebar{transform:translate(-100%);z-index:2000!important;width:260px!important;min-width:260px!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;box-shadow:10px 0 35px rgba(0,0,0,.6)!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-backdrop{backdrop-filter:blur(4px);z-index:1999;background:rgba(0,0,0,.65);animation:.2s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.main-content{width:100%!important;margin-left:0!important}.responsive-split-layout{flex-direction:column}.responsive-left-sidebar{width:100%!important;min-width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal{margin:16px auto;width:min(95vw,760px)!important;max-height:calc(100vh - 32px)!important}.modal-body{padding:16px!important}.modal-header{padding:14px 16px!important}.modal-footer{padding:12px 16px!important}}@media (max-width:768px){html{font-size:13.5px}.main-header{height:52px;padding:0 12px}.main-header h2{font-size:16px}.main-body{padding:12px}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.search-box{max-width:100%}.form-row,.form-row-3,.responsive-form-grid{grid-template-columns:1fr!important;gap:12px!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header-actions{justify-content:flex-start;width:100%;overflow-x:auto}.btn{padding:10px 14px;font-size:13px}.modal{border-radius:12px!important;width:98vw!important}}.nav-section-main .nav-section-title{color:var(--brand-primary);opacity:1}.nav-section-sales .nav-section-title{color:#34d399;opacity:1}.nav-section-sales .nav-item:hover .nav-icon{color:#34d399}.nav-section-sales .nav-item.active{color:#34d399;background:linear-gradient(90deg,rgba(16,185,129,.28) 0%,rgba(16,185,129,.08) 100%);border-left-color:#10b981;box-shadow:inset 0 0 14px rgba(16,185,129,.16)}.nav-section-sales .nav-item.active .nav-icon{color:#34d399;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.nav-section-stock .nav-section-title{color:#60a5fa;opacity:1}.nav-section-stock .nav-item:hover .nav-icon{color:#60a5fa}.nav-section-stock .nav-item.active{color:#60a5fa;background:linear-gradient(90deg,rgba(59,130,246,.28) 0%,rgba(59,130,246,.08) 100%);border-left-color:#3b82f6;box-shadow:inset 0 0 14px rgba(59,130,246,.16)}.nav-section-stock .nav-item.active .nav-icon{color:#60a5fa;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.nav-section-people .nav-section-title{color:#22d3ee;opacity:1}.nav-section-people .nav-item:hover .nav-icon{color:#22d3ee}.nav-section-people .nav-item.active{color:#22d3ee;background:linear-gradient(90deg,rgba(6,182,212,.28) 0%,rgba(6,182,212,.08) 100%);border-left-color:#06b6d4;box-shadow:inset 0 0 14px rgba(6,182,212,.16)}.nav-section-people .nav-item.active .nav-icon{color:#22d3ee;filter:drop-shadow(0 0 8px rgba(6,182,212,.4))}.nav-section-logistics .nav-section-title{color:#c084fc;opacity:1}.nav-section-logistics .nav-item:hover .nav-icon{color:#c084fc}.nav-section-logistics .nav-item.active{color:#c084fc;background:linear-gradient(90deg,rgba(139,92,246,.28) 0%,rgba(139,92,246,.08) 100%);border-left-color:#8b5cf6;box-shadow:inset 0 0 14px rgba(139,92,246,.16)}.nav-section-logistics .nav-item.active .nav-icon{color:#c084fc;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.nav-section-system .nav-section-title{color:#f87171;opacity:1}.nav-section-system .nav-item:hover .nav-icon{color:#f87171}.nav-section-system .nav-item.active{color:#f87171;background:linear-gradient(90deg,rgba(244,63,94,.28) 0%,rgba(244,63,94,.08) 100%);border-left-color:#f43f5e;box-shadow:inset 0 0 14px rgba(244,63,94,.16)}.nav-section-system .nav-item.active .nav-icon{color:#f87171;filter:drop-shadow(0 0 8px rgba(244,63,94,.4))}.sidebar-header{background:linear-gradient(rgba(245,158,11,.12) 0%,transparent 100%)}.main-body{background:radial-gradient(ellipse 75% 35% at 15% 0%, rgba(245,158,11,.07) 0%, transparent 100%), var(--bg-app)}::-webkit-scrollbar-thumb{background:rgba(245,158,11,.22);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(245,158,11,.42)}th{position:relative}th:after{content:"";background:var(--brand-primary);opacity:0;height:1px;transition:opacity var(--transition-fast);position:absolute;bottom:0;left:18px;right:18px}th:hover:after{opacity:1}