:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--primary-hover:#f8f9fa;--secondary-color:#764ba2;--success-color:#157f3d;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#0369a1;--light-color:#f8f9fa;--dark-color:#343a40;--body-bg:#f5f7fa;--surface-color:#ffffff;--surface-elevated:#ffffff;--surface-muted:#f8f9fa;--border-color:#eeeeee;--text-color:#333333;--text-muted:#666666;--text-soft:#555555;--purple-color:#9b59b6;--sidebar-width:260px;--sidebar-collapsed:70px;--header-height:60px;--footer-height:50px;--border-radius:8px;--box-shadow:0 2px 10px rgba(0,0,0,0.1);--box-shadow-lg:0 5px 20px rgba(0,0,0,0.15);--transition:all 0.3s ease;}*{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;width:100%;max-width:100%;overflow-x:hidden;}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--body-bg);color:var(--text-color);line-height:1.6;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;}a{text-decoration:none;color:var(--primary-color);transition:var(--transition);}a:hover{color:var(--primary-dark);}.app-skip-link{position:fixed;z-index:10050;top:10px;left:10px;padding:10px 14px;border:2px solid #ffffff;border-radius:6px;background:#173f8a;color:#ffffff;font-weight:700;transform:translateY(-160%);}.app-skip-link:focus{color:#ffffff;transform:translateY(0);}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #174ea6;outline-offset:3px;}body.theme-dark:where(a,button,input,select,textarea,summary,[tabindex] ):focus-visible{outline-color:#c7d2fe;}img,video,canvas,iframe{max-width:100%;height:auto;}input,select,textarea,button{max-width:100%;}.header,.header-left,.header-right,.header-actions,.main-content,.footer,.page-header,.quick-actions,.stats-grid,.stat-card,.dashboard-grid,.dashboard-card,.card,.card-title,.card-content,.card-body,.card-header,.card-header h3,.modal-content,.modal-header,.modal-body,.modal-footer,.form-group,.form-row,.form-actions,.table-responsive,.stat-info,.pagination{min-width:0;max-width:100%;}.page-header h1,.card-header h3,.notification-content{min-width:0;overflow-wrap:anywhere;}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface-color);box-shadow:var(--box-shadow);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;}.header-left{display:flex;align-items:center;gap:15px;flex:1 1 auto;}.sidebar-toggle{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-soft);padding:10px;border-radius:5px;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px;}.sidebar-toggle:hover{background:var(--primary-hover);color:var(--primary-color);}.sidebar-toggle:active{background:var(--surface-muted);transform:scale(0.95);}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--primary-color);min-width:0;}.logo i{font-size:1.8rem;flex:0 0 auto;}.logo .company-logo{width:42px;height:42px;padding:3px;border-radius:10px;object-fit:contain;background:#fff;flex:0 0 auto;}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.header-right{display:flex;align-items:center;flex:0 1 auto;justify-content:flex-end;}.header-actions{display:flex;align-items:center;gap:15px;justify-content:flex-end;}.header-actions .btn-primary{color:white !important;}.header-actions .btn-primary i,.header-actions .btn-primary span{color:white !important;}.user-dropdown{position:relative;}.user-toggle{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:5px 10px;border-radius:5px;transition:var(--transition);}.user-toggle:hover{background:var(--primary-hover);}.user-avatar{width:35px;height:35px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color) );border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;}.user-name{font-weight:500;color:#333;}.dropdown-menu{position:absolute;top:100%;right:0;background:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);min-width:200px;display:none;z-index:1001;margin-top:10px;}.dropdown-menu.show{display:block;}.dropdown-header{padding:15px;border-bottom:1px solid #eee;}.user-role{color:#666;font-size:0.9rem;}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 15px;color:#333;transition:var(--transition);}.dropdown-item:hover{background:#f8f9fa;}.dropdown-item.text-danger{color:var(--danger-color);}.dropdown-divider{height:1px;background:#eee;margin:5px 0;}.notifications-dropdown{position:relative;}.badge-count{position:absolute;top:-5px;right:-5px;background:var(--danger-color);color:white;font-size:0.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.notification-menu{position:absolute;top:100%;right:0;background:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);width:min(400px,calc(100vw - 24px));min-width:min(350px,calc(100vw - 24px));max-width:calc(100vw - 24px);display:none;z-index:1001;margin-top:10px;overflow:hidden;}.notification-menu.show{display:block;}.notification-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;}.notification-header h4{margin:0;font-size:1rem;color:#333;}.notification-header .mark-all-read{font-size:0.85rem;color:var(--primary-color);cursor:pointer;background:none;border:none;padding:0;}.notification-list{max-height:350px;overflow-y:auto;}.notification-item{padding:15px 20px;border-bottom:1px solid #eee;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:var(--transition);}.notification-item:hover{background:#f8f9fa;}.notification-item.unread{background:#f0f7ff;}.notification-item.unread:hover{background:#e3f0ff;}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.notification-icon.warning{background:#fff3cd;color:#856404;}.notification-icon.danger{background:#f8d7da;color:#721c24;}.notification-icon.info{background:#cce5ff;color:#004085;}.notification-icon.success{background:#d4edda;color:#155724;}.notification-content{flex:1;min-width:0;}.notification-content p{margin:0 0 5px 0;font-size:0.9rem;color:#333;line-height:1.4;}.notification-content .time{font-size:0.75rem;color:#999;}.notification-empty{padding:40px 20px;text-align:center;color:#999;}.notification-empty i{font-size:3rem;margin-bottom:10px;color:#ddd;}.notification-footer{padding:12px 20px;border-top:1px solid #eee;text-align:center;background:#f8f9fa;}.notification-footer a{color:var(--primary-color);font-size:0.9rem;}.section-focus-highlight{outline:3px solid rgba(37,99,235,0.35);outline-offset:4px;transition:outline-color 0.25s ease;}.warehouse-action-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.warehouse-action-form .form-control{min-width:150px;max-width:220px;}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--surface-color);box-shadow:var(--box-shadow);z-index:999;overflow-y:auto;overflow-x:hidden;transition:width 0.3s ease;}.sidebar.collapsed{width:var(--sidebar-collapsed);}.sidebar.collapsed .nav-header{display:none !important;}.sidebar.collapsed .nav-link span{display:none !important;}.sidebar.collapsed .nav-link{justify-content:center !important;padding:15px 12px !important;}.sidebar.collapsed .nav-link i{font-size:1.3rem;width:auto;}.sidebar.collapsed .sidebar-footer{display:none !important;}.sidebar.collapsed .nav-item{position:relative;}.sidebar.collapsed .nav-link:hover::after{content:attr(title);position:absolute;left:60px;background:#333;color:white;padding:5px 10px;border-radius:4px;font-size:0.85rem;white-space:nowrap;z-index:1000;}.sidebar-nav{padding:15px 0;}.nav-list{list-style:none;}.nav-header{padding:15px 20px 5px;font-size:0.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:1px;}.nav-item{margin:2px 0;}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-soft);transition:var(--transition);border-left:3px solid transparent;}.nav-link:hover{background:var(--primary-hover);color:var(--primary-color);}.nav-link-disabled,.nav-link-disabled:hover{color:#9ca3af;cursor:not-allowed;background:transparent;}.nav-item.disabled{opacity:0.75;}.nav-item.active .nav-link{background:linear-gradient(90deg,rgba(102,126,234,0.1),transparent);color:var(--primary-color);border-left-color:var(--primary-color);}.nav-link i{width:20px;text-align:center;font-size:1.1rem;}.nav-link.text-danger{color:var(--danger-color);}.nav-link.text-danger:hover{background:rgba(220,53,69,0.1);}.sidebar-footer{padding:15px 20px;border-top:1px solid var(--border-color);text-align:center;font-size:0.8rem;color:var(--text-muted);}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;display:none;}.sidebar-overlay.show{display:block;}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);width:auto;max-width:none;padding:clamp(16px,2vw,25px);min-height:calc(100vh - var(--header-height) - var(--footer-height));transition:var(--transition);}.main-content [id]{scroll-margin-top:calc(var(--header-height) + 16px);}body.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed) !important;width:auto;max-width:none;}.footer{margin-left:var(--sidebar-width);width:auto;max-width:none;padding:15px 25px;background:var(--surface-color);border-top:1px solid var(--border-color);text-align:center;font-size:0.85rem;color:var(--text-muted);transition:var(--transition);}body.sidebar-collapsed .footer{margin-left:var(--sidebar-collapsed) !important;width:auto;max-width:none;}.page-header{margin-bottom:25px;}.page-header h1{font-size:1.8rem;color:var(--text-color);margin-bottom:5px;display:flex;align-items:center;gap:10px;}.page-header h1 i{color:var(--primary-color);}.page-header p{color:var(--text-muted);}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:15px;margin-bottom:25px;}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border-radius:var(--border-radius);color:white;text-align:center;transition:var(--transition);}.action-btn:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-lg);color:white;}.action-btn i{font-size:2rem;}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:white !important;}.btn-primary i,.btn-primary span{color:white !important;}.btn-success{background:linear-gradient(135deg,#157f3d,#0f766e);color:white !important;}.btn-success i,.btn-success span{color:white !important;}.btn-info{background:linear-gradient(135deg,#0369a1,#6d28d9);color:white !important;}.btn-info i,.btn-info span{color:white !important;}.btn-secondary{background:linear-gradient(135deg,#334155,#475569);color:white !important;}.btn-secondary i,.btn-secondary span{color:white !important;}.btn-history{background:linear-gradient(135deg,#0f4c81,#1d70b8);color:#ffffff !important;box-shadow:0 10px 24px rgba(15,76,129,0.22);}.btn-history i,.btn-history span{color:#ffffff !important;}.btn-history:hover{color:#ffffff !important;box-shadow:0 14px 28px rgba(15,76,129,0.28);}.btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#333 !important;}.btn-warning:hover{color:#333 !important;}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:white !important;}.btn-danger i,.btn-danger span{color:white !important;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin-bottom:25px;}.stat-card{background:var(--surface-color);border-radius:var(--border-radius);padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--box-shadow);transition:var(--transition);}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-lg);}.stat-card.alert-card{border:2px solid var(--danger-color);animation:pulse 2s infinite;}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,53,69,0.4);}50%{box-shadow:0 0 0 10px rgba(220,53,69,0);}}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;}.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2);}.bg-success{background:linear-gradient(135deg,#28a745,#20c997);}.bg-info{background:linear-gradient(135deg,#17a2b8,#6f42c1);}.bg-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);}.bg-danger{background:linear-gradient(135deg,#dc3545,#c82333);}.bg-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad);}.bg-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);}.bg-dark{background:linear-gradient(135deg,#343a40,#23272b);}.stat-info h3{font-size:1.5rem;color:var(--text-color);margin-bottom:3px;overflow-wrap:anywhere;}.stat-info p{color:var(--text-muted);font-size:0.9rem;overflow-wrap:anywhere;}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;margin-bottom:25px;}.dashboard-card{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;}.card-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}.card-header h3{font-size:1.1rem;color:var(--text-color);display:flex;align-items:center;gap:8px;}.card-header h3 i{color:var(--primary-color);}.btn-link{color:var(--primary-color);font-size:0.9rem;font-weight:500;}.card-body{padding:20px;overflow-x:auto;}.no-data{text-align:center;color:var(--text-muted);padding:30px;}.no-data.text-success{color:var(--success-color);}.table{width:100%;max-width:100%;border-collapse:collapse;}.table th,.table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color);overflow-wrap:anywhere;vertical-align:top;}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}.table th{background:var(--surface-muted);font-weight:600;color:var(--text-soft);font-size:0.9rem;}.table tbody tr:hover{background:var(--surface-muted);}.table-compact th,.table-compact td{padding:10px 12px;font-size:0.9rem;}.table-danger{background:rgba(220,53,69,0.1) !important;}.table-warning{background:rgba(255,193,7,0.1) !important;}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;}.badge-cash{background:#d4edda;color:#155724;}.badge-card{background:#cce5ff;color:#004085;}.badge-mobile{background:#fff3cd;color:#856404;}.badge-bank_transfer{background:#e0e7ff;color:#3730a3;}.badge-credit{background:#f8d7da;color:#721c24;}.badge-paid{background:#d4edda;color:#155724;}.badge-pending{background:#fff3cd;color:#856404;}.badge-partial{background:#cce5ff;color:#004085;}.badge-success{background:#d4edda;color:#155724;}.badge-danger{background:#f8d7da;color:#721c24;}.badge-warning{background:#fff3cd;color:#856404;}.badge-info{background:#cce5ff;color:#004085;}.badge-secondary{background:#e2e8f0;color:#334155;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius);font-size:0.95rem;font-weight:500;cursor:pointer;border:none;transition:var(--transition);max-width:100%;min-width:0;white-space:normal;}.btn i,.btn-icon i{flex:0 0 auto;}.btn:hover{transform:translateY(-2px);box-shadow:var(--box-shadow);}.btn-sm{padding:6px 15px;font-size:0.85rem;}.btn-lg{padding:15px 30px;font-size:1.1rem;}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;color:var(--text-soft);transition:var(--transition);}.btn-icon:hover{background:var(--primary-hover);color:var(--primary-color);}.alert{padding:15px 20px;border-radius:var(--border-radius);margin-bottom:20px;transition:opacity 0.3s;}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;}.alert-info{background:#cce5ff;color:#004085;border:1px solid #b8daff;}.quick-links{background:var(--surface-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow);}.quick-links h3{margin-bottom:15px;color:var(--text-color);}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;}.quick-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--surface-muted);border-radius:var(--border-radius);color:var(--text-soft);transition:var(--transition);}.quick-link:hover{background:var(--primary-color);color:white;transform:translateY(-3px);}.quick-link i{font-size:1.5rem;}.form-group{margin-bottom:20px;}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);}.form-control{width:100%;max-width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:var(--surface-color);color:var(--text-color);}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(23,78,166,0.18);}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.form-control:disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed;}.app-inline-feedback{margin:0 0 16px;padding:12px 14px;border-radius:10px;border:1px solid transparent;font-size:0.92rem;}.app-inline-feedback[hidden]{display:none !important;}.app-inline-feedback-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}.app-inline-feedback-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857;}.app-inline-feedback-warning{background:#fffbeb;border-color:#fde68a;color:#b45309;}.app-inline-feedback-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c;}.app-toast-stack{position:fixed;right:22px;bottom:22px;z-index:3000;display:grid;gap:10px;width:min(360px,calc(100vw - 24px));}.app-toast{display:grid;gap:4px;padding:14px 16px;border-radius:14px;color:#fff;box-shadow:0 16px 34px rgba(15,23,42,0.22);animation:slideInUp 0.18s ease-out;}.app-toast.is-leaving{opacity:0;transform:translateY(8px);transition:opacity 0.2s ease,transform 0.2s ease;}.app-toast-title{font-size:0.9rem;}.app-toast-message{font-size:0.92rem;line-height:1.45;}.app-toast-info{background:#1d4ed8;}.app-toast-success{background:#047857;}.app-toast-warning{background:#b45309;}.app-toast-error{background:#b91c1c;}@keyframes slideInUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}select.form-control{cursor:pointer;}textarea.form-control{resize:vertical;min-height:100px;}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:15px;}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;}.resource-propagation-panel{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:14px;background:var(--surface-muted);}.resource-checklist{display:grid;gap:8px;max-height:320px;overflow:auto;padding:4px 2px;}.resource-checklist-compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));max-height:none;}.resource-check-item{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);line-height:1.35;min-width:0;}.resource-check-item input{flex:0 0 auto;margin-top:3px;}.resource-check-item span{min-width:0;overflow-wrap:anywhere;}.resource-check-item small{display:block;margin-top:2px;color:var(--text-muted);}.resource-check-all{margin-bottom:10px;font-weight:600;}.system-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;}.help-text{display:block;margin-top:5px;font-size:0.85rem;color:var(--text-muted);}.text-muted{color:var(--text-muted);}.text-success{color:var(--success-color);}.card{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin-bottom:20px;}.card-title{padding:20px;border-bottom:1px solid var(--border-color);}.card-title h2{font-size:1.3rem;color:var(--text-color);}.card-content{padding:20px;overflow-x:auto;}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:20px;}.pagination a,.pagination span{padding:8px 15px;border-radius:5px;background:var(--surface-color);color:var(--text-color);transition:var(--transition);}.pagination a:hover{background:var(--primary-color);color:white;}.pagination .active{background:var(--primary-color);color:white;}.pagination .disabled{color:var(--text-muted);cursor:not-allowed;}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000;align-items:center;justify-content:center;}.modal.show{display:flex;}.modal-content{background:var(--surface-color);color:var(--text-color);border-radius:var(--border-radius);max-width:min(600px,calc(100vw - 24px));width:90%;max-height:90vh;overflow-y:auto;}.modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;}.modal-body{padding:20px;overflow-x:auto;}.modal-footer{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-soft);}@media (min-width:769px){:root{--sidebar-width:195px;--sidebar-collapsed:52px;--header-height:45px;--footer-height:38px;--border-radius:6px;}html{font-size:12px;}body{line-height:1.45;}.header{padding:0 15px;gap:9px;}.header-left,.header-actions,.user-toggle{gap:8px;}.sidebar-toggle{width:30px;height:30px;padding:6px;font-size:16px;}.logo{gap:7px;font-size:1.35rem;}.logo i{font-size:1.5rem;}.user-avatar{width:27px;height:27px;}.dropdown-menu{min-width:160px;margin-top:7px;}.dropdown-header,.dropdown-item{padding:9px 11px;}.notification-menu{width:min(320px,calc(100vw - 18px));min-width:min(260px,calc(100vw - 18px));max-width:calc(100vw - 18px);}.notification-header,.notification-item,.notification-footer{padding:10px 15px;}.notification-icon{width:30px;height:30px;}.sidebar-nav{padding:10px 0;}.nav-header{padding:10px 15px 4px;letter-spacing:0.6px;}.nav-link{gap:9px;padding:9px 15px;border-left-width:2px;}.nav-link i{width:16px;}.sidebar-footer{padding:11px 15px;}.main-content{padding:12px 15px;}.footer{padding:10px 18px;}.page-header{margin-bottom:16px;}.page-header h1{font-size:1.5rem;gap:8px;}.quick-actions,.stats-grid,.dashboard-grid{gap:12px;margin-bottom:16px;}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));}.action-btn,.stat-card,.quick-links{padding:15px;}.action-btn{gap:6px;}.action-btn i{font-size:1.5rem;}.stat-card{gap:11px;}.stat-icon{width:45px;height:45px;}.card,.dashboard-card{margin-bottom:15px;}.card-header,.card-title,.card-body,.card-content,.modal-body{padding:15px;}.card-title h2{font-size:1.1rem;}.card-header h3{font-size:1rem;}.table th,.table td{padding:9px 11px;}.btn{gap:6px;padding:8px 15px;}.btn-sm{padding:5px 11px;}.btn-lg{padding:11px 22px;}.btn-icon{width:28px;height:28px;}.alert{padding:11px 15px;margin-bottom:15px;}.form-group{margin-bottom:15px;}.form-group label{margin-bottom:6px;}.form-control{padding:9px 11px;border-width:1px;}.form-row{gap:12px;}.app-inline-feedback{margin-bottom:12px;padding:9px 11px;}.pagination{margin-top:15px;}.pagination a,.pagination span{padding:6px 11px;}.modal-content{max-height:calc(100vh - 24px);}.modal-footer{padding:11px 15px;gap:8px;}}@media (max-width:768px){.sidebar{transform:translateX(-100%);}.sidebar.show{transform:translateX(0);}.main-content,.footer{margin-left:0;width:100%;max-width:100vw;}.dashboard-grid{grid-template-columns:1fr;}.stats-grid{grid-template-columns:repeat(2,1fr);}.quick-actions{grid-template-columns:repeat(2,1fr);}.user-name{display:none;}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr;}.quick-actions{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}@media (max-width:1024px){:root{--sidebar-width:220px;}.stats-grid{grid-template-columns:repeat(2,1fr);}.dashboard-grid{grid-template-columns:1fr;}.system-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width:769px) and (max-width:1024px){:root{--sidebar-width:195px;--sidebar-collapsed:52px;--header-height:45px;--footer-height:38px;}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));}.system-resource-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));}}@media (max-width:768px){:root{--sidebar-width:260px;}.sidebar{position:fixed;left:-260px;top:var(--header-height);width:260px;height:calc(100vh - var(--header-height));z-index:1000;transition:left 0.3s ease;}.sidebar.show{left:0;}.sidebar.collapsed{left:-260px;width:260px;}.sidebar.collapsed.show{left:0;}.sidebar.collapsed .nav-header,.sidebar.collapsed .nav-link span,.sidebar.collapsed .sidebar-footer{display:block !important;}.sidebar.collapsed .nav-link{justify-content:flex-start !important;padding:12px 20px !important;}.main-content{margin-left:0 !important;width:100% !important;max-width:100vw !important;padding:15px;}body.sidebar-collapsed .main-content{margin-left:0 !important;width:100% !important;max-width:100vw !important;}.footer{margin-left:0 !important;width:100% !important;max-width:100vw !important;}body.sidebar-collapsed .footer{margin-left:0 !important;width:100% !important;max-width:100vw !important;}.sidebar-overlay{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;}.sidebar-overlay.show{display:block;}body.mobile-sidebar-open{overflow:hidden;}.header{padding:0 15px;}.header-title h1{font-size:1.1rem;}.header-actions{gap:8px;}.header-actions .btn{padding:8px 12px;font-size:0.85rem;}.header-actions .btn span{display:none;}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;}.stat-card{padding:15px;}.stat-icon{width:45px;height:45px;font-size:1.2rem;}.stat-info h3{font-size:1.3rem;}.page-header{flex-direction:column;align-items:flex-start;gap:15px;}.page-header h1{font-size:1.4rem;}.card{margin-bottom:15px;}.card-title{padding:15px 20px;}.card-content{padding:15px 20px;}.table{font-size:0.9rem;}.table th,.table td{padding:10px 12px;}.form-row{grid-template-columns:1fr;gap:10px;}.form-group{margin-bottom:15px;}.dashboard-grid{grid-template-columns:1fr;gap:15px;}.system-resource-grid{grid-template-columns:1fr;gap:15px;}.quick-actions{grid-template-columns:repeat(2,1fr);}.notification-menu{position:fixed;top:var(--header-height);right:0;left:0;width:100%;min-width:0;max-width:100%;border-radius:0;}.user-dropdown{position:relative;top:auto;right:auto;left:auto;width:auto;}.user-dropdown .dropdown-menu{position:fixed;top:var(--header-height);right:10px;left:10px;width:auto;}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr;}.quick-actions{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}.header-title h1{display:none;}.header-logo{font-size:1.2rem;}.logo span{display:none;}.table{min-width:0;table-layout:fixed;width:100%;}.table th,.table td{padding:8px 10px;font-size:0.82rem;}}.support-release-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:24px;padding:20px;border:1px solid color-mix(in srgb,var(--primary-color) 24%,var(--border-color));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,var(--surface-color)),var(--surface-color) 62% );box-shadow:var(--box-shadow);}.support-release-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--primary-color);color:#fff;font-size:1.25rem;box-shadow:0 12px 26px rgba(79,70,229,0.22);}.support-release-eyebrow,.support-section-heading span{color:var(--primary-color);font-size:0.75rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}.support-release-banner h2{margin:4px 0 5px;color:var(--text-color);font-size:1.28rem;}.support-release-banner h2 small{margin-left:7px;color:var(--text-muted);font-size:0.76rem;font-weight:700;}.support-release-banner p{margin:0;color:var(--text-muted);}.support-release-status{display:flex;align-items:center;gap:10px;min-width:168px;padding:11px 13px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--success-color);}.support-release-status span{display:grid;color:var(--text-muted);font-size:0.72rem;}.support-release-status strong{color:var(--text-color);font-size:0.82rem;}.support-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:24px;align-items:start;}.support-index{position:sticky;top:calc(var(--header-height) + 20px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:18px;max-height:calc(100vh - var(--header-height) - 40px);overflow:auto;}.support-index-title{display:flex;align-items:center;gap:10px;color:var(--text-color);font-weight:700;margin-bottom:16px;}.support-index-title small{margin-left:auto;min-width:26px;padding:3px 7px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);text-align:center;}.support-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:18px;}.support-search label{grid-column:1 / -1;color:var(--text-color);font-size:0.82rem;font-weight:700;}.support-search>div{position:relative;min-width:0;}.support-search>div i{position:absolute;top:50%;left:11px;transform:translateY(-50%);color:var(--text-muted);font-size:0.82rem;}.support-search input{width:100%;min-height:38px;padding:8px 10px 8px 31px;border:1px solid var(--border-color);border-radius:7px;background:var(--surface-color);color:var(--text-color);}.support-search input:focus{outline:2px solid color-mix(in srgb,var(--primary-color) 34%,transparent);border-color:var(--primary-color);}.support-search-empty{padding:12px;border-radius:8px;background:var(--surface-muted);color:var(--text-muted);font-size:0.86rem;}.support-index-section{margin-bottom:18px;}.support-index-section:last-child{margin-bottom:0;}.support-index-section h3{margin:0 0 8px;font-size:0.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0;}.support-index-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:var(--text-soft);font-size:0.92rem;}.support-index-link:hover,.support-index-link.active{background:var(--primary-hover);color:var(--primary-color);}.support-content{min-width:0;}.support-hero-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:24px;margin-bottom:24px;}.support-hero-card h2{margin:10px 0 8px;color:var(--text-color);}.support-hero-card p{color:var(--text-muted);max-width:720px;margin:0;}.support-hero-card>i{font-size:3rem;color:var(--primary-color);}.support-version-chip{display:inline-flex;margin-left:7px;padding:4px 8px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:0.74rem;font-weight:800;}.support-quick-start,.support-release-highlights{margin:0 0 26px;}.support-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px;}.support-section-heading h2{margin:3px 0 0;color:var(--text-color);font-size:1.25rem;}.support-section-heading p{margin:0;color:var(--text-muted);font-size:0.84rem;}.support-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}.support-quick-grid>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--text-color);box-shadow:var(--box-shadow);}.support-quick-grid>a:hover{border-color:var(--primary-color);transform:translateY(-1px);}.support-quick-grid>a>i:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--primary-hover);color:var(--primary-color);}.support-quick-grid span{display:grid;gap:2px;}.support-quick-grid small{color:var(--text-muted);}.support-quick-grid>a>i:last-child{color:var(--text-muted);font-size:0.78rem;}.support-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.support-highlight-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);}.support-highlight-grid article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--surface-muted);color:var(--primary-color);}.support-highlight-grid h3{margin:0 0 4px;color:var(--text-color);font-size:0.95rem;}.support-highlight-grid p{margin:0;color:var(--text-muted);font-size:0.84rem;}.support-no-results{padding:34px;border:1px dashed var(--border-color);border-radius:12px;background:var(--surface-color);text-align:center;}.support-no-results>i{font-size:1.8rem;color:var(--primary-color);}.support-no-results h2{margin:10px 0 5px;color:var(--text-color);}.support-no-results p{margin:0 0 14px;color:var(--text-muted);}.storefront-search-settings{margin:22px 0;padding:18px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-muted);}.storefront-search-settings legend{padding:0 8px;color:var(--text-color);font-weight:800;}.storefront-search-endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;}.storefront-search-endpoints span{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-muted);font-size:0.8rem;}.storefront-search-endpoints code{overflow-wrap:anywhere;color:var(--text-color);}.support-topic-section{margin-bottom:26px;}.support-topic-section h2{margin:0 0 14px;color:var(--text-color);font-size:1.25rem;}.support-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}.support-topic-card{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:14px;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:16px;color:var(--text-color);min-height:136px;}.support-topic-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:var(--box-shadow-lg);}.support-topic-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,0.12);color:var(--primary-color);font-size:1.2rem;}.support-topic-card h3{margin:0 0 6px;color:var(--text-color);font-size:1rem;}.support-topic-card p{margin:0;color:var(--text-muted);font-size:0.9rem;}.support-topic-arrow{color:var(--text-muted);}.support-detail-card{min-width:0;}.support-detail-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px;}.support-detail-header h2{margin:10px 0 8px;color:var(--text-color);font-size:1.7rem;}.support-detail-header p{margin:0;color:var(--text-muted);max-width:820px;}.support-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.support-guide-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;}.support-guide-section-wide{grid-column:1 / -1;}.support-guide-section h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--text-color);font-size:1.05rem;}.support-guide-section p{color:var(--text-muted);margin:0 0 12px;}.support-guide-section p:last-child{margin-bottom:0;}.support-step-list{margin:0;padding-left:20px;color:var(--text-muted);}.support-step-list li{margin-bottom:8px;}.support-step-list li:last-child{margin-bottom:0;}.support-screen{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--surface-muted);}.support-screenshot-frame{margin:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--surface-muted);}.support-screenshot-frame img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top left;background:var(--surface-color);}.support-screenshot-frame figcaption{padding:10px 14px;color:var(--text-muted);font-size:0.88rem;border-top:1px solid var(--border-color);}.support-screen-header{display:flex;gap:6px;padding:10px;background:var(--surface-elevated);border-bottom:1px solid var(--border-color);}.support-screen-header span{width:10px;height:10px;border-radius:50%;background:var(--border-color);}.support-screen-title{display:flex;align-items:center;gap:10px;padding:14px;color:var(--text-color);border-bottom:1px solid var(--border-color);}.support-screen-title i{color:var(--primary-color);}.support-screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:14px;}.support-screen-panel{min-height:76px;border:1px solid var(--border-color);border-radius:6px;padding:12px;background:var(--surface-color);}.support-screen-panel span{display:block;color:var(--primary-color);font-weight:700;margin-bottom:8px;}.support-screen-panel strong{color:var(--text-color);font-size:0.88rem;}.support-screen .help-text{margin:0;padding:0 14px 14px;}@media (max-width:992px){.support-layout,.support-detail-grid{grid-template-columns:1fr;}.support-index{position:static;max-height:none;}.support-release-banner{grid-template-columns:auto minmax(0,1fr);}.support-release-status{grid-column:1 / -1;}}@media (max-width:576px){.support-hero-card,.support-detail-header{flex-direction:column;}.support-hero-card>i{display:none;}.support-topic-card{grid-template-columns:42px minmax(0,1fr);}.support-topic-arrow{display:none;}.support-release-banner{grid-template-columns:1fr;}.support-release-mark{width:46px;height:46px;}.support-release-status{grid-column:auto;}.support-highlight-grid{grid-template-columns:1fr;}.storefront-search-endpoints{grid-template-columns:1fr;}.support-section-heading{align-items:flex-start;flex-direction:column;}}body.theme-dark{color-scheme:dark;--primary-color:#4f46e5;--primary-dark:#6366f1;--primary-hover:rgba(79,70,229,0.16);--secondary-color:#0ea5e9;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#38bdf8;--light-color:#1f2937;--dark-color:#f8fafc;--body-bg:#0b1120;--surface-color:#111827;--surface-elevated:#182235;--surface-muted:#0f172a;--border-color:#273449;--text-color:#e5e7eb;--text-muted:#94a3b8;--text-soft:#cbd5e1;--box-shadow:0 14px 34px rgba(0,0,0,0.28);--box-shadow-lg:0 20px 46px rgba(0,0,0,0.38);background:radial-gradient(circle at top left,rgba(79,70,229,0.16),transparent 32rem ),radial-gradient(circle at bottom right,rgba(16,185,129,0.08),transparent 30rem ),var(--body-bg);color:var(--text-color);}body.theme-dark .header,body.theme-dark .sidebar,body.theme-dark .footer,body.theme-dark .dashboard-card,body.theme-dark .quick-links,body.theme-dark .stat-card,body.theme-dark .card,body.theme-dark .modal-content,body.theme-dark .summary-card,body.theme-dark .report-card,body.theme-dark .filter-bar,body.theme-dark .balance-hero,body.theme-dark .receipt-template-card,body.theme-dark .product-card,body.theme-dark .customer-card,body.theme-dark .settings-panel,body.theme-dark .tab-content,body.theme-dark .dropdown-menu,body.theme-dark .notification-menu,body.theme-dark .user-dropdown-menu,body.theme-dark .branch-switcher,body.theme-dark .pos-header,body.theme-dark .pos-cart,body.theme-dark .cart-summary{background:var(--surface-color) !important;border-color:var(--border-color) !important;color:var(--text-color) !important;box-shadow:var(--box-shadow);}body.theme-dark .header,body.theme-dark .sidebar,body.theme-dark .footer{border-color:var(--border-color);}body.theme-dark .sidebar{background:linear-gradient(180deg,#0f172a 0%,#111827 100%) !important;}body.theme-dark .main-content{background:transparent;}body.theme-dark .card-title,body.theme-dark .card-header,body.theme-dark .cart-header,body.theme-dark .modal-header,body.theme-dark .modal-footer,body.theme-dark .table th,body.theme-dark .table td,body.theme-dark .category-filter,body.theme-dark .sidebar-footer,body.theme-dark .line-item,body.theme-dark .report-card .line-item,body.theme-dark .balance-hero .line-item{border-color:var(--border-color) !important;}body.theme-dark .page-header h1,body.theme-dark .card-title h2,body.theme-dark .card-header h3,body.theme-dark .quick-links h3,body.theme-dark .stat-info h3,body.theme-dark .form-group label,body.theme-dark .table th,body.theme-dark .modal-header h2,body.theme-dark .summary-card .value,body.theme-dark .report-card header h3,body.theme-dark .line-item span,body.theme-dark .pl-row span,body.theme-dark .pos-header h1,body.theme-dark .cart-header h2,body.theme-dark .product-info h4,body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color:var(--text-color) !important;}body.theme-dark .page-header p,body.theme-dark .help-text,body.theme-dark .text-muted,body.theme-dark .no-data,body.theme-dark .stat-info p,body.theme-dark .summary-card .caption,body.theme-dark .summary-card .label,body.theme-dark .report-card header p,body.theme-dark .muted-note,body.theme-dark .source-list,body.theme-dark .chip,body.theme-dark .product-code,body.theme-dark .product-stock,body.theme-dark .sidebar-footer,body.theme-dark .nav-header{color:var(--text-muted) !important;}body.theme-dark a,body.theme-dark .btn-link,body.theme-dark .page-header h1 i,body.theme-dark .card-header h3 i,body.theme-dark .product-category{color:#a5b4fc;}body.theme-dark a:hover,body.theme-dark .btn-link:hover{color:var(--primary-dark);}body.theme-dark .sidebar-toggle,body.theme-dark .user-toggle,body.theme-dark .modal-close,body.theme-dark .btn-icon{color:var(--text-soft);}body.theme-dark .sidebar-toggle:hover,body.theme-dark .user-toggle:hover,body.theme-dark .btn-icon:hover,body.theme-dark .nav-link:hover,body.theme-dark .quick-link:hover,body.theme-dark .pagination a:hover{background:var(--primary-hover) !important;color:#c7d2fe !important;border-color:rgba(79,70,229,0.55) !important;}body.theme-dark .sidebar-toggle:active{background:rgba(79,70,229,0.24) !important;}body.theme-dark .nav-link{color:var(--text-soft) !important;}body.theme-dark .nav-item.active .nav-link{background:linear-gradient(90deg,rgba(79,70,229,0.24),transparent ) !important;color:#c7d2fe !important;border-left-color:var(--primary-color) !important;}body.theme-dark .nav-link-disabled,body.theme-dark .nav-link-disabled:hover{color:#64748b !important;background:transparent !important;}body.theme-dark .quick-link,body.theme-dark .table th,body.theme-dark .table tbody tr:hover,body.theme-dark .pl-section.highlight,body.theme-dark .form-control,body.theme-dark .pagination a,body.theme-dark .pagination span,body.theme-dark .app-inline-feedback,body.theme-dark .muted-note,body.theme-dark .chip,body.theme-dark .recipient-box,body.theme-dark .inline-form,body.theme-dark .logo-upload-section,body.theme-dark .current-logo,body.theme-dark .line-item.highlight,body.theme-dark .report-card .line-item.highlight{background:var(--surface-muted) !important;color:var(--text-color) !important;border-color:var(--border-color) !important;}body.theme-dark .form-control,body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#0f172a !important;border-color:var(--border-color) !important;color:var(--text-color) !important;}body.theme-dark .form-control:focus,body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{border-color:var(--primary-color) !important;box-shadow:0 0 0 3px rgba(79,70,229,0.24);}body.theme-dark .form-control::placeholder,body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color:#64748b;}body.theme-dark .form-control:disabled,body.theme-dark input:disabled,body.theme-dark select:disabled,body.theme-dark textarea:disabled{background:#111827 !important;color:#64748b !important;cursor:not-allowed;}body.theme-dark select option{background:#0f172a;color:var(--text-color);}body.theme-dark .table{color:var(--text-color);}body.theme-dark .table-danger{background:rgba(239,68,68,0.14) !important;}body.theme-dark .table-warning{background:rgba(245,158,11,0.14) !important;}body.theme-dark .btn,body.theme-dark .action-btn,body.theme-dark .btn-icon,body.theme-dark .quick-link,body.theme-dark .category-btn{border:1px solid transparent;}body.theme-dark .btn:hover,body.theme-dark .action-btn:hover,body.theme-dark .product-card:hover,body.theme-dark .stat-card:hover,body.theme-dark .quick-link:hover{box-shadow:0 18px 36px rgba(79,70,229,0.24) !important;}body.theme-dark .btn-primary,body.theme-dark .bg-primary,body.theme-dark .action-btn.bg-primary{background:linear-gradient(135deg,#4f46e5,#2563eb) !important;}body.theme-dark .btn-primary:hover,body.theme-dark .bg-primary:hover,body.theme-dark .action-btn.bg-primary:hover{background:linear-gradient(135deg,#6366f1,#4f46e5) !important;}body.theme-dark .btn-success,body.theme-dark .bg-success,body.theme-dark .action-btn.bg-success{background:linear-gradient(135deg,#10b981,#059669) !important;}body.theme-dark .btn-success:hover,body.theme-dark .bg-success:hover,body.theme-dark .action-btn.bg-success:hover{background:linear-gradient(135deg,#34d399,#10b981) !important;}body.theme-dark .btn-info,body.theme-dark .bg-info,body.theme-dark .action-btn.bg-info{background:linear-gradient(135deg,#0ea5e9,#4f46e5) !important;}body.theme-dark .btn-secondary,body.theme-dark .bg-secondary,body.theme-dark .action-btn.bg-secondary{background:linear-gradient(135deg,#334155,#1f2937) !important;}body.theme-dark .btn-warning,body.theme-dark .bg-warning,body.theme-dark .action-btn.bg-warning{background:linear-gradient(135deg,#f59e0b,#d97706) !important;color:#111827 !important;}body.theme-dark .btn-danger,body.theme-dark .bg-danger,body.theme-dark .action-btn.bg-danger{background:linear-gradient(135deg,#ef4444,#b91c1c) !important;}body.theme-dark .bg-purple,body.theme-dark .action-btn.bg-purple{background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;}body.theme-dark .bg-dark,body.theme-dark .action-btn.bg-dark{background:linear-gradient(135deg,#1e293b,#0f172a) !important;}body.theme-dark .badge-cash,body.theme-dark .badge-paid{background:rgba(16,185,129,0.16) !important;color:#6ee7b7 !important;}body.theme-dark .badge-card,body.theme-dark .badge-partial,body.theme-dark .badge-bank_transfer{background:rgba(79,70,229,0.18) !important;color:#c7d2fe !important;}body.theme-dark .badge-mobile,body.theme-dark .badge-pending{background:rgba(245,158,11,0.18) !important;color:#fcd34d !important;}body.theme-dark .badge-credit{background:rgba(239,68,68,0.18) !important;color:#fca5a5 !important;}body.theme-dark .alert-success,body.theme-dark .app-inline-feedback-success{background:rgba(16,185,129,0.16) !important;border-color:rgba(16,185,129,0.35) !important;color:#a7f3d0 !important;}body.theme-dark .alert-error,body.theme-dark .app-inline-feedback-error{background:rgba(239,68,68,0.16) !important;border-color:rgba(239,68,68,0.35) !important;color:#fca5a5 !important;}body.theme-dark .alert-warning,body.theme-dark .app-inline-feedback-warning{background:rgba(245,158,11,0.16) !important;border-color:rgba(245,158,11,0.35) !important;color:#fcd34d !important;}body.theme-dark .alert-info,body.theme-dark .app-inline-feedback-info{background:rgba(79,70,229,0.16) !important;border-color:rgba(79,70,229,0.35) !important;color:#c7d2fe !important;}body.theme-dark .text-success{color:#34d399 !important;}body.theme-dark .text-danger{color:#f87171 !important;}body.theme-dark .pl-section.final{background:linear-gradient(135deg,#312e81,#4f46e5) !important;}body.theme-dark .balance-hero{background:linear-gradient(135deg,rgba(79,70,229,0.34),rgba(16,185,129,0.12) ),var(--surface-color) !important;}body.theme-dark .balance-pill{background:rgba(15,23,42,0.72) !important;color:var(--text-soft) !important;}body.theme-dark .balance-pill.success{background:rgba(16,185,129,0.2) !important;}body.theme-dark .balance-pill.warning{background:rgba(245,158,11,0.2) !important;}body.theme-dark .sidebar-overlay,body.theme-dark .modal{background:rgba(2,6,23,0.72) !important;}body.theme-dark{--primary-color:#8b5cf6;--primary-dark:#a78bfa;--primary-hover:rgba(139,92,246,0.18);--secondary-color:#22d3ee;--success-color:#34d399;--danger-color:#fb7185;--warning-color:#fbbf24;--info-color:#38bdf8;--light-color:#252b36;--dark-color:#f5f7fb;--body-bg:#111318;--surface-color:#1a1f28;--surface-elevated:#222936;--surface-muted:#151922;--border-color:rgba(148,163,184,0.18);--text-color:#f3f6fb;--text-muted:#aab6c8;--text-soft:#d1d8e5;--purple-color:#8b5cf6;--dark-card-gradient:linear-gradient(180deg,rgba(35,41,53,0.98) 0%,rgba(27,32,42,0.99) 100% );--dark-card-gradient-soft:linear-gradient(180deg,rgba(43,51,66,0.82) 0%,rgba(26,31,40,0.98) 100% );--dark-input-bg:#111620;--dark-sidebar-bg:#151922;--dark-shadow:0 16px 34px rgba(0,0,0,0.34);--dark-shadow-soft:0 8px 20px rgba(0,0,0,0.24);--border-radius:8px;background:var(--body-bg) !important;color:var(--text-color);}body.theme-dark .main-content,body.theme-dark.pos-body,body.theme-dark .pos-products{background:var(--body-bg) !important;}body.theme-dark .header,body.theme-dark .footer{background:#141821 !important;border-color:rgba(148,163,184,0.14) !important;box-shadow:0 10px 26px rgba(0,0,0,0.22) !important;}body.theme-dark .sidebar{background:var(--dark-sidebar-bg) !important;border-right:1px solid rgba(148,163,184,0.12) !important;box-shadow:16px 0 34px rgba(0,0,0,0.24) !important;}body.theme-dark .logo{color:var(--primary-dark) !important;}body.theme-dark .logo i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--primary-dark) !important;background:linear-gradient(135deg,rgba(139,92,246,0.26),rgba(34,211,238,0.1) ),#1d2430;box-shadow:0 10px 22px rgba(0,0,0,0.28);}body.theme-dark .nav-header{color:#e7ecf6 !important;font-size:0.92rem;text-transform:none;letter-spacing:0;}body.theme-dark .nav-link{margin:2px 12px;border-left:0 !important;border-radius:6px;color:#c6d0df !important;}body.theme-dark .nav-link i{color:#d8dfea !important;}body.theme-dark .nav-link:hover,body.theme-dark .nav-item.active .nav-link{background:linear-gradient(90deg,rgba(139,92,246,0.24),rgba(34,211,238,0.08) ) !important;color:#ffffff !important;border-color:transparent !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}body.theme-dark .nav-link:hover i,body.theme-dark .nav-item.active .nav-link i{color:#ffffff !important;}body.theme-dark .sidebar-footer{background:transparent !important;}body.theme-dark .sidebar-toggle,body.theme-dark .user-toggle,body.theme-dark .notification-btn,body.theme-dark .btn-icon,body.theme-dark .modal-close{background:rgba(148,163,184,0.08) !important;color:var(--text-soft) !important;border:1px solid rgba(148,163,184,0.16) !important;}body.theme-dark .sidebar-toggle:hover,body.theme-dark .user-toggle:hover,body.theme-dark .notification-btn:hover,body.theme-dark .btn-icon:hover,body.theme-dark .modal-close:hover{background:#242c3a !important;color:#ffffff !important;border-color:rgba(139,92,246,0.46) !important;box-shadow:0 10px 22px rgba(0,0,0,0.24) !important;}body.theme-dark .user-name,body.theme-dark .user-role,body.theme-dark .dropdown-item,body.theme-dark .notification-header h4,body.theme-dark .notification-content p{color:#f3f6fb !important;}body.theme-dark .dropdown-header,body.theme-dark .dropdown-divider,body.theme-dark .notification-item,body.theme-dark .notification-footer{border-color:rgba(148,163,184,0.16) !important;}body.theme-dark .dropdown-item:hover,body.theme-dark .notification-item:hover,body.theme-dark .notification-item.unread,body.theme-dark .notification-item.unread:hover{background:rgba(148,163,184,0.08) !important;}body.theme-dark .notification-content .time,body.theme-dark .notification-empty,body.theme-dark .notification-empty i{color:var(--text-muted) !important;}body.theme-dark .card,body.theme-dark .dashboard-card,body.theme-dark .quick-links,body.theme-dark .stat-card,body.theme-dark .modal-content,body.theme-dark .summary-card,body.theme-dark .report-card,body.theme-dark .filter-bar,body.theme-dark .balance-hero,body.theme-dark .receipt-template-card,body.theme-dark .product-card,body.theme-dark .customer-card,body.theme-dark .settings-panel,body.theme-dark .tab-content,body.theme-dark .dropdown-menu,body.theme-dark .notification-menu,body.theme-dark .user-dropdown-menu,body.theme-dark .branch-switcher,body.theme-dark .support-hero-card,body.theme-dark .support-topic-card,body.theme-dark .support-index,body.theme-dark .support-detail-header,body.theme-dark .support-callout,body.theme-dark .support-step-list li,body.theme-dark .support-screen-panel,body.theme-dark .pos-header,body.theme-dark .pos-cart,body.theme-dark .cart-summary{background:var(--dark-card-gradient) !important;border:1px solid rgba(148,163,184,0.16) !important;border-radius:8px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),var(--dark-shadow) !important;color:var(--text-color) !important;}body.theme-dark .stat-card,body.theme-dark .quick-link,body.theme-dark .product-card,body.theme-dark .customer-card,body.theme-dark .receipt-template-card,body.theme-dark .support-topic-card{transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;}body.theme-dark .stat-card:hover,body.theme-dark .quick-link:hover,body.theme-dark .product-card:hover,body.theme-dark .customer-card:hover,body.theme-dark .receipt-template-card:hover,body.theme-dark .support-topic-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,0.36) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 20px 38px rgba(0,0,0,0.38) !important;}body.theme-dark .card-title,body.theme-dark .card-header,body.theme-dark .modal-header,body.theme-dark .modal-footer,body.theme-dark .cart-header,body.theme-dark .notification-header,body.theme-dark .notification-footer{background:transparent !important;border-color:rgba(148,163,184,0.16) !important;}body.theme-dark .page-header h1,body.theme-dark .card-title h2,body.theme-dark .card-header h3,body.theme-dark .quick-links h3,body.theme-dark .modal-header h2,body.theme-dark .summary-card .value,body.theme-dark .report-card header h3,body.theme-dark .line-item span,body.theme-dark .pl-row span,body.theme-dark .pos-header h1,body.theme-dark .cart-header h2,body.theme-dark .product-info h4,body.theme-dark .form-group label,body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color:#f3f6fb !important;}body.theme-dark .page-header h1 i,body.theme-dark .card-header h3 i,body.theme-dark .card-title h2 i,body.theme-dark .support-topic-icon,body.theme-dark .support-topic-arrow,body.theme-dark .product-category{color:var(--primary-dark) !important;}body.theme-dark a{color:#c4b5fd;}body.theme-dark a:hover{color:#67e8f9;}body.theme-dark .page-header p,body.theme-dark .help-text,body.theme-dark .text-muted,body.theme-dark .no-data,body.theme-dark .stat-info p,body.theme-dark .summary-card .caption,body.theme-dark .summary-card .label,body.theme-dark .report-card header p,body.theme-dark .muted-note,body.theme-dark .source-list,body.theme-dark .chip,body.theme-dark .product-code,body.theme-dark .product-stock,body.theme-dark .cart-item-details,body.theme-dark .customer-info,body.theme-dark .payment-help,body.theme-dark .support-topic-card p,body.theme-dark .support-detail-header p,body.theme-dark .support-step-list p,body.theme-dark .support-screen .help-text{color:var(--text-muted) !important;}body.theme-dark .stat-icon,body.theme-dark .action-icon,body.theme-dark .support-topic-icon{background:linear-gradient(135deg,rgba(148,163,184,0.16),rgba(148,163,184,0.04) ),#1f2632 !important;color:#ffffff !important;border:1px solid rgba(148,163,184,0.16);box-shadow:0 10px 22px rgba(0,0,0,0.26);}body.theme-dark .stat-icon{width:54px;height:54px;}body.theme-dark .bg-primary,body.theme-dark .btn-primary,body.theme-dark .action-btn.bg-primary{background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;color:#ffffff !important;}body.theme-dark .bg-success,body.theme-dark .btn-success,body.theme-dark .action-btn.bg-success{background:linear-gradient(135deg,#10b981,#22d3ee) !important;color:#08111a !important;}body.theme-dark .bg-info,body.theme-dark .btn-info,body.theme-dark .action-btn.bg-info{background:linear-gradient(135deg,#22d3ee,#60a5fa) !important;color:#08111a !important;}body.theme-dark .bg-warning,body.theme-dark .btn-warning,body.theme-dark .action-btn.bg-warning{background:linear-gradient(135deg,#fbbf24,#f97316) !important;color:#121212 !important;}body.theme-dark .bg-danger,body.theme-dark .btn-danger,body.theme-dark .action-btn.bg-danger{background:linear-gradient(135deg,#fb7185,#be123c) !important;color:#ffffff !important;}body.theme-dark .bg-purple,body.theme-dark .action-btn.bg-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1) !important;color:#ffffff !important;}body.theme-dark .bg-secondary,body.theme-dark .btn-secondary,body.theme-dark .action-btn.bg-secondary,body.theme-dark .bg-dark,body.theme-dark .action-btn.bg-dark{background:linear-gradient(135deg,#2f3848,#1b202a) !important;color:#ffffff !important;}body.theme-dark .btn{border-radius:7px;box-shadow:0 8px 18px rgba(0,0,0,0.22);}body.theme-dark .btn:hover,body.theme-dark .action-btn:hover{box-shadow:0 12px 26px rgba(0,0,0,0.32) !important;}body.theme-dark .form-control,body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark .payment-input,body.theme-dark .pos-search input,body.theme-dark .customer-search input{background:var(--dark-input-bg) !important;border:1px solid rgba(148,163,184,0.18) !important;border-radius:8px !important;color:var(--text-color) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);}body.theme-dark .form-control:focus,body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus,body.theme-dark .payment-input:focus,body.theme-dark .pos-search input:focus,body.theme-dark .customer-search input:focus{border-color:rgba(139,92,246,0.78) !important;box-shadow:0 0 0 3px rgba(139,92,246,0.22),inset 0 1px 0 rgba(255,255,255,0.06) !important;}body.theme-dark .form-control::placeholder,body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color:#7f8ba0;}body.theme-dark select option{background:#151922;color:var(--text-color);}body.theme-dark .quick-link,body.theme-dark .category-btn,body.theme-dark .payment-method,body.theme-dark .pagination a,body.theme-dark .pagination span,body.theme-dark .app-inline-feedback,body.theme-dark .muted-note,body.theme-dark .chip,body.theme-dark .recipient-box,body.theme-dark .inline-form,body.theme-dark .logo-upload-section,body.theme-dark .current-logo,body.theme-dark .line-item.highlight,body.theme-dark .report-card .line-item.highlight,body.theme-dark .support-search-card,body.theme-dark .support-topic-card.active{background:#202633 !important;border-color:rgba(148,163,184,0.18) !important;color:var(--text-color) !important;}body.theme-dark .category-btn:hover,body.theme-dark .payment-method:hover,body.theme-dark .pagination a:hover{background:#263041 !important;border-color:rgba(139,92,246,0.46) !important;color:#ffffff !important;}body.theme-dark .category-btn.active,body.theme-dark .payment-method.active,body.theme-dark .tabs .active,body.theme-dark .tab-button.active{background:linear-gradient(135deg,rgba(124,58,237,0.96),rgba(34,211,238,0.74) ) !important;border-color:rgba(167,139,250,0.72) !important;color:#ffffff !important;}body.theme-dark .table{color:var(--text-color);border-collapse:separate;border-spacing:0;}body.theme-dark .table th{background:#202633 !important;color:#f3f6fb !important;border-color:rgba(148,163,184,0.16) !important;}body.theme-dark .table td{border-color:rgba(148,163,184,0.12) !important;}body.theme-dark .table tbody tr:hover{background:rgba(148,163,184,0.08) !important;}body.theme-dark .pl-section{border-color:rgba(148,163,184,0.16) !important;}body.theme-dark .pl-section.highlight{background:#202633 !important;}body.theme-dark .pl-section.final,body.theme-dark .balance-hero{background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(34,211,238,0.12) ),linear-gradient(180deg,#263041,#1a1f28) !important;border-radius:8px !important;}body.theme-dark .balance-pill{background:rgba(15,23,42,0.42) !important;color:#e7ecf6 !important;border:1px solid rgba(148,163,184,0.16);border-radius:999px !important;}body.theme-dark .line-item{border-color:rgba(148,163,184,0.16) !important;}body.theme-dark .line-item.total{border-top-color:rgba(139,92,246,0.42) !important;}body.theme-dark .badge,body.theme-dark .badge-cash,body.theme-dark .badge-paid{background:rgba(34,211,238,0.14) !important;color:#a5f3fc !important;border:1px solid rgba(34,211,238,0.24);}body.theme-dark .badge-card,body.theme-dark .badge-partial,body.theme-dark .badge-bank_transfer{background:rgba(139,92,246,0.18) !important;color:#ddd6fe !important;border-color:rgba(139,92,246,0.28);}body.theme-dark .badge-mobile,body.theme-dark .badge-pending{background:rgba(251,191,36,0.16) !important;color:#fde68a !important;border-color:rgba(251,191,36,0.28);}body.theme-dark .badge-credit,body.theme-dark .badge-danger{background:rgba(251,113,133,0.18) !important;color:#fda4af !important;border-color:rgba(251,113,133,0.3);}body.theme-dark .alert-success,body.theme-dark .app-inline-feedback-success{background:rgba(52,211,153,0.14) !important;border-color:rgba(52,211,153,0.34) !important;color:#a7f3d0 !important;}body.theme-dark .alert-error,body.theme-dark .app-inline-feedback-error{background:rgba(251,113,133,0.14) !important;border-color:rgba(251,113,133,0.34) !important;color:#fda4af !important;}body.theme-dark .alert-warning,body.theme-dark .app-inline-feedback-warning{background:rgba(251,191,36,0.14) !important;border-color:rgba(251,191,36,0.34) !important;color:#fde68a !important;}body.theme-dark .alert-info,body.theme-dark .app-inline-feedback-info{background:rgba(56,189,248,0.14) !important;border-color:rgba(56,189,248,0.34) !important;color:#bae6fd !important;}body.theme-dark .text-success{color:#86efac !important;}body.theme-dark .text-danger{color:#fda4af !important;}body.theme-dark .text-warning{color:#fde68a !important;}body.theme-dark .text-info{color:#7dd3fc !important;}body.theme-dark canvas{filter:saturate(1.08) contrast(1.02);}body.theme-dark .sidebar-overlay,body.theme-dark .modal{background:rgba(4,8,16,0.78) !important;}body.theme-dark::selection{background:rgba(139,92,246,0.38);color:#ffffff;}body.theme-dark::-webkit-scrollbar{width:11px;height:11px;}body.theme-dark::-webkit-scrollbar-track{background:#111620;}body.theme-dark::-webkit-scrollbar-thumb{background:#334155;border:2px solid #111620;border-radius:999px;}body.theme-dark::-webkit-scrollbar-thumb:hover{background:#475569;}body.theme-material{color-scheme:light;--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-hover:#eaf1ff;--secondary-color:#0f766e;--success-color:#15803d;--danger-color:#b91c1c;--warning-color:#b45309;--info-color:#0369a1;--light-color:#f8fafc;--dark-color:#172033;--body-bg:#eef3fb;--surface-color:#ffffff;--surface-elevated:#ffffff;--surface-muted:#f5f7fb;--border-color:#cfd8e6;--text-color:#172033;--text-muted:#526070;--text-soft:#344256;--border-radius:8px;--box-shadow:0 10px 28px rgba(23,32,51,0.08);--box-shadow-lg:0 16px 36px rgba(23,32,51,0.14);--transition:all 0.22s cubic-bezier(0.2,0,0,1);background:linear-gradient(180deg,#eef3fb 0%,#f8fafc 55%,#ffffff 100%);color:var(--text-color);}body.theme-material .main-content{background:transparent;color:var(--text-color);}body.theme-material .header,body.theme-material .sidebar,body.theme-material .footer,body.theme-material .dashboard-card,body.theme-material .quick-links,body.theme-material .stat-card,body.theme-material .card,body.theme-material .modal-content,body.theme-material .summary-card,body.theme-material .report-card,body.theme-material .filter-bar,body.theme-material .balance-hero,body.theme-material .receipt-template-card,body.theme-material .product-card,body.theme-material .customer-card,body.theme-material .settings-panel,body.theme-material .tab-content,body.theme-material .dropdown-menu,body.theme-material .notification-menu,body.theme-material .user-dropdown-menu,body.theme-material .branch-switcher{background:var(--surface-color) !important;border:1px solid var(--border-color);box-shadow:var(--box-shadow);color:var(--text-color);}body.theme-material .header{background:rgba(255,255,255,0.96) !important;border-bottom:1px solid var(--border-color);}body.theme-material .footer{background:#ffffff !important;border-top:1px solid var(--border-color);color:var(--text-muted);}body.theme-material .sidebar{background:#ffffff !important;}body.theme-material .logo,body.theme-material .user-toggle,body.theme-material .dropdown-item,body.theme-material .nav-link{color:var(--text-soft) !important;}body.theme-material .nav-header,body.theme-material .help-text,body.theme-material .text-muted,body.theme-material .no-data,body.theme-material .stat-info p,body.theme-material .product-code,body.theme-material .product-stock,body.theme-material .sidebar-footer{color:var(--text-muted) !important;}body.theme-material .nav-item.active .nav-link{background:var(--primary-hover) !important;border-left-color:var(--primary-color) !important;color:var(--primary-dark) !important;font-weight:700;}body.theme-material .page-header h1,body.theme-material .card-title h2,body.theme-material h1,body.theme-material h2,body.theme-material h3,body.theme-material h4,body.theme-material h5,body.theme-material h6{color:var(--text-color) !important;letter-spacing:0;}body.theme-material .btn,body.theme-material .action-btn,body.theme-material .btn-icon,body.theme-material .quick-link,body.theme-material .product-card,body.theme-material .stat-card{transition:transform 0.18s cubic-bezier(0.2,0,0,1),box-shadow 0.18s cubic-bezier(0.2,0,0,1),background 0.18s;}body.theme-material .btn:hover,body.theme-material .action-btn:hover,body.theme-material .quick-link:hover,body.theme-material .product-card:hover,body.theme-material .stat-card:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-lg) !important;}body.theme-material .btn-primary,body.theme-material .bg-primary,body.theme-material .action-btn.bg-primary{background:var(--primary-color) !important;color:#ffffff !important;border-color:var(--primary-color) !important;}body.theme-material .btn-primary:hover,body.theme-material .action-btn.bg-primary:hover{background:var(--primary-dark) !important;}body.theme-material .btn-secondary,body.theme-material .bg-secondary,body.theme-material .action-btn.bg-secondary{background:#e7edf7 !important;color:#203047 !important;border-color:#c7d2e3 !important;}body.theme-material .btn-success,body.theme-material .bg-success,body.theme-material .action-btn.bg-success{background:var(--success-color) !important;color:#ffffff !important;}body.theme-material .btn-warning,body.theme-material .bg-warning,body.theme-material .action-btn.bg-warning{background:#d97706 !important;color:#ffffff !important;}body.theme-material .btn-danger,body.theme-material .bg-danger,body.theme-material .action-btn.bg-danger{background:var(--danger-color) !important;color:#ffffff !important;}body.theme-material .btn-icon{background:#f8fafc;color:var(--text-soft);border:1px solid var(--border-color);}body.theme-material .form-control,body.theme-material input,body.theme-material select,body.theme-material textarea{background:#ffffff;border-color:#bfcbe0;border-radius:6px;color:var(--text-color) !important;}body.theme-material .form-control:focus,body.theme-material input:focus,body.theme-material select:focus,body.theme-material textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.16);}body.theme-material input::placeholder,body.theme-material textarea::placeholder{color:#778397;}body.theme-material .table,body.theme-material table{background:#ffffff;color:var(--text-color);}body.theme-material .table th,body.theme-material table th{background:#eaf1ff !important;color:#1e3a8a !important;border-bottom-color:#bfd0f2 !important;}body.theme-material .table td,body.theme-material table td{color:var(--text-color);border-bottom-color:#e3e9f3;}body.theme-material tbody tr:hover{background:#f4f8ff;}body.theme-material .badge,body.theme-material .status-badge{color:#132038;border:1px solid rgba(23,32,51,0.12);}body.theme-material .alert-success{background:#eaf7ee;color:#14532d;border-color:#bce7c8;}body.theme-material .alert-error,body.theme-material .alert-danger{background:#fdecec;color:#7f1d1d;border-color:#f5b8b8;}body.theme-material .alert-warning{background:#fff7e6;color:#7c3f00;border-color:#f4cf8e;}body.theme-material .alert-info{background:#e8f6fc;color:#075985;border-color:#b7e1f2;}body.theme-minimal{color-scheme:light;--primary-color:#0f766e;--primary-dark:#0b5c55;--primary-hover:#e6f5f2;--secondary-color:#4b5563;--success-color:#166534;--danger-color:#b42318;--warning-color:#9a5b00;--info-color:#2f6f8f;--light-color:#f8faf8;--dark-color:#202326;--body-bg:#f6f8f6;--surface-color:#ffffff;--surface-elevated:#ffffff;--surface-muted:#f0f4f2;--border-color:#d8e0dd;--text-color:#202326;--text-muted:#5c6670;--text-soft:#333a41;--border-radius:6px;--box-shadow:0 1px 0 rgba(32,35,38,0.08);--box-shadow-lg:0 8px 20px rgba(32,35,38,0.1);background:var(--body-bg);color:var(--text-color);}body.theme-minimal .header,body.theme-minimal .sidebar,body.theme-minimal .footer,body.theme-minimal .dashboard-card,body.theme-minimal .quick-links,body.theme-minimal .stat-card,body.theme-minimal .card,body.theme-minimal .modal-content,body.theme-minimal .summary-card,body.theme-minimal .report-card,body.theme-minimal .filter-bar,body.theme-minimal .balance-hero,body.theme-minimal .receipt-template-card,body.theme-minimal .product-card,body.theme-minimal .customer-card,body.theme-minimal .settings-panel,body.theme-minimal .tab-content,body.theme-minimal .dropdown-menu,body.theme-minimal .notification-menu,body.theme-minimal .user-dropdown-menu,body.theme-minimal .branch-switcher{background:var(--surface-color) !important;border:1px solid var(--border-color) !important;box-shadow:var(--box-shadow) !important;color:var(--text-color);}body.theme-minimal .main-content{background:var(--body-bg);color:var(--text-color);}body.theme-minimal .sidebar{background:#ffffff !important;}body.theme-minimal .header{background:#ffffff !important;border-bottom:1px solid var(--border-color);}body.theme-minimal .footer{background:#ffffff !important;border-top:1px solid var(--border-color);color:var(--text-muted);}body.theme-minimal .card,body.theme-minimal .dashboard-card,body.theme-minimal .quick-links,body.theme-minimal .summary-card,body.theme-minimal .report-card{padding-top:22px;padding-bottom:22px;}body.theme-minimal .page-header h1,body.theme-minimal .card-title h2,body.theme-minimal h1,body.theme-minimal h2,body.theme-minimal h3,body.theme-minimal h4,body.theme-minimal h5,body.theme-minimal h6{color:var(--text-color) !important;font-weight:600;letter-spacing:0;}body.theme-minimal .help-text,body.theme-minimal .text-muted,body.theme-minimal .no-data,body.theme-minimal .stat-info p,body.theme-minimal .source-list,body.theme-minimal .product-code,body.theme-minimal .product-stock,body.theme-minimal .sidebar-footer,body.theme-minimal .nav-header{color:var(--text-muted) !important;}body.theme-minimal .logo,body.theme-minimal .user-toggle,body.theme-minimal .dropdown-item,body.theme-minimal .nav-link{color:var(--text-soft) !important;}body.theme-minimal .nav-item.active .nav-link{background:var(--primary-hover) !important;border-left-color:var(--primary-color) !important;color:var(--primary-dark) !important;font-weight:700;}body.theme-minimal .btn-primary,body.theme-minimal .bg-primary,body.theme-minimal .action-btn.bg-primary{background:var(--primary-color) !important;color:#ffffff !important;border-color:var(--primary-color) !important;}body.theme-minimal .btn-primary:hover,body.theme-minimal .action-btn.bg-primary:hover{background:var(--primary-dark) !important;}body.theme-minimal .btn-secondary,body.theme-minimal .bg-secondary,body.theme-minimal .action-btn.bg-secondary{background:#eef2f0 !important;color:var(--text-color) !important;border-color:var(--border-color) !important;}body.theme-minimal .btn-success,body.theme-minimal .bg-success,body.theme-minimal .action-btn.bg-success{background:var(--success-color) !important;color:#ffffff !important;}body.theme-minimal .btn-warning,body.theme-minimal .bg-warning,body.theme-minimal .action-btn.bg-warning{background:#b7791f !important;color:#ffffff !important;}body.theme-minimal .btn-danger,body.theme-minimal .bg-danger,body.theme-minimal .action-btn.bg-danger{background:var(--danger-color) !important;color:#ffffff !important;}body.theme-minimal .btn-icon{background:#ffffff;color:var(--text-soft);border:1px solid var(--border-color);}body.theme-minimal .form-control,body.theme-minimal input,body.theme-minimal select,body.theme-minimal textarea{background:#ffffff !important;border-color:#bfcbc6 !important;color:var(--text-color) !important;}body.theme-minimal .form-control:focus,body.theme-minimal input:focus,body.theme-minimal select:focus,body.theme-minimal textarea:focus{border-color:var(--primary-color) !important;box-shadow:0 0 0 3px rgba(15,118,110,0.14) !important;}body.theme-minimal input::placeholder,body.theme-minimal textarea::placeholder{color:#77827b;}body.theme-minimal .table th,body.theme-minimal table th{background:#eef5f2 !important;color:#183b36 !important;border-bottom-color:#bed1cb !important;}body.theme-minimal .table,body.theme-minimal table{background:#ffffff;color:var(--text-color);}body.theme-minimal .table td,body.theme-minimal table td{color:var(--text-color);border-bottom-color:#e1e7e4;}body.theme-minimal tbody tr:hover{background:#f3f8f6;}body.theme-minimal .badge,body.theme-minimal .status-badge{color:var(--text-color);border:1px solid rgba(32,35,38,0.12);}body.theme-minimal .alert-success{background:#eaf7ee;color:#14532d;border-color:#bce7c8;}body.theme-minimal .alert-error,body.theme-minimal .alert-danger{background:#fdecec;color:#7f1d1d;border-color:#f5b8b8;}body.theme-minimal .alert-warning{background:#fff7e6;color:#754400;border-color:#e8c178;}body.theme-minimal .alert-info{background:#eaf6fa;color:#21516b;border-color:#bfe0ea;}body.theme-modern-1{color-scheme:light;--primary-color:#7c3ac8;--primary-dark:#5f25a5;--primary-hover:#f0e8ff;--secondary-color:#10c9be;--success-color:#139e63;--danger-color:#d83255;--warning-color:#c57300;--info-color:#0a8ebc;--body-bg:#f4f1fa;--surface-color:#ffffff;--surface-elevated:#ffffff;--surface-muted:#f7f4fc;--border-color:#e1d9ec;--text-color:#162033;--text-muted:#5f6b7a;--text-soft:#3e4859;--box-shadow:0 16px 34px rgba(89,44,137,0.13);--box-shadow-lg:0 22px 50px rgba(89,44,137,0.2);background:radial-gradient(circle at 15% 0%,rgba(172,104,255,0.34),transparent 26rem ),radial-gradient(circle at 100% 8%,rgba(255,255,255,0.78),transparent 20rem ),linear-gradient(135deg,#7c3ac8 0%,#eee7ff 24%,#f7f5fb 100%);color:var(--text-color);}body.theme-modern-2{color-scheme:dark;--primary-color:#5b5ce2;--primary-dark:#8b8cf8;--primary-hover:rgba(91,92,226,0.18);--secondary-color:#349cf4;--success-color:#3dbb72;--danger-color:#df5c5c;--warning-color:#f0b323;--info-color:#38bdf8;--body-bg:#1f2430;--surface-color:#242b39;--surface-elevated:#2c3444;--surface-muted:#202632;--border-color:#3b465a;--text-color:#f8fafc;--text-muted:#b7c0ce;--text-soft:#d8dee9;--box-shadow:0 18px 44px rgba(0,0,0,0.32);--box-shadow-lg:0 24px 56px rgba(0,0,0,0.42);background:#1f2430;color:var(--text-color);}body.theme-modern-3{color-scheme:light;--primary-color:#3468d8;--primary-dark:#2552b6;--primary-hover:#e8f0ff;--secondary-color:#64748b;--success-color:#1d8f5a;--danger-color:#c43b4d;--warning-color:#a8660a;--info-color:#246ead;--body-bg:#eef1f7;--surface-color:#ffffff;--surface-elevated:#ffffff;--surface-muted:#e4e8f1;--border-color:#d4dceb;--text-color:#1f2633;--text-muted:#657089;--text-soft:#3f4a5f;--box-shadow:0 16px 34px rgba(37,82,182,0.11);--box-shadow-lg:0 22px 46px rgba(37,82,182,0.17);background:#eef1f7;color:var(--text-color);}body.theme-modern-1 .main-content,body.theme-modern-3 .main-content{background:transparent;}body.theme-modern-2 .main-content,body.theme-modern-2.pos-body,body.theme-modern-2 .pos-products{background:var(--body-bg) !important;color:var(--text-color);}body.theme-modern-1 .header,body.theme-modern-1 .footer,body.theme-modern-1 .dashboard-card,body.theme-modern-1 .quick-links,body.theme-modern-1 .stat-card,body.theme-modern-1 .card,body.theme-modern-1 .modal-content,body.theme-modern-1 .summary-card,body.theme-modern-1 .report-card,body.theme-modern-1 .filter-bar,body.theme-modern-1 .balance-hero,body.theme-modern-1 .receipt-template-card,body.theme-modern-1 .product-card,body.theme-modern-1 .customer-card,body.theme-modern-1 .settings-panel,body.theme-modern-1 .tab-content,body.theme-modern-1 .dropdown-menu,body.theme-modern-1 .notification-menu,body.theme-modern-1 .user-dropdown-menu,body.theme-modern-1 .branch-switcher,body.theme-modern-2 .header,body.theme-modern-2 .footer,body.theme-modern-2 .dashboard-card,body.theme-modern-2 .quick-links,body.theme-modern-2 .stat-card,body.theme-modern-2 .card,body.theme-modern-2 .modal-content,body.theme-modern-2 .summary-card,body.theme-modern-2 .report-card,body.theme-modern-2 .filter-bar,body.theme-modern-2 .balance-hero,body.theme-modern-2 .receipt-template-card,body.theme-modern-2 .product-card,body.theme-modern-2 .customer-card,body.theme-modern-2 .settings-panel,body.theme-modern-2 .tab-content,body.theme-modern-2 .dropdown-menu,body.theme-modern-2 .notification-menu,body.theme-modern-2 .user-dropdown-menu,body.theme-modern-2 .branch-switcher,body.theme-modern-3 .header,body.theme-modern-3 .footer,body.theme-modern-3 .dashboard-card,body.theme-modern-3 .quick-links,body.theme-modern-3 .stat-card,body.theme-modern-3 .card,body.theme-modern-3 .modal-content,body.theme-modern-3 .summary-card,body.theme-modern-3 .report-card,body.theme-modern-3 .filter-bar,body.theme-modern-3 .balance-hero,body.theme-modern-3 .receipt-template-card,body.theme-modern-3 .product-card,body.theme-modern-3 .customer-card,body.theme-modern-3 .settings-panel,body.theme-modern-3 .tab-content,body.theme-modern-3 .dropdown-menu,body.theme-modern-3 .notification-menu,body.theme-modern-3 .user-dropdown-menu,body.theme-modern-3 .branch-switcher{background:var(--surface-color) !important;border-color:var(--border-color) !important;color:var(--text-color) !important;box-shadow:var(--box-shadow);}body.theme-modern-1 .header{border-bottom:5px solid var(--secondary-color);}body.theme-modern-1 .sidebar{background:linear-gradient(180deg,#7c3ac8 0%,#5f25a5 100%) !important;box-shadow:18px 0 40px rgba(95,37,165,0.24);}body.theme-modern-2 .header,body.theme-modern-2 .sidebar,body.theme-modern-2 .footer{background:#1f2430 !important;border-color:var(--border-color) !important;}body.theme-modern-2 .sidebar{box-shadow:18px 0 38px rgba(0,0,0,0.3);}body.theme-modern-3 .sidebar{background:linear-gradient(180deg,#3468d8 0%,#2e62cb 100%) !important;box-shadow:18px 0 38px rgba(37,82,182,0.18);}body.theme-modern-1 .logo,body.theme-modern-1 .nav-link,body.theme-modern-1 .nav-header,body.theme-modern-1 .sidebar-footer,body.theme-modern-3 .logo,body.theme-modern-3 .nav-link,body.theme-modern-3 .nav-header,body.theme-modern-3 .sidebar-footer{color:rgba(255,255,255,0.88) !important;}body.theme-modern-1 .nav-link i,body.theme-modern-3 .nav-link i{color:rgba(255,255,255,0.9) !important;}body.theme-modern-1 .nav-link:hover,body.theme-modern-1 .nav-item.active .nav-link,body.theme-modern-3 .nav-link:hover,body.theme-modern-3 .nav-item.active .nav-link{background:rgba(255,255,255,0.18) !important;color:#ffffff !important;border-left-color:#ffffff !important;}body.theme-modern-2 .logo,body.theme-modern-2 .nav-link,body.theme-modern-2 .nav-header,body.theme-modern-2 .sidebar-footer{color:var(--text-soft) !important;}body.theme-modern-2 .nav-link:hover,body.theme-modern-2 .nav-item.active .nav-link{background:rgba(91,92,226,0.18) !important;color:#ffffff !important;border-left-color:var(--primary-color) !important;}body.theme-modern-1 .page-header{background:linear-gradient(90deg,#10c9be,#0db7af);color:#ffffff;padding:18px 22px;border-radius:8px;box-shadow:var(--box-shadow);}body.theme-modern-1 .page-header h1,body.theme-modern-1 .page-header h1 i,body.theme-modern-1 .page-header label,body.theme-modern-1 .page-header p{color:#ffffff !important;}body.theme-modern-2 .page-header h1,body.theme-modern-2 .page-header h1 i,body.theme-modern-2 .page-header label,body.theme-modern-2 .card-title h2,body.theme-modern-2 .card-header h3,body.theme-modern-2 .quick-links h3,body.theme-modern-2 .stat-info h3,body.theme-modern-2 .form-group label,body.theme-modern-2 h1,body.theme-modern-2 h2,body.theme-modern-2 h3,body.theme-modern-2 h4,body.theme-modern-2 h5,body.theme-modern-2 h6{color:var(--text-color) !important;}body.theme-modern-2 .help-text,body.theme-modern-2 .text-muted,body.theme-modern-2 .no-data,body.theme-modern-2 .stat-info p,body.theme-modern-2 .product-code,body.theme-modern-2 .product-stock,body.theme-modern-2 .notification-content .time{color:var(--text-muted) !important;}body.theme-modern-1 .form-control,body.theme-modern-1 input,body.theme-modern-1 select,body.theme-modern-1 textarea,body.theme-modern-2 .form-control,body.theme-modern-2 input,body.theme-modern-2 select,body.theme-modern-2 textarea,body.theme-modern-3 .form-control,body.theme-modern-3 input,body.theme-modern-3 select,body.theme-modern-3 textarea{background:var(--surface-elevated) !important;border-color:var(--border-color) !important;color:var(--text-color) !important;}body.theme-modern-2 select option{background:var(--surface-color);color:var(--text-color);}body.theme-modern-1 .table th,body.theme-modern-2 .table th,body.theme-modern-3 .table th{background:var(--surface-muted) !important;color:var(--text-color) !important;border-color:var(--border-color) !important;}body.theme-modern-1 .table td,body.theme-modern-2 .table td,body.theme-modern-3 .table td{color:var(--text-color) !important;border-color:var(--border-color) !important;}body.theme-modern-1 .bg-primary,body.theme-modern-1 .btn-primary,body.theme-modern-1 .action-btn.bg-primary{background:linear-gradient(135deg,#7c3ac8,#10c9be) !important;color:#ffffff !important;}body.theme-modern-2 .bg-primary,body.theme-modern-2 .btn-primary,body.theme-modern-2 .action-btn.bg-primary{background:linear-gradient(135deg,#5b5ce2,#349cf4) !important;color:#ffffff !important;}body.theme-modern-3 .bg-primary,body.theme-modern-3 .btn-primary,body.theme-modern-3 .action-btn.bg-primary{background:linear-gradient(135deg,#3468d8,#2552b6) !important;color:#ffffff !important;}body.theme-modern-1 .btn-secondary,body.theme-modern-3 .btn-secondary{background:var(--surface-muted) !important;color:var(--text-color) !important;border-color:var(--border-color) !important;}body.theme-modern-2 .btn-secondary{background:#303849 !important;color:var(--text-color) !important;border-color:var(--border-color) !important;}body.theme-modern-2 .app-inline-feedback,body.theme-modern-2 .muted-note,body.theme-modern-2 .chip,body.theme-modern-2 .recipient-box,body.theme-modern-2 .inline-form,body.theme-modern-2 .logo-upload-section,body.theme-modern-2 .current-logo{background:var(--surface-muted) !important;border-color:var(--border-color) !important;color:var(--text-color) !important;}body.theme-modern-2 .alert-success,body.theme-modern-2 .app-inline-feedback-success{background:rgba(61,187,114,0.16) !important;border-color:rgba(61,187,114,0.36) !important;color:#bff4d4 !important;}body.theme-modern-2 .alert-error,body.theme-modern-2 .alert-danger,body.theme-modern-2 .app-inline-feedback-error{background:rgba(223,92,92,0.16) !important;border-color:rgba(223,92,92,0.36) !important;color:#ffcaca !important;}body.theme-modern-2 .alert-warning,body.theme-modern-2 .app-inline-feedback-warning{background:rgba(240,179,35,0.16) !important;border-color:rgba(240,179,35,0.36) !important;color:#ffe7a6 !important;}body.theme-modern-2 .alert-info,body.theme-modern-2 .app-inline-feedback-info{background:rgba(56,189,248,0.16) !important;border-color:rgba(56,189,248,0.36) !important;color:#bae6fd !important;}.fas{font-style:normal;line-height:1;}.fa-cog::before{content:'\2699';}.fa-store::before{content:'\1F3EC';}.fa-palette::before{content:'\25D0';}.fa-check::before{content:'\2713';}.fa-database::before{content:'\25A3';}.fa-paper-plane::before{content:'\27A4';}.fa-money-bill-wave::before{content:'\1F4B5';}.fa-building-columns::before{content:'\25A5';}.fa-warehouse::before{content:'\2302';}.fa-undo-alt::before,.fa-rotate-left::before{content:'\21BA';}.fa-comment-sms::before{content:'\2709';}.fa-receipt::before{content:'\2630';}.fa-save::before{content:'\2714';}.fa-upload::before{content:'\21E7';}.fa-mobile-screen-button::before{content:'\25AF';}.fa-code-branch::before{content:'\2387';}.fa-triangle-exclamation::before{content:'\26A0';}.fa-wifi::before{content:'\25C9';}.offline-status-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#ffffff;color:#374151;text-decoration:none;font-size:0.85rem;font-weight:600;white-space:nowrap;}.offline-status-chip:hover{color:#111827;border-color:#9ca3af;}.offline-badge-online,.offline-badge-offline,.offline-badge-pending{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:0.78rem;line-height:1;}.offline-badge-online{background:#dcfce7;color:#166534;}.offline-badge-offline{background:#fee2e2;color:#991b1b;}.offline-badge-pending{background:#fef3c7;color:#92400e;}.offline-disabled{opacity:0.5;cursor:not-allowed !important;}.offline-out-of-stock{opacity:0.55;}.offline-sync-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;}.offline-sync-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;}.offline-sync-card small{display:block;color:#6b7280;margin-bottom:6px;}.offline-sync-card strong{color:#111827;font-size:1.4rem;}.offline-sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px;}.offline-records-panel[hidden]{display:none;}.system-update-overlay{position:fixed;z-index:5000;inset:0;padding:24px;display:grid;place-items:center;background:rgba(8,22,28,0.78);backdrop-filter:blur(10px);}.system-update-dialog{width:min(720px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto;padding:clamp(22px,4vw,38px);border:1px solid rgba(255,255,255,0.3);border-radius:24px;background:#fff;color:#17202a;box-shadow:0 35px 90px rgba(0,0,0,0.38);}.system-update-topline,.system-update-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;}.system-update-topline{color:#667085;font-size:0.82rem;font-weight:800;}.system-update-topline>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;}.system-update-version{color:#17202a;font-size:0.9rem;}.system-update-release-name{padding:5px 9px;border-radius:999px;background:#eef4ff;color:#3538cd;}.system-update-progress{white-space:nowrap;}.system-update-track{height:5px;margin-top:16px;overflow:hidden;border-radius:999px;background:#edf0f4;}.system-update-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#4f46e5);transition:width 0.24s ease;}.system-update-card{padding:28px 0 22px;}.system-update-card[hidden]{display:none;}.system-update-icon{width:64px;height:64px;margin-bottom:22px;display:grid;place-items:center;border-radius:19px;font-size:1.65rem;}.system-update-icon.is-search{background:#eef4ff;color:#3538cd;}.system-update-icon.is-commerce{background:#ecfdf3;color:#067647;}.system-update-icon.is-security{background:#e9f2ff;color:#175cd3;}.system-update-icon.is-training{background:#fff4e8;color:#b54708;}.system-update-kicker{color:#0f766e;font-weight:900;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;}.system-update-card h2{margin:8px 0 12px;font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.08;}.system-update-card h2:focus{outline:none;}.system-update-card p{color:#556070;font-size:1rem;}.system-update-card ul{margin:20px 0 0;padding-left:21px;color:#344054;}.system-update-card li + li{margin-top:8px;}.system-update-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 0 18px;color:#667085;font-size:0.86rem;}.system-update-meta span,.system-update-meta a{display:inline-flex;align-items:center;gap:7px;}.system-update-meta a{color:#0f766e;font-weight:800;}.system-update-actions{padding-top:20px;border-top:1px solid #e4e7ec;}.system-update-actions [hidden]{display:none !important;}@media (max-width:560px){.system-update-overlay{padding:10px;align-items:end;}.system-update-dialog{max-height:calc(100dvh - 20px);padding:22px;border-radius:22px 22px 12px 12px;}.system-update-card{padding-block:24px 18px;}.system-update-meta{flex-direction:column;}.system-update-actions .btn{min-height:44px;}}@media (max-width:600px){.header{padding:0 8px;gap:4px;}.header-left{flex:0 0 auto;gap:2px;}.sidebar-toggle{width:44px;height:44px;padding:0;}.logo{gap:0;}.logo .company-logo{width:34px;height:34px;padding:2px;border-radius:8px;}.logo span,.header-actions>.btn span,.header-actions .offline-status-chip span,.user-toggle>.fa-chevron-down{display:none !important;}.header-right{flex:1 1 auto;min-width:0;}.header-actions{width:100%;gap:4px;}.header-actions>.btn,.header-actions .offline-status-chip,.header-actions .btn-icon,.header-actions .user-toggle{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;justify-content:center;border-radius:8px;}.user-avatar{width:34px;height:34px;}.main-content{padding:12px;}.page-header{margin-bottom:14px;}.page-header h1{font-size:1.28rem;line-height:1.2;}.dashboard-page .quick-actions,.dashboard-page .stats-grid,.reports-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.dashboard-page .action-btn{min-height:88px;padding:10px 8px;gap:5px;font-size:0.86rem;line-height:1.22;}.dashboard-page .action-btn i{font-size:1.45rem;}.dashboard-page .stat-card,.reports-page .stat-card{min-height:82px;padding:10px;gap:8px;}.dashboard-page .stat-icon,.reports-page .stat-icon{width:40px;height:40px;flex:0 0 40px;font-size:1rem;}.dashboard-page .stat-info h3,.reports-page .stat-info h3{font-size:1.04rem;line-height:1.15;}.dashboard-page .stat-info p,.reports-page .stat-info p{font-size:0.76rem;line-height:1.25;}.dashboard-page .dashboard-card .card-body{padding:10px;}.dashboard-page .dashboard-card .table{min-width:540px;}.report-filter-card .card-title,.report-filter-card .card-content{padding:12px;}.report-filter-card .card-title h2{font-size:1.08rem;}.report-filter-form .form-row{display:grid;gap:10px;margin-bottom:10px;}.report-filter-form .form-group{margin-bottom:0;}.report-period-row,.report-dimension-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.report-period-row .form-group:first-child{grid-column:1 / -1;}.report-filter-form label{font-size:0.82rem;}.report-filter-form .form-control{min-height:44px;padding:9px 10px;font-size:16px;}.report-filter-form .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.report-filter-form .form-actions .btn{width:100%;min-height:44px;justify-content:center;padding:8px;}.reports-page .dashboard-grid{gap:12px;}.reports-page .dashboard-card .card-body{padding:10px;}.reports-page .dashboard-card .table{min-width:340px;font-size:0.78rem;}.reports-page .table-responsive .table{min-width:620px;}.reports-page .card[style*='margin-top']{margin-top:14px !important;}.app-toast-stack{left:12px;right:12px;bottom:76px;width:auto;gap:6px;}.app-toast{padding:11px 13px;}}@media (max-width:600px){html{-webkit-text-size-adjust:100%;}body.staff-shell{overflow-x:hidden;}.staff-shell .main-content,.staff-shell .page-header,.staff-shell .card,.staff-shell .dashboard-card,.staff-shell .card-title,.staff-shell .card-header,.staff-shell .card-content,.staff-shell .card-body,.staff-shell .form-row,.staff-shell .form-group{min-width:0;max-width:100%;}.staff-shell .page-header{display:block;}.staff-shell .page-header h1{width:100%;align-items:flex-start;gap:8px;overflow-wrap:anywhere;}.staff-shell .page-header h1 i{width:1.2em;min-width:1.2em;height:1.2em;display:inline-grid;place-items:center;line-height:1.2;}.staff-shell .page-header p{margin-top:4px;line-height:1.45;}.staff-shell .card-title,.staff-shell .card-header{gap:10px;}.staff-shell .card-title[style*='display: flex']{flex-direction:column;align-items:stretch !important;}.staff-shell .card-title>div[style*='display: flex'],.staff-shell .card-header>div[style*='display: flex']{width:100%;min-width:0;flex-wrap:wrap;}.staff-shell .card-title form[style*='display: flex'],.staff-shell .card-header form[style*='display: flex']{min-width:min(100%,190px);flex:1 1 190px;display:grid !important;grid-template-columns:minmax(0,1fr) 44px;gap:8px !important;}.staff-shell .card-title form .form-control,.staff-shell .card-header form .form-control{width:100% !important;}.staff-shell .card-title>div>.btn,.staff-shell .card-header>div>.btn{flex:1 1 125px;}.staff-shell .card-title h2,.staff-shell .card-title h3,.staff-shell .card-header h2,.staff-shell .card-header h3{line-height:1.3;overflow-wrap:anywhere;}.staff-shell .main-content .form-control,.staff-shell .main-content input:not([type='hidden']):not([type='checkbox']):not([type='radio'] ):not([type='file']),.staff-shell .main-content select,.staff-shell .main-content textarea{min-height:44px;font-size:16px;}.staff-shell .main-content input[type='checkbox'],.staff-shell .main-content input[type='radio']{width:20px;min-width:20px;height:20px;min-height:20px;}.staff-shell .main-content .btn{min-height:44px;white-space:normal;line-height:1.25;text-align:center;}.staff-shell .main-content .btn-icon{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;flex:0 0 44px;}.staff-shell .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;}.staff-shell .form-actions>.btn,.staff-shell .form-actions>button,.staff-shell .form-actions>a{width:100%;justify-content:center;}.staff-shell .form-actions>:only-child{grid-column:1 / -1;}.staff-shell .category-filter{width:100%;max-width:100%;padding-bottom:5px;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;}.staff-shell .category-filter .category-btn{min-width:max-content;min-height:40px;padding:9px 12px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-color);border-radius:999px;white-space:nowrap;}.staff-shell .card-content,.staff-shell .card-body,.staff-shell .table-responsive{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}.staff-shell .card-content>.table,.staff-shell .card-body>.table,.staff-shell .table-responsive .table{width:max-content;min-width:100%;max-width:none;table-layout:auto;}.staff-shell .table th,.staff-shell .table td{min-width:72px;padding:9px 10px;overflow-wrap:normal;word-break:normal;vertical-align:middle;}.staff-shell .table th{white-space:nowrap;}.staff-shell .table th:last-child,.staff-shell .table td:last-child{min-width:108px;}.staff-shell .table td .badge,.staff-shell .table td .btn{white-space:nowrap;}.staff-shell .stats-grid,.staff-shell .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.staff-shell .stat-card{min-height:82px;padding:10px;gap:8px;}.staff-shell .stat-icon{width:40px;height:40px;flex:0 0 40px;font-size:1rem;}.staff-shell .stat-info{min-width:0;}.staff-shell .stat-info h3{font-size:1.04rem;line-height:1.15;overflow-wrap:anywhere;}.staff-shell .stat-info p{font-size:0.76rem;line-height:1.25;}.staff-shell .quick-actions .action-btn{min-height:82px;padding:10px 8px;font-size:0.86rem;line-height:1.22;}.staff-shell .pagination a,.staff-shell .pagination span{min-width:40px;min-height:40px;padding:8px 10px;display:inline-grid;place-items:center;}.staff-shell details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;}.staff-shell pre,.staff-shell code{max-width:100%;overflow-x:auto;}.staff-shell .modal{padding-top:12px;align-items:flex-end;}.staff-shell .modal-content{width:100%;max-width:100%;max-height:calc(100dvh - 12px);margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:20px 20px 0 0;}.staff-shell .modal-header{flex:0 0 auto;padding:14px 16px;}.staff-shell .modal-body{flex:1 1 auto;min-height:0;padding:16px;overflow:auto;}.staff-shell .modal-footer{flex:0 0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.staff-shell .modal-footer .btn{width:100%;justify-content:center;}.staff-shell .modal-close{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center;}}@media (max-width:420px){.staff-shell .card-title,.staff-shell .card-header,.staff-shell .card-content,.staff-shell .card-body{padding-left:12px;padding-right:12px;}.staff-shell .form-actions .btn{padding-left:8px;padding-right:8px;}}@media (max-width:600px){.receipt-page .receipt-page-wrap{max-width:100%;padding-left:10px;padding-right:10px;}.receipt-page .btn{min-height:44px;white-space:normal;justify-content:center;}.receipt-page .receipt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.receipt-page .receipt-actions .btn{width:100%;}.receipt-page .email-section{padding:16px !important;}.receipt-page .email-section form{display:grid !important;grid-template-columns:1fr;}.receipt-page .email-section input{width:100%;min-width:0 !important;min-height:44px;font-size:16px !important;}.receipt-page .receipt-selection-toolbar{padding:18px !important;border-radius:18px !important;}}@media print{body{background:#ffffff !important;color:#000000 !important;}.header,.sidebar,.footer,.btn,.action-btn{display:none !important;}.main-content{margin-left:0;margin-top:0;width:100%;max-width:100%;}}.product-variant-builder .variant-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:14px;border:1px solid var(--border-color,#d8dee8);border-radius:8px;}.product-variant-builder .variant-presets legend{padding:0 6px;font-weight:700;}.variant-attribute-card{margin-bottom:12px;padding:14px;border:1px solid var(--border-color,#d8dee8);border-left:4px solid var(--primary-color,#2563eb);border-radius:8px;background:var(--card-bg,#fff);}.variant-values-group{flex:2 1 320px;}.variant-shared-images{display:grid;gap:8px;margin:12px 0;padding:12px;border-radius:8px;background:var(--body-bg,#f6f8fb);}.variant-quantity-determiner{max-width:560px;padding:12px;border:1px solid var(--border-color,#d8dee8);border-radius:8px;background:var(--body-bg,#f6f8fb);}.variant-quantity-allocations{border:1px solid color-mix(in srgb,var(--primary-color,#2563eb) 30%,transparent);}.variant-quantity-allocations .form-row{margin-top:4px;}.variant-quantity-allocations .form-group{min-width:140px;margin-bottom:0;}.variant-quantity-allocations .variant-stock-pool{flex:1 1 280px;padding:10px;border:1px solid var(--border-color,#d8dee8);border-radius:7px;background:var(--card-bg,#fff);}.variant-stock-pool>strong{display:block;margin-bottom:6px;}.variant-stock-pool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.variant-stock-pool-fields label{min-width:0;margin:0;font-size:0.78rem;}.variant-quantity-allocations .form-control{margin-top:5px;}.variant-shared-image-row{display:grid;grid-template-columns:minmax(110px,0.55fr) minmax(150px,1fr) minmax(190px,1.4fr );align-items:center;gap:10px;margin:0;}.variant-shared-image-row .form-control{margin:0;}.variant-shared-image-swatch::before{content:'';display:inline-block;width:16px;height:16px;margin-right:7px;border:1px solid rgba(0,0,0,0.22);border-radius:50%;vertical-align:-3px;background:var(--variant-swatch);}.form-group.has-error .form-control,.form-control[aria-invalid='true']{border-color:#b42318;box-shadow:0 0 0 3px rgba(180,35,24,0.14);}.product-form-attention{border:2px solid #b42318 !important;background:rgba(254,243,242,0.55) !important;}.product-form-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;}.product-form-stepper button{min-height:52px;padding:9px 12px;border:1px solid var(--border-color,#d7dee8);border-radius:8px;background:var(--card-bg,#fff);color:var(--text-color,#334155);cursor:pointer;font:inherit;font-weight:600;text-align:left;}.product-form-stepper button span{display:inline-grid;width:26px;height:26px;margin-right:6px;place-items:center;border-radius:50%;background:#e2e8f0;color:#334155;}.product-form-stepper button.is-active{border-color:var(--primary-color,#2563eb);background:rgba(37,99,235,0.08);color:var(--primary-color,#1d4ed8);}.product-form-stepper button.is-active span,.product-form-stepper button.is-complete span{background:var(--primary-color,#2563eb);color:#fff;}.product-form-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:10px 12px;border:1px solid var(--border-color,#d7dee8);border-radius:8px;background:#f8fafc;}.product-form-templates [data-product-draft-status]{margin-left:auto;}.product-form-step[hidden]{display:none !important;}.product-form-step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--border-color,#e2e8f0);}.product-form-step-heading span{color:var(--primary-color,#2563eb);font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}.product-form-step-heading h3{margin:3px 0 0;}.product-form-step-heading p{max-width:520px;margin:0;color:var(--muted-text,#64748b);}.product-form-wizard-actions{position:sticky;z-index:20;bottom:0;margin:18px -20px -20px;padding:12px 20px;border-top:1px solid var(--border-color,#d7dee8);background:rgba(255,255,255,0.96);box-shadow:0 -8px 20px rgba(15,23,42,0.08);backdrop-filter:blur(8px);}.product-form-progress-copy{margin-right:auto;color:var(--muted-text,#64748b);font-weight:600;}@media (max-width:768px){.product-form-stepper{grid-template-columns:repeat(2,minmax(0,1fr));}.product-form-stepper button{min-height:46px;font-size:0.82rem;}.product-form-step-heading{display:block;}.product-form-step-heading p{margin-top:8px;}.product-form-templates [data-product-draft-status]{width:100%;margin-left:0;}.product-form-wizard-actions{margin-right:-15px;margin-left:-15px;padding:10px 15px;}.product-form-progress-copy{width:100%;order:-1;}}.product-gallery-manager{grid-column:1 / -1;order:10;padding:14px;border:1px solid var(--border-color,#d7dee7);border-radius:12px;background:var(--surface-muted,#f8fafc);}.product-gallery-manager>.form-control{background:var(--surface-color,#fff);}.product-gallery-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:14px;}.product-gallery-selection-grid[hidden]{display:none;}.product-gallery-selection-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--border-color,#d7dee7);border-radius:10px;background:var(--surface-color,#fff);}.product-gallery-selection-card img{width:88px;height:88px;border:1px solid var(--border-color,#d7dee7);border-radius:8px;background:var(--body-bg,#f6f8fb);object-fit:cover;}.product-gallery-selection-details{display:grid;align-content:center;justify-items:start;gap:5px;min-width:0;}.product-gallery-selection-details strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.product-gallery-selection-details small{color:var(--text-muted,#667085);}.product-gallery-selection-details .btn{margin-top:3px;}.product-gallery-existing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin-top:14px;}.product-gallery-existing-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--border-color,#d7dee7);border-radius:10px;background:var(--surface-color,#fff);}.product-gallery-existing-card.is-marked-for-removal{border-color:var(--danger-color,#b42318);box-shadow:inset 0 0 0 1px var(--danger-color,#b42318);}.product-gallery-existing-card.is-marked-for-removal .product-gallery-existing-preview{opacity:0.58;}.product-gallery-existing-card [data-remove-saved-gallery]{margin-top:8px;}.product-gallery-existing-preview{display:grid;gap:5px;color:var(--text-muted,#667085);font-size:0.75rem;text-align:center;}.product-gallery-existing-preview img,.product-gallery-missing{width:104px;height:104px;border:1px solid var(--border-color,#d7dee7);border-radius:8px;background:var(--body-bg,#f6f8fb);object-fit:cover;}.product-gallery-missing{display:grid;place-items:center;padding:8px;}.product-gallery-error{display:block;margin-top:6px;color:#b42318;font-weight:600;}.product-gallery-error[hidden]{display:none;}@media (max-width:720px){.variant-shared-image-row,.variant-stock-pool-fields{grid-template-columns:1fr;}.product-gallery-existing-card{grid-template-columns:84px minmax(0,1fr);}.product-gallery-existing-preview img,.product-gallery-missing{width:84px;height:84px;}.product-gallery-selection-card{grid-template-columns:76px minmax(0,1fr);}.product-gallery-selection-card img{width:76px;height:76px;}}.variant-combination-table td{min-width:150px;vertical-align:top;}.variant-combination-table td:first-child{min-width:210px;}.variant-combination-table .form-control + .form-control,.variant-combination-table small + .form-control,.variant-combination-table .form-control + label{margin-top:7px;}.variant-combination-table [data-variant-stock-pool]{display:block;margin-top:7px;line-height:1.35;}.variant-advanced-fields{margin-top:8px;}.variant-advanced-fields summary{cursor:pointer;font-weight:700;}.variant-advanced-grid{width:min(440px,70vw);margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.variant-advanced-grid label{font-size:0.78rem;}