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,.15);--brand-secondary:#3b82f6;--bg-app:#0a0e1a;--bg-sidebar:#0d1220;--bg-card:#111827;--bg-card-hover:#1a2236;--bg-input:#0f172a;--bg-header:rgba(13,18,32,.85);--bg-modal:rgba(0,0,0,.7);--bg-tooltip:#1e293b;--border-color:rgba(255,255,255,.06);--border-color-hover:rgba(255,255,255,.12);--border-color-focus:var(--brand-primary);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0a0e1a;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--sidebar-width:290px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 12px 40px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--brand-primary-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}html{max-width:100vw;font-size:15px;overflow-x:hidden}body{background:var(--bg-app);color:var(--text-primary);width:100vw;max-width:100%;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow:hidden}#root{max-width:100%;height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}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:8px;margin-bottom:24px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:12px 14px 8px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:var(--brand-primary-glow);color:var(--brand-primary);font-weight:600}.nav-item.active .nav-icon{color:var(--brand-primary)}.nav-icon{opacity:.7;flex-shrink:0;width:22px;height:22px;margin-right:16px}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.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{flex:1;font-size:18px;font-weight:700}.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:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:24px}.card:hover{border-color:var(--border-color-hover)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{font-size:15px;font-weight:600}.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:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;align-items:flex-start;gap:16px;padding:20px;display:flex}.stat-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon.amber{color:#f59e0b;background:rgba(245,158,11,.12)}.stat-icon.blue{color:#3b82f6;background:rgba(59,130,246,.12)}.stat-icon.green{color:#22c55e;background:rgba(34,197,94,.12)}.stat-icon.red{color:#ef4444;background:rgba(239,68,68,.12)}.stat-icon.purple{color:#8b5cf6;background:rgba(139,92,246,.12)}.stat-icon.cyan{color:#06b6d4;background:rgba(6,182,212,.12)}.stat-info{flex:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{margin-top:4px;font-size:26px;font-weight:800;line-height:1.2}.stat-change{margin-top:4px;font-size:11px}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color 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:12px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), #d97706);color:var(--text-inverse);border-color:var(--brand-primary)}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow);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)}.btn-danger{color:var(--color-danger);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.btn-danger:hover{background:rgba(239,68,68,.2)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-sm{gap:10px;padding:10px 18px;font-size:13px}.btn-lg{gap:14px;padding:16px 32px;font-size:16px}.btn-icon{padding:10px}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;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:all var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.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(--text-muted);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);overflow-x:auto;width:100%!important;max-width:100%!important;display:block!important}table{border-collapse:collapse;width:100%}thead{background:var(--bg-card)}th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;cursor:pointer;user-select:none;padding:14px 18px;font-size:12px;font-weight:600}th:hover{color:var(--text-secondary)}td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:14px 18px;font-size:15px}tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}tr:last-child td{border-bottom:none}.td-code{color:var(--brand-primary);font-family:Fira Code,monospace;font-size:12px;font-weight:500}.td-price{color:var(--text-primary);text-align:right;font-weight:600}.td-stock{text-align:center}.td-actions{text-align:right;white-space:nowrap}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#22c55e;background:rgba(34,197,94,.12)}.badge-warning{color:#f59e0b;background:rgba(245,158,11,.12)}.badge-danger{color:#ef4444;background:rgba(239,68,68,.12)}.badge-info{color:#3b82f6;background:rgba(59,130,246,.12)}.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:all var(--transition-fast);border-left:3px solid transparent;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{border-left-color:var(--brand-primary);background:rgba(245,158,11,.04)}.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)}.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)}.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:13px;display:flex}.pos-total-vat{color:var(--text-muted);font-size:12px}.pos-grand-total{border-top:2px solid var(--border-color);margin-top:8px;color:var(--text-primary)!important;padding:16px 0!important;font-size:28px!important;font-weight:800!important}.pos-items-count{color:var(--text-muted)!important;font-size:12px!important}.pos-actions{border-top:1px solid var(--border-color);padding:16px}.pos-pay-btn{background:linear-gradient(135deg, var(--color-success), #16a34a);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:10px;padding:16px;font-family:inherit;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 20px rgba(34,197,94,.25)}.pos-pay-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 24px rgba(34,197,94,.35)}.pos-pay-btn:disabled{opacity:.4;cursor:not-allowed}.pos-action-row{gap:8px;margin-top:10px;display:flex}.pos-payment-total{text-align:center;color:var(--text-primary);padding:16px 0;font-size:42px;font-weight:800}.pos-payment-methods{gap:8px;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:6px;padding:14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.pos-payment-method:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.pos-payment-method.active{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-glow)}.pos-quick-cash{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pos-quick-cash .btn{flex:1;justify-content:center;min-width:60px}.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}}