@charset "UTF-8";:root{--base-font-size: 14px;--primary-color: #1E1E1E;--accent-color: #C8A951;--light-bg: #F5F5F5;--success: #2E7D32;--error: #C62828;--olive-green: #556B2F;--beige: #E8DCC8}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;overflow:auto;background:#f5f5f5!important}body{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5!important;color:#2c2c2c!important;font-size:var(--base-font-size);transition:background-color .3s ease,color .3s ease,font-size .3s ease;line-height:1.6;height:100%;width:100%;margin:0;padding:0}ion-app{--ion-background-color: #F5F5F5;--ion-text-color: #2C2C2C;overflow:visible!important;contain:none!important}ion-button{font-weight:600;letter-spacing:.3px}ion-input{font-family:inherit;--background: #FFFFFF;--color: #2C2C2C;--placeholder-color: #666666}ion-select{--background: #FFFFFF;--color: #2C2C2C}ion-card{--box-shadow: 0 8px 32px rgba(0, 0, 0, .08);border-radius:16px;--background: #FFFFFF}input,textarea,select{background:#fff!important;color:#2c2c2c!important;border:1px solid #ddd!important}.form-input,.form-field,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:#fff!important;color:#2c2c2c!important;border:1px solid #ddd!important;font-family:inherit;font-size:var(--base-font-size)}.form-label,label{color:#2c2c2c!important;font-weight:500}:root.dark-mode{--ion-background-color: #1a1a1a;--ion-text-color: #f5f5f5}:root.dark-mode html,:root.dark-mode body{background-color:#1a1a1a!important;color:#f5f5f5!important}:root.dark-mode ion-app{--ion-background-color: #1a1a1a !important;--ion-text-color: #f5f5f5 !important}:root.dark-mode main,:root.dark-mode .app-main,:root.dark-mode .app-content,:root.dark-mode router-outlet{background:#1a1a1a!important;color:#f5f5f5!important}:root.dark-mode .dashboard-page,:root.dark-mode .inventory-page,:root.dark-mode .items-page,:root.dark-mode .suppliers-page,:root.dark-mode .login-page,:root.dark-mode .categories-page,:root.dark-mode .table-orders-page,:root.dark-mode .audit-metrics-page,:root.dark-mode .profile-page{background:#1a1a1a!important;color:#f5f5f5!important}:root.dark-mode .dashboard-container,:root.dark-mode .dashboard-header,:root.dark-mode .stat-card,:root.dark-mode .analytics-card,:root.dark-mode .activity-card,:root.dark-mode .quick-actions-card,:root.dark-mode .empty-dashboard,:root.dark-mode .loading-state,:root.dark-mode .inventory-container,:root.dark-mode .item-card,:root.dark-mode .items-table-wrapper,:root.dark-mode .suppliers-container,:root.dark-mode .categories-container,:root.dark-mode .category-card,:root.dark-mode .login-container,:root.dark-mode .login-card,:root.dark-mode .table-orders-container,:root.dark-mode .audit-metrics-container,:root.dark-mode .metrics-header,:root.dark-mode .metric-card,:root.dark-mode .chart-card,:root.dark-mode .profile-container,:root.dark-mode .profile-card,:root.dark-mode .profile-details,:root.dark-mode .profile-footer,:root.dark-mode .profile-header{background:#2a2a2a!important;color:#f5f5f5!important;border-color:#3a3a3a!important}:root.dark-mode h1,:root.dark-mode h2,:root.dark-mode h3,:root.dark-mode h4,:root.dark-mode h5,:root.dark-mode h6,:root.dark-mode .stat-number,:root.dark-mode .item-name,:root.dark-mode .supplier-name,:root.dark-mode .category-name,:root.dark-mode .action-text{color:#f5f5f5!important}:root.dark-mode p,:root.dark-mode span,:root.dark-mode .stat-label,:root.dark-mode .card-subtitle,:root.dark-mode .item-description,:root.dark-mode .supplier-info,:root.dark-mode .category-description,:root.dark-mode .alert-count{color:#ccc!important}:root.dark-mode .alert-category,:root.dark-mode .no-alerts,:root.dark-mode .text-muted{color:#999!important}:root.dark-mode input,:root.dark-mode textarea,:root.dark-mode select,:root.dark-mode ion-input,:root.dark-mode ion-select,:root.dark-mode .form-input{background:#333!important;color:#f5f5f5!important;border-color:#444!important}:root.dark-mode .btn-refresh,:root.dark-mode button,:root.dark-mode .btn-primary{background:#333!important;color:#f5f5f5!important;border-color:#444!important}:root.dark-mode .btn-secondary{background:#2a2a2a!important;color:#f5f5f5!important}:root.dark-mode table,:root.dark-mode th,:root.dark-mode td,:root.dark-mode .items-table,:root.dark-mode .suppliers-table{background:#2a2a2a!important;color:#f5f5f5!important;border-color:#3a3a3a!important}:root.dark-mode thead{background:#333!important}:root.dark-mode tbody tr:nth-child(2n){background:#2a2a2a!important}:root.dark-mode tbody tr:hover{background:#333!important}:root.dark-mode .btn-icon{background:#333!important}:root.dark-mode .btn-icon svg{fill:#ccc!important}:root.dark-mode .btn-icon:hover{background:#444!important}:root.dark-mode .form-label,:root.dark-mode label{color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .metrics-header h1,:root.dark-mode .audit-metrics-container .metrics-header p{color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .metrics-header .material-icons{color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .date-filter-form label,:root.dark-mode .audit-metrics-container .date-filter-form .date-select,:root.dark-mode .audit-metrics-container .date-filter-form .date-input{color:#f5f5f5!important;background:#333!important;border-color:#444!important}:root.dark-mode .audit-metrics-container .btn-export{background:#333!important;color:#f5f5f5!important;border-color:#444!important}:root.dark-mode .audit-metrics-container .metric-card{background:#2a2a2a!important;color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .metric-card h3,:root.dark-mode .audit-metrics-container .metric-card .card-value .value{color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .metric-card .card-description,:root.dark-mode .audit-metrics-container .metric-card .card-value .unit{color:#ccc!important}:root.dark-mode .audit-metrics-container .metric-card .card-footer{border-top-color:#444!important}:root.dark-mode .audit-metrics-container .chart-card{background:#2a2a2a!important;color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .chart-card h3{color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .chart-card p{color:#ccc!important}:root.dark-mode .audit-metrics-container .loading-spinner{background:#2a2a2a!important;border-color:#444!important}:root.dark-mode .audit-metrics-container .loading-spinner p{color:#f5f5f5!important}:root.dark-mode .audit-metrics-container .error-message{background:#3a2a2a!important;border-color:#ef5350!important}:root.dark-mode .audit-metrics-container .error-message p{color:#ef5350!important}:root.dark-mode .profile-page .profile-header h1,:root.dark-mode .profile-page .profile-header p{color:#f5f5f5!important}:root.dark-mode .profile-page .profile-header .btn-back{color:#f5f5f5!important;border-color:#c8a951!important;background:#2a2a2a!important}:root.dark-mode .profile-page .profile-header .btn-back:hover{background:#3a3a3a!important}:root.dark-mode .profile-page .profile-card{background:#2a2a2a!important;color:#f5f5f5!important;border-color:#c8a951!important}:root.dark-mode .profile-page .profile-card .profile-name{color:#f5f5f5!important}:root.dark-mode .profile-page .profile-card .profile-role{background:#c8a95133!important;color:#f5f5f5!important;border-color:#c8a95166!important}:root.dark-mode .profile-page .profile-card .profile-avatar{background:#c8a9511a!important;border-color:#c8a951!important}:root.dark-mode .profile-page .profile-card .profile-avatar .material-icons{color:#c8a951!important}:root.dark-mode .profile-page .profile-details{background:#2a2a2a!important;color:#f5f5f5!important;border-color:#c8a951!important}:root.dark-mode .profile-page .profile-details .detail-item{background:#333!important}:root.dark-mode .profile-page .profile-details .detail-item:hover{background:#3a3a3a!important}:root.dark-mode .profile-page .profile-details .detail-item .detail-icon{background:#c8a95126!important}:root.dark-mode .profile-page .profile-details .detail-item .detail-icon .material-icons{color:#c8a951!important}:root.dark-mode .profile-page .profile-details .detail-item .detail-content label{color:#ccc!important}:root.dark-mode .profile-page .profile-details .detail-item .detail-content .detail-value{color:#f5f5f5!important}:root.dark-mode .profile-page .profile-footer{background:#2a2a2a!important;color:#f5f5f5!important;border-color:#c8a951!important}:root.dark-mode .profile-page .profile-footer .footer-text{color:#ccc!important}:root.dark-mode .profile-page .profile-footer .footer-text .material-icons{color:#c8a951!important}:root.dark-mode .profile-page .loading-state{background:#2a2a2a!important;border-color:#c8a951!important}:root.dark-mode .profile-page .loading-state .spinner{border-color:#c8a95133!important;border-top-color:#c8a951!important}:root.dark-mode .profile-page .loading-state p{color:#f5f5f5!important}:root.dark-mode .profile-page .alert-error{background:#c628281a!important;border-left-color:#ef5350!important}:root.dark-mode .profile-page .alert-error strong,:root.dark-mode .profile-page .alert-error p{color:#ef5350!important}:root.dark-mode .profile-page .alert-error .btn-retry{background:#ef5350!important;color:#f5f5f5!important}:root.dark-mode .error-text{color:#ef5350!important}:root.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a!important}:root.dark-mode ::-webkit-scrollbar-thumb{background-color:#c8a95166!important}:root.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#c8a951b3!important}:root.high-contrast{--primary-color: #000000;--accent-color: #FFD700}:root.high-contrast html,:root.high-contrast body{background-color:#fff!important;color:#000!important}:root.high-contrast ion-app{--ion-background-color: #FFFFFF !important;--ion-text-color: #000000 !important}:root.high-contrast main,:root.high-contrast .app-main,:root.high-contrast .app-content,:root.high-contrast router-outlet{background:#fff!important;color:#000!important}:root.high-contrast .dashboard-page{background:#fff!important;color:#000!important}:root.high-contrast .dashboard-container,:root.high-contrast .dashboard-header,:root.high-contrast .stat-card,:root.high-contrast .analytics-card,:root.high-contrast .activity-card,:root.high-contrast .quick-actions-card,:root.high-contrast .empty-dashboard,:root.high-contrast .loading-state{background:#fff!important;color:#000!important;border:3px solid #000000!important}:root.high-contrast .dashboard-container h1,:root.high-contrast .dashboard-container h2,:root.high-contrast .dashboard-container h3,:root.high-contrast .dashboard-container h4,:root.high-contrast .dashboard-container h5,:root.high-contrast .dashboard-container h6,:root.high-contrast .dashboard-container .stat-number,:root.high-contrast .dashboard-header h1,:root.high-contrast .dashboard-header h2,:root.high-contrast .dashboard-header h3,:root.high-contrast .dashboard-header h4,:root.high-contrast .dashboard-header h5,:root.high-contrast .dashboard-header h6,:root.high-contrast .dashboard-header .stat-number,:root.high-contrast .stat-card h1,:root.high-contrast .stat-card h2,:root.high-contrast .stat-card h3,:root.high-contrast .stat-card h4,:root.high-contrast .stat-card h5,:root.high-contrast .stat-card h6,:root.high-contrast .stat-card .stat-number,:root.high-contrast .analytics-card h1,:root.high-contrast .analytics-card h2,:root.high-contrast .analytics-card h3,:root.high-contrast .analytics-card h4,:root.high-contrast .analytics-card h5,:root.high-contrast .analytics-card h6,:root.high-contrast .analytics-card .stat-number,:root.high-contrast .activity-card h1,:root.high-contrast .activity-card h2,:root.high-contrast .activity-card h3,:root.high-contrast .activity-card h4,:root.high-contrast .activity-card h5,:root.high-contrast .activity-card h6,:root.high-contrast .activity-card .stat-number,:root.high-contrast .quick-actions-card h1,:root.high-contrast .quick-actions-card h2,:root.high-contrast .quick-actions-card h3,:root.high-contrast .quick-actions-card h4,:root.high-contrast .quick-actions-card h5,:root.high-contrast .quick-actions-card h6,:root.high-contrast .quick-actions-card .stat-number,:root.high-contrast .empty-dashboard h1,:root.high-contrast .empty-dashboard h2,:root.high-contrast .empty-dashboard h3,:root.high-contrast .empty-dashboard h4,:root.high-contrast .empty-dashboard h5,:root.high-contrast .empty-dashboard h6,:root.high-contrast .empty-dashboard .stat-number,:root.high-contrast .loading-state h1,:root.high-contrast .loading-state h2,:root.high-contrast .loading-state h3,:root.high-contrast .loading-state h4,:root.high-contrast .loading-state h5,:root.high-contrast .loading-state h6,:root.high-contrast .loading-state .stat-number{color:#000!important}:root.high-contrast .dashboard-container p,:root.high-contrast .dashboard-container span,:root.high-contrast .dashboard-container .stat-label,:root.high-contrast .dashboard-container .card-subtitle,:root.high-contrast .dashboard-header p,:root.high-contrast .dashboard-header span,:root.high-contrast .dashboard-header .stat-label,:root.high-contrast .dashboard-header .card-subtitle,:root.high-contrast .stat-card p,:root.high-contrast .stat-card span,:root.high-contrast .stat-card .stat-label,:root.high-contrast .stat-card .card-subtitle,:root.high-contrast .analytics-card p,:root.high-contrast .analytics-card span,:root.high-contrast .analytics-card .stat-label,:root.high-contrast .analytics-card .card-subtitle,:root.high-contrast .activity-card p,:root.high-contrast .activity-card span,:root.high-contrast .activity-card .stat-label,:root.high-contrast .activity-card .card-subtitle,:root.high-contrast .quick-actions-card p,:root.high-contrast .quick-actions-card span,:root.high-contrast .quick-actions-card .stat-label,:root.high-contrast .quick-actions-card .card-subtitle,:root.high-contrast .empty-dashboard p,:root.high-contrast .empty-dashboard span,:root.high-contrast .empty-dashboard .stat-label,:root.high-contrast .empty-dashboard .card-subtitle,:root.high-contrast .loading-state p,:root.high-contrast .loading-state span,:root.high-contrast .loading-state .stat-label,:root.high-contrast .loading-state .card-subtitle{color:#000!important}:root.high-contrast input,:root.high-contrast textarea,:root.high-contrast select,:root.high-contrast ion-input,:root.high-contrast ion-select,:root.high-contrast ion-card{background:#fff!important;color:#000!important;border:3px solid #000000!important}:root.high-contrast .btn-refresh,:root.high-contrast button,:root.high-contrast .btn-primary{background:#000!important;color:gold!important;border:3px solid #000000!important;font-weight:700!important}:root.high-contrast .form-label,:root.high-contrast label{color:#000!important;font-weight:700!important}:root.high-contrast .error-text{color:#c62828!important;font-weight:700!important}:root.font-small{--base-font-size: 12px}:root.font-small html,:root.font-small body{font-size:12px}:root.font-small h1,:root.font-small h2,:root.font-small h3{font-size:18px}:root.font-small h4,:root.font-small h5,:root.font-small h6{font-size:16px}:root.font-small p,:root.font-small span,:root.font-small label,:root.font-small button{font-size:12px}:root.font-medium{--base-font-size: 14px}:root.font-medium html,:root.font-medium body{font-size:14px}:root.font-medium h1,:root.font-medium h2,:root.font-medium h3{font-size:21px}:root.font-medium h4,:root.font-medium h5,:root.font-medium h6{font-size:18px}:root.font-medium p,:root.font-medium span,:root.font-medium label,:root.font-medium button{font-size:14px}:root.font-large{--base-font-size: 16px}:root.font-large html,:root.font-large body{font-size:16px}:root.font-large h1,:root.font-large h2,:root.font-large h3{font-size:24px}:root.font-large h4,:root.font-large h5,:root.font-large h6{font-size:20px}:root.font-large p,:root.font-large span,:root.font-large label,:root.font-large button{font-size:16px}:root.font-extra-large{--base-font-size: 18px}:root.font-extra-large html,:root.font-extra-large body{font-size:18px}:root.font-extra-large h1,:root.font-extra-large h2,:root.font-extra-large h3{font-size:27px}:root.font-extra-large h4,:root.font-extra-large h5,:root.font-extra-large h6{font-size:22px}:root.font-extra-large p,:root.font-extra-large span,:root.font-extra-large label,:root.font-extra-large button{font-size:18px}html,body{font-size:var(--base-font-size)}h1,h2,h3,h4,h5,h6{font-size:calc(var(--base-font-size) * 1.5)}p,span,label,button{font-size:var(--base-font-size)}:root.reduce-motion *{animation:none!important;animation-duration:.01ms!important;transition:none!important;transition-duration:.01ms!important}:root.reduce-motion *,:root.reduce-motion *:before,:root.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root.reduce-motion .accessibility-menu,:root.reduce-motion .login-container,:root.reduce-motion button,:root.reduce-motion input,:root.reduce-motion select{animation:none!important;transition:none!important}:root.reduce-motion html{scroll-behavior:auto!important}@media(max-width:480px){h1,h2,h3,h4,h5,h6{font-size:calc(var(--base-font-size) * 1.4)}}.skip-to-content{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;z-index:100}.skip-to-content:focus{top:0}.accessibility-container{position:fixed!important;bottom:24px;right:24px;z-index:99999!important;pointer-events:none}.accessibility-container .accessibility-toggle,.accessibility-container .accessibility-menu{pointer-events:auto!important}ion-app.app-wrapper{position:relative!important;overflow:visible!important;contain:none!important}.app-wrapper{position:relative!important;overflow:visible!important}.app-main,.app-content{overflow:visible!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){html{color-scheme:dark}}