: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);}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;}.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,.22);}.support-release-eyebrow,.support-section-heading span{color:var(--primary-color);font-size:.75rem;font-weight:800;letter-spacing:.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:.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:.72rem;}.support-release-status strong{color:var(--text-color);font-size:.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:.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:.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:.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:.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:.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:.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:.95rem;}.support-highlight-grid p{margin:0;color:var(--text-muted);font-size:.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:.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.10);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,.3);border-radius:24px;background:#fff;color:#17202a;box-shadow:0 35px 90px rgba(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:.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:.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 .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:.78rem;text-transform:uppercase;letter-spacing:.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:.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-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-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;}