ion-menu{--width: 280px;--max-width: 85vw;z-index:10000}ion-menu::part(container){position:fixed;top:0;left:0;bottom:0}@media (max-width: 991px){ion-menu{--width: 280px;--max-width: 85vw;position:fixed!important;z-index:10000!important}}.menu-content{--background: #f8f9fa}.menu-header-info{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 16px;text-align:center;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.menu-app-icon{width:64px;height:64px;margin:0 auto 12px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.1)}.menu-app-icon ion-icon{font-size:36px;color:#fff}.menu-app-name{font-size:20px;font-weight:800;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.menu-app-subtitle{font-size:12px;margin:0;opacity:.9}.menu-section{margin:16px 0}.menu-section-header{padding:12px 20px 8px}.menu-section-title{font-size:12px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin:0}.menu-item,.menu-item-active{--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 12px;--background: transparent;--background-hover: rgba(99, 102, 241, .1);--background-activated: rgba(99, 102, 241, .15);--min-height: 48px;margin:3px 8px;border-radius:10px;font-weight:500;font-size:14px;transition:all .2s ease}.menu-item ion-icon{margin-right:12px;font-size:20px}.menu-item:hover{--background: rgba(99, 102, 241, .08);transform:translate(4px)}.menu-item-active{--background: linear-gradient(135deg, rgba(99, 102, 241, .15) 0%, rgba(139, 92, 246, .15) 100%);border-left:4px solid #6366f1;font-weight:600}.menu-item-active ion-icon{transform:scale(1.1)}.menu-item-logout{margin-top:16px;border-top:1px solid #e9ecef;border-radius:0;padding-top:16px}.menu-item-logout:hover{--background: rgba(239, 68, 68, .08);transform:translate(0)}.menu-accordion-header{--padding-start: 16px;--padding-end: 16px;--background: transparent;--background-hover: rgba(99, 102, 241, .05);--min-height: 48px;margin:3px 8px;border-radius:10px;font-weight:600;font-size:14px}.menu-accordion-header ion-icon{margin-right:12px;font-size:18px;color:#6366f1}.menu-accordion-content{--background: rgba(0, 0, 0, .02);padding:8px 0}ion-list{background:transparent;padding:0}ion-badge{font-size:10px;font-weight:700;letter-spacing:.5px}.menu-button{margin-right:8px}.menu-button ion-icon{font-size:24px}@media (prefers-color-scheme: dark){.menu-content{--background: #1a1a1a}.menu-section-title{color:#9ca3af}.menu-item,.menu-item-active{--background-hover: rgba(99, 102, 241, .15);--background-activated: rgba(99, 102, 241, .2)}.menu-item:hover{--background: rgba(99, 102, 241, .12)}.menu-item-active{--background: linear-gradient(135deg, rgba(99, 102, 241, .2) 0%, rgba(139, 92, 246, .2) 100%)}.menu-item-logout{border-top-color:#333}.menu-accordion-content{--background: rgba(255, 255, 255, .02)}}@media (max-width: 480px){ion-menu{--width: 260px;--max-width: 90vw}.menu-header-info{padding:20px 12px}.menu-app-icon{width:56px;height:56px}.menu-app-icon ion-icon{font-size:32px}.menu-app-name{font-size:18px}.menu-app-subtitle{font-size:11px}.menu-item,.menu-item-active,.menu-accordion-header{--padding-start: 12px;--padding-end: 12px;margin:2px 6px;font-size:13px}.menu-section-title{font-size:11px}}@media (min-width: 768px){ion-menu{--width: 300px;--max-width: 300px}.menu-header-info{padding:32px 24px}.menu-app-icon{width:80px;height:80px}.menu-app-icon ion-icon{font-size:48px}.menu-app-name{font-size:24px}.menu-app-subtitle{font-size:14px}.menu-item,.menu-item-active,.menu-accordion-header{--padding-start: 20px;--padding-end: 20px;margin:4px 12px;font-size:15px}.menu-item ion-icon{font-size:22px;margin-right:16px}.menu-accordion-header ion-icon{font-size:20px;margin-right:16px}}@media (min-width: 1024px){ion-menu{--width: 320px;--max-width: 320px}.menu-header-info{padding:40px 24px}.menu-app-icon{width:96px;height:96px}.menu-app-icon ion-icon{font-size:52px}.menu-app-name{font-size:26px}.menu-item,.menu-item-active,.menu-accordion-header{margin:6px 16px}}ion-menu{--ion-transition-duration: .3s;--ion-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}@media (hover: none) and (pointer: coarse){.menu-item:hover{transform:none}.menu-item:active,.menu-item-active:active{--background: rgba(99, 102, 241, .2)}.menu-item,.menu-item-active,.menu-accordion-header{--min-height: 52px}}.menu-content{overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-content::-webkit-scrollbar{width:6px}.menu-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.menu-content::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:3px}.menu-content::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5)}.offline-banner-container{position:fixed;top:56px;left:0;right:0;z-index:999;padding:8px 12px 0;animation:slideDown .3s ease-out}.offline-banner{margin:0;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:12px;--background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%)}.offline-banner-content{display:flex;align-items:center;gap:12px;padding:8px 0}.offline-banner-icon-wrapper{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.offline-banner-icon{font-size:24px;color:#fff}.offline-banner-text{flex:1;min-width:0}.offline-banner-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.offline-banner-message{font-size:13px;color:rgba(255,255,255,.9);margin:0;line-height:1.4}.offline-banner-actions{display:flex;gap:4px;flex-shrink:0}.offline-banner-actions ion-button{--color: white;--color-hover: rgba(255, 255, 255, .8);margin:0;height:32px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.offline-banner-container{top:44px;padding:4px 8px 0}.offline-banner-icon-wrapper{width:40px;height:40px}.offline-banner-icon{font-size:20px}.offline-banner-title{font-size:14px}.offline-banner-message{font-size:12px}.offline-banner-actions{flex-direction:column;gap:2px}.offline-banner-actions ion-button{height:28px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.offline-banner-container{padding:8px 16px 0}}@media (min-width: 1025px){.offline-banner-container{padding:12px 24px 0;max-width:1200px;margin:0 auto;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-color-scheme: dark){.offline-banner{box-shadow:0 4px 12px rgba(0,0,0,.4)}}#container{text-align:center;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}#container strong{font-size:20px;line-height:26px}#container p{font-size:16px;line-height:22px;color:#8c8c8c;margin:0}#container a{text-decoration:none}:root{--pos-bg: #f0f2f5;--pos-white: #ffffff;--pos-purple: #8e44ad;--pos-purple-light: #9b59b6;--pos-green: #00cc99;--pos-green-dark: #00b88a;--pos-blue: #007bff;--pos-orange: #ffab00;--pos-border: #e0e0e0;--pos-text: #333333}.pos-screen{background-color:var(--pos-bg);font-family:Roboto,sans-serif;--ion-background-color: var(--pos-bg);overflow-x:hidden;max-width:100vw;position:relative}.pos-left-panel{display:flex;flex-direction:column;height:100vh;padding:10px;gap:10px;border-right:1px solid #ddd}.customer-action-row{display:flex;gap:10px;height:45px}.customer-select-wrapper{flex:1;background:#fff;border-radius:4px;border:1px solid var(--pos-border);display:flex;align-items:center;padding:0 5px}.icon-btn-group{display:flex;gap:5px}.icon-action-btn{width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;transition:opacity .2s}.icon-action-btn:active{opacity:.8}.btn-green{background-color:var(--pos-green)}.btn-blue{background-color:var(--pos-blue)}.manual-input-row{display:flex;gap:10px}.manual-input{background:#fff;border:1px solid var(--pos-border);border-radius:4px;height:40px;--padding-start: 10px;font-size:14px}.weigh-scale-section{background:#fff;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.scale-display-box{border:1px solid #eee;border-radius:6px;padding:15px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.scale-status{position:absolute;top:10px;right:10px;background:#bdc3c7;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;text-transform:uppercase}.scale-status.connected{background:var(--pos-green)}.weight-text{font-size:2.5rem;font-weight:700;color:#333;margin:10px 0;text-align:center}.connect-btn{--background: var(--pos-green);--border-radius: 4px;margin:0;height:30px;font-size:12px;width:auto;align-self:flex-end}.current-weight-row{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:10px;border-radius:6px}.add-cart-btn-large{--background: var(--pos-green);--border-radius: 20px;margin:0;height:40px;font-weight:700}.cart-container{flex:1;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 5px rgba(0,0,0,.05);margin-bottom:0}.cart-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 30px;padding:15px 20px;background:#f8f9fa;border-bottom:2px solid #eee;font-weight:700;font-size:12px;color:#666;text-transform:uppercase}.cart-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.cart-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 30px;padding:12px 10px;border-bottom:1px solid #eee;font-size:13px;align-items:center;cursor:pointer}.cart-item.selected{background-color:#e3f2fd}.cart-footer{background:#f8f9fa;padding:20px 25px;border-top:1px solid #ddd}.cart-footer-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px}.pay-total{font-size:24px;font-weight:700;color:var(--pos-blue)}.pos-right-panel{display:flex;flex-direction:column;height:100vh;padding:10px 10px 10px 0}.header-actions{display:flex;gap:10px;margin-bottom:10px;padding:15px 20px;align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.bill-tab{background:var(--pos-orange);color:#fff;padding:0 20px;font-weight:700;border-radius:4px;height:38px;display:flex;align-items:center}.plus-btn{background:var(--pos-green);color:#fff;width:38px;height:38px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:5px 10px}.barcode-icon{background:#666;color:#fff;padding:5px;border-radius:3px;margin-right:10px;display:flex}.main-search-input{border:none;width:100%;outline:none;height:30px;background:transparent}.product-content-area{flex:1;background:#fff;border-radius:8px;overflow:hidden;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.05)}.category-sidebar{width:150px;background:#f8f9fa;border-right:1px solid #eee;display:flex;flex-direction:column}.category-header{background:var(--pos-purple);color:#fff;padding:12px 10px;font-weight:700;text-align:center;font-size:14px}.category-list{overflow-y:auto;flex:1;padding:5px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.category-btn{width:100%;text-align:left;border:none;background:#ecf0f1;padding:10px;margin-bottom:4px;border-radius:0 20px 20px 0;font-size:12px;cursor:pointer;transition:.2s}.category-btn:hover{background:#dcdcdc}.category-btn.active{background:var(--pos-purple);color:#fff}.product-grid-container{flex:1;padding:10px;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;display:flex;flex-direction:column}.product-count-header{font-size:12px;color:#7f8c8d;margin-bottom:10px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.img-product-card{border:1px solid #eee;border-radius:8px;position:relative;overflow:hidden;background:#fff;transition:transform .1s;cursor:pointer}.img-product-card:active{transform:scale(.98)}.price-tag-blue{position:absolute;top:5px;left:5px;background:#4b7bec;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;z-index:2}.stock-tag-blue{position:absolute;top:5px;right:5px;background:#4b7bec;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;z-index:2}.card-img-wrapper{height:90px;display:flex;align-items:center;justify-content:center;background:#fdfdfd;margin-top:20px}.no-image-placeholder{width:60px;height:60px;border-radius:50%;border:2px solid #eee;display:flex;align-items:center;justify-content:center;font-size:9px;color:#aaa;text-align:center}.card-details{padding:8px}.prod-name{font-size:12px;font-weight:600;line-height:1.2;height:28px;overflow:hidden;margin-bottom:4px;color:#2c3e50}.prod-sku{font-size:10px;color:#95a5a6}.card-actions{display:flex;gap:5px;margin-top:5px}.cart-icon-btn{flex:1;height:25px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#fff}.purple-cart{background:#9b59b6}.green-cart{background:var(--pos-green)}.payment-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.payment-modal-grid{grid-template-columns:1fr}}.cart-list::-webkit-scrollbar{width:8px}.cart-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cart-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px;transition:background .2s}.cart-list::-webkit-scrollbar-thumb:hover{background:#555}.category-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.category-list::-webkit-scrollbar-thumb{background:var(--pos-purple-light);border-radius:3px;transition:background .2s}.category-list::-webkit-scrollbar-thumb:hover{background:var(--pos-purple)}.product-grid-container::-webkit-scrollbar{width:8px}.product-grid-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.product-grid-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px;transition:background .2s}.product-grid-container::-webkit-scrollbar-thumb:hover{background:#888}.img-product-card{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.category-btn,.icon-action-btn,.cart-icon-btn,.mobile-tab-btn{will-change:transform,background-color;transform:translateZ(0)}.cart-list,.product-grid-container,.category-list,.category-sidebar,.products-grid{touch-action:pan-y}.img-product-card,.category-btn,.icon-action-btn,.mobile-tab-btn,.cart-icon-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pos-screen{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-tab-bar{display:none}@media (max-width: 991px){.pos-screen{overflow-x:hidden!important;max-width:100vw!important}.pos-screen ion-grid{overflow-x:hidden!important;max-width:100vw!important;padding:0!important;margin:0!important}.pos-screen ion-row{overflow-x:hidden!important;max-width:100vw!important;padding:0!important;margin:0!important}.pos-screen ion-col{overflow-x:hidden!important;max-width:100vw!important;padding:0!important}.pos-left-panel,.pos-right-panel{height:calc(100vh - 60px)!important;padding-bottom:10px;border-right:none;padding-left:10px;padding-right:10px;max-width:100vw!important;overflow-x:hidden!important;width:100%!important}.mobile-hidden{display:none!important}.mobile-tab-bar{display:flex;position:fixed;bottom:10px;left:0;right:0;height:60px;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000;border-top:1px solid #ddd;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent;color:#999;font-size:12px;font-weight:500;position:relative}.mobile-tab-btn.active{color:var(--pos-blue);background:#f8f9fa}.mobile-tab-btn ion-icon{font-size:24px;margin-bottom:4px}.tab-badge{position:absolute;top:5px;right:35%;background:var(--pos-orange);color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.product-content-area{flex-direction:column}.category-sidebar{width:100%;height:auto;max-height:50px;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid #eee;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain}.category-sidebar::-webkit-scrollbar{display:none}.category-header{display:none}.category-list{display:flex;padding:5px;touch-action:pan-x}.category-btn{min-width:100px;margin-bottom:0;margin-right:5px;border-radius:20px;text-align:center;border:1px solid #eee;padding:6px 10px}.header-actions{padding:12px 15px}.header-actions ion-button span{display:none}.cart-table-header{padding:12px 15px}.cart-footer{padding:15px 20px}}.mobile-menu-btn{display:none}@media (max-width: 991px){.mobile-menu-btn{display:block}}@media (min-width: 992px){.mobile-menu-btn{display:none!important}}.payment-modal-professional{--width: 95%;--max-width: 1200px;--height: 90vh;--border-radius: 16px}.payment-modal-content{--background: #f5f7fa}.payment-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 2.5rem;color:#fff}.payment-header-content{display:flex;justify-content:space-between;align-items:center}.payment-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.payment-subtitle{margin:.5rem 0 0;font-size:.95rem;opacity:.95;font-weight:400}.close-btn{--color: white;--background: rgba(255, 255, 255, .1);--border-radius: 50%}.payment-modal-body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 200px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.payment-left-panel{padding-right:1.5rem}.amount-display-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;padding:2rem;text-align:center;color:#fff;box-shadow:0 10px 30px rgba(99,102,241,.3);margin-bottom:1.5rem;animation:slideInUp .3s ease-out}.amount-label{font-size:.95rem;opacity:.9;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.amount-total{font-size:3.5rem;font-weight:800;margin:.5rem 0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.amount-items{font-size:1rem;opacity:.95}.received-amount-section{margin-bottom:1.5rem}.input-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem}.amount-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:2px solid #e5e7eb;transition:all .3s ease}.amount-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.currency-symbol{position:absolute;left:1.5rem;font-size:1.75rem;font-weight:700;color:#6366f1}.amount-input-large{width:100%;padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:2rem;font-weight:700;border:none;background:transparent;color:#111827;outline:none}.amount-input-large::placeholder{color:#d1d5db}.quick-amounts{margin-bottom:1.5rem}.quick-amounts-label{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.quick-amounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.quick-amount-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.quick-amount-btn:hover{border-color:#6366f1;background:#f5f7ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.quick-amount-btn:active{transform:translateY(0)}.quick-amount-btn.exact-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;grid-column:span 2}.quick-amount-btn.exact-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.change-return-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:1.5rem;text-align:center;color:#fff;margin-top:1.5rem;box-shadow:0 8px 20px rgba(16,185,129,.3);animation:bounceIn .5s ease-out}.change-label{font-size:.95rem;opacity:.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.change-amount{font-size:2.5rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2)}.insufficient-warning{background:#fef2f2;border:2px solid #fca5a5;border-radius:10px;padding:1rem;color:#dc2626;font-weight:600;display:flex;align-items:center;gap:.5rem;margin-top:1rem;animation:shake .5s ease-out}.insufficient-warning ion-icon{font-size:1.5rem}.payment-right-panel{padding-left:1.5rem}.section-title{font-size:1rem;font-weight:700;color:#111827;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.payment-method-section{margin-bottom:1.5rem}.payment-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.payment-method-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.payment-method-btn:hover{border-color:#6366f1;background:#f5f7ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.payment-method-btn.active{border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 20px rgba(99,102,241,.4)}.method-icon{font-size:2.5rem}.method-name{font-size:.95rem;font-weight:600}.payment-method-btn.active .method-name{color:#fff}.order-summary-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.95rem;color:#4b5563}.summary-row span:last-child{font-weight:600;color:#111827}.summary-row.discount{color:#10b981}.summary-row.discount span:last-child{color:#10b981}.summary-divider{height:1px;background:#e5e7eb;margin:.75rem 0}.summary-row.total-row{font-size:1.1rem;font-weight:700;color:#111827;padding-top:1rem}.summary-row.total-row span:last-child{font-size:1.5rem;color:#6366f1}.notes-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.notes-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .2s ease}.notes-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.payment-modal-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 12px rgba(0,0,0,.05)}.footer-actions-right{display:flex;gap:.75rem}.complete-payment-btn{--background: linear-gradient(135deg, #10b981 0%, #059669 100%);--background-hover: linear-gradient(135deg, #059669 0%, #047857 100%);font-size:1rem;font-weight:700;padding:0 2rem;height:48px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){.payment-modal-professional{--width: 100%;--height: 100vh;--border-radius: 0}.payment-modal-header{padding:1.5rem 2rem}.payment-title{font-size:1.5rem}.payment-modal-body{padding:1.5rem;max-height:calc(100vh - 180px)}.payment-left-panel,.payment-right-panel{padding:0}.amount-total{font-size:2.5rem}.amount-input-large{font-size:1.75rem;padding:1rem 1rem 1rem 3rem}.currency-symbol{left:1rem;font-size:1.5rem}.quick-amounts-grid{grid-template-columns:repeat(3,1fr)}.quick-amount-btn.exact-btn{grid-column:span 3}.payment-methods-grid{grid-template-columns:repeat(2,1fr)}.change-amount{font-size:2rem}.payment-modal-footer{flex-direction:column;gap:.75rem;padding:1.5rem 2rem}.footer-actions-right{width:100%;flex-direction:column}.footer-actions-right ion-button{width:100%}}@media (max-width: 480px){.amount-total{font-size:2rem}.amount-input-large{font-size:1.5rem}.quick-amounts-grid{grid-template-columns:repeat(2,1fr)}.quick-amount-btn{padding:.75rem;font-size:.9rem}}@media print{.payment-modal-professional{display:none}}@media (prefers-color-scheme: dark){.payment-modal-content{--background: #1f2937}.amount-input-wrapper,.quick-amount-btn,.order-summary-card,.notes-section{background:#374151;border-color:#4b5563}.amount-input-large,.input-label,.section-title,.summary-row,.notes-textarea{color:#f9fafb}.payment-modal-footer{background:#374151;border-top-color:#4b5563}}.payment-modal-body::-webkit-scrollbar{width:8px}.payment-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.payment-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:background .2s}.payment-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8e)}.payment-method-btn,.quick-amount-btn,.action-btn-professional{will-change:transform,background;transform:translateZ(0);backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.payment-modal-professional{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.payment-modal-body{touch-action:pan-y}.payment-method-btn,.quick-amount-btn,.action-btn-professional{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.offline-indicator{--background: rgba(255, 255, 255, .2);--color: white;height:32px;font-weight:600;border-radius:16px;padding:0 12px;margin:0;transition:all .3s ease}.offline-indicator.offline{--background: rgba(220, 38, 38, .2);--color: #dc2626;animation:pulse-offline 2s ease-in-out infinite}.offline-indicator.online{--background: rgba(34, 197, 94, .2);--color: #22c55e}.offline-indicator-icon{font-size:18px;margin-right:4px}.offline-indicator-label{font-size:13px;font-weight:600;margin:0}@keyframes pulse-offline{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-color-scheme: dark){.offline-indicator.offline{--background: rgba(220, 38, 38, .3);--color: #ef4444}.offline-indicator.online{--background: rgba(34, 197, 94, .3);--color: #10b981}}@media (max-width: 768px){.offline-indicator{height:28px;padding:0 10px}.offline-indicator-icon{font-size:16px}.offline-indicator-label{font-size:12px}}.sync-fab{z-index:998}.sync-fab-button{position:relative;--box-shadow: 0 4px 12px rgba(0, 0, 0, .15);--transition: all .3s ease}.sync-fab-button:hover{--box-shadow: 0 6px 20px rgba(0, 0, 0, .25);transform:scale(1.05)}.sync-fab-button[disabled]{opacity:.6}.sync-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sync-status-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.15);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.sync-status-chip:hover{background:rgba(255,255,255,.25)}.sync-status-icon{font-size:16px}.sync-status-badge{background:#dc2626;color:#fff;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 5px}@media (prefers-color-scheme: dark){.sync-fab-button{--box-shadow: 0 4px 12px rgba(0, 0, 0, .4)}.sync-fab-button:hover{--box-shadow: 0 6px 20px rgba(0, 0, 0, .6)}}@media (max-width: 768px){.sync-fab{bottom:16px;right:16px}.sync-fab-button{width:48px;height:48px}.sync-badge{top:-2px;right:-2px;min-width:18px;height:18px;font-size:10px}}.login-content{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-wrapper{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-logo{margin-bottom:20px}.logo-icon{font-size:60px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.login-subtitle{color:rgba(255,255,255,.9);font-size:16px;margin:0}.login-card{box-shadow:0 10px 40px rgba(0,0,0,.3);border-radius:16px;overflow:hidden}.login-card ion-card-content{padding:30px 20px}.login-item{--border-radius: 8px;--background: #f8f9fa;--padding-start: 16px;--padding-end: 16px;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:8px}.login-item:hover{--background: #ffffff;border-color:#667eea}.login-item ion-input{--padding-start: 8px}.input-icon{color:#667eea;font-size:20px}.login-button{margin-top:24px;height:50px;font-size:16px;font-weight:600;--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--box-shadow: 0 4px 15px rgba(102, 126, 234, .4);border-radius:8px}.login-button:hover:not([disabled]){--box-shadow: 0 6px 20px rgba(102, 126, 234, .6);transform:translateY(-2px);transition:all .3s ease}.login-button[disabled]{opacity:.6}.demo-info{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.login-footer{text-align:center;margin-top:30px}.login-footer p{color:rgba(255,255,255,.8);font-size:14px;margin:0}@media (max-width: 576px){.login-wrapper{max-width:100%}.login-title{font-size:28px}.logo-icon{font-size:50px}.login-card ion-card-content{padding:20px 16px}}@media (prefers-color-scheme: dark){.login-item{--background: #2d3748;border-color:#4a5568;color:#fff}.demo-info{background:#2d3748;color:#fff}}.dashboard-content{--background: #f5f7fa}.dashboard-container{padding:20px;max-width:1400px;margin:0 auto}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:16px;color:#fff;margin-bottom:30px;box-shadow:0 4px 20px rgba(102,126,234,.3)}.welcome-section h1{font-size:32px;font-weight:700;margin:0 0 10px}.welcome-subtitle{font-size:16px;margin:0;opacity:.9}.stat-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:16px;transition:transform .2s,box-shadow .2s}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-title{font-size:14px;color:#6c757d;margin:0 0 8px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:8px}.stat-description{font-size:13px;color:#95a5a6;margin:0}.section-header{margin:40px 0 20px}.section-header h2{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 5px}.section-header p{font-size:14px;color:#6c757d;margin:0}.dashboard-section-header{display:flex;align-items:center;gap:16px;margin:40px 0 24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.dashboard-section-icon{font-size:32px;color:#6366f1}.dashboard-section-title{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.dashboard-section-subtitle{font-size:14px;color:#6c757d;margin:4px 0 0}.dashboard-action-card{box-shadow:0 4px 12px rgba(0,0,0,.08);border-radius:16px;margin-bottom:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid rgba(0,0,0,.05)}.dashboard-action-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.dashboard-action-header{height:120px;display:flex;align-items:center;justify-content:center;position:relative}.dashboard-action-icon-wrapper{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.dashboard-action-icon{font-size:48px;color:#fff}.dashboard-action-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px}.dashboard-action-content{padding:20px;text-align:center}.dashboard-action-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 8px}.dashboard-action-description{font-size:13px;color:#6c757d;margin:0;line-height:1.5}.action-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.action-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.action-card ion-card-content{text-align:center;padding:24px}.action-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:30px}.action-title{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 8px}.action-description{font-size:14px;color:#6c757d;margin:0 0 16px}.action-button{margin-top:8px}.activity-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f8f9fa;border-radius:8px}.activity-item ion-icon{font-size:24px;flex-shrink:0}.activity-info{flex:1;font-size:14px;color:#495057}.activity-info strong{color:#2c3e50}.stock-alerts-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:30px;border-left:4px solid #ff6b6b}.stock-alerts-list{display:flex;flex-direction:column;gap:12px}.stock-alert-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:10px;transition:all .2s ease;border:1px solid #e9ecef}.stock-alert-item:hover{background:#e9ecef;transform:translate(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.stock-alert-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3cd;flex-shrink:0}.stock-alert-icon ion-icon{font-size:24px}.stock-alert-info{flex:1;min-width:0}.stock-alert-product{display:flex;align-items:center;margin-bottom:6px;flex-wrap:wrap}.stock-alert-product strong{font-size:15px;color:#2c3e50;margin-right:4px}.stock-alert-details{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.stock-alert-separator{color:#dee2e6}.stock-alert-status{flex-shrink:0}@media (max-width: 768px){.dashboard-container{padding:12px}.welcome-section{padding:20px}.welcome-section h1,.stat-value{font-size:24px}.section-header h2{font-size:20px}.stock-alert-item{flex-direction:column;align-items:flex-start;gap:12px}.stock-alert-status{align-self:flex-end}.dashboard-section-header{flex-wrap:wrap}}.stat-card,.action-card,.activity-card{animation:fadeIn .5s ease-out}@media (prefers-color-scheme: dark){.dashboard-content{--background: #1a1a1a}.stat-card,.action-card,.activity-card,.dashboard-action-card,.stock-alerts-card{background:#2d2d2d}.stat-title,.section-header p,.action-description,.dashboard-section-subtitle,.dashboard-action-description{color:#b0b0b0}.stat-value,.section-header h2,.action-title,.dashboard-section-title,.dashboard-action-title{color:#fff}.activity-item,.stock-alert-item{background:#3a3a3a;border-color:#4a4a4a}.activity-info,.stock-alert-details{color:#b0b0b0}.activity-info strong,.stock-alert-product strong{color:#fff}.dashboard-section-header{border-bottom-color:#3a3a3a}.stock-alert-icon{background:#4a4a4a}}.sales-report-content{--background: #f5f7fa}.sales-report-container{padding:20px;max-width:1400px;margin:0 auto}.filter-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:20px}.quick-date-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.date-range-grid{margin-top:16px}.stat-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:16px;transition:transform .2s,box-shadow .2s;text-align:center}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(0,0,0,.12)}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 12px}.stat-icon-primary{background:rgba(var(--ion-color-primary-rgb),.1);color:var(--ion-color-primary)}.stat-icon-success{background:rgba(var(--ion-color-success-rgb),.1);color:var(--ion-color-success)}.stat-icon-warning{background:rgba(var(--ion-color-warning-rgb),.1);color:var(--ion-color-warning)}.stat-icon-tertiary{background:rgba(var(--ion-color-tertiary-rgb),.1);color:var(--ion-color-tertiary)}.stat-title{font-size:12px;color:#6c757d;margin:0 0 8px;font-weight:500;text-transform:uppercase}.stat-value{font-size:22px;font-weight:700;color:#2c3e50;margin:0}.search-card,.sales-list-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:20px}.sales-list-header{display:flex;justify-content:space-between;align-items:center}.sales-list{margin:0;padding:0}.sale-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;margin-bottom:16px;border-radius:8px;background:#f8f9fa;overflow:hidden}.sale-item-content{width:100%;padding:16px}.sale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sale-reference{display:flex;align-items:center;gap:8px;font-size:16px}.sale-reference ion-icon{font-size:20px;color:var(--ion-color-primary)}.sale-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sale-detail-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d}.sale-detail-row ion-icon{font-size:18px;flex-shrink:0}.sale-amount{text-align:right;padding-top:12px;border-top:1px solid #dee2e6}.sale-amount h2{margin:0;font-size:24px;font-weight:700}.no-sales{text-align:center;padding:60px 20px;color:#6c757d}.no-sales p{margin-top:16px;font-size:16px}.loading-container{display:flex;justify-content:center;align-items:center;padding:60px}@media (max-width: 768px){.sales-report-container{padding:12px}.quick-date-buttons{justify-content:center}.stat-value{font-size:18px}.sale-amount h2{font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card,.filter-card,.search-card,.sales-list-card{animation:fadeIn .5s ease-out}.sale-item{animation:fadeIn .3s ease-out}@media (prefers-color-scheme: dark){.sales-report-content{--background: #1a1a1a}.filter-card,.stat-card,.search-card,.sales-list-card{background:#2d2d2d}.sale-item{background:#3a3a3a}.stat-title,.sale-detail-row{color:#b0b0b0}.stat-value,.sale-reference strong{color:#fff}.sale-amount{border-top-color:#444}.no-sales{color:#b0b0b0}}:root{--product-primary: #6366f1;--product-primary-light: #818cf8;--product-primary-dark: #4f46e5;--product-secondary: #8b5cf6;--product-success: #10b981;--product-danger: #ef4444;--product-warning: #f59e0b;--product-info: #3b82f6;--product-light: #f3f4f6;--product-dark: #1f2937;--product-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--product-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--product-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--product-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--product-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--product-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--product-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--product-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.product-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--product-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.product-card:hover{box-shadow:var(--product-shadow-xl);transform:translateY(-2px)}.product-card-grid{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:20px;box-shadow:var(--product-shadow-md);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.product-card-grid:hover{box-shadow:var(--product-shadow-lg);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.product-image-wrapper{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:16px;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.product-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.product-image:hover{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.product-info-name{font-size:18px;font-weight:700;color:var(--product-dark);margin-bottom:4px;line-height:1.4}.product-info-code{font-size:13px;color:#5b21b6;font-family:Courier New,monospace;background:#e9d5ff;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}.product-info-price{font-size:20px;font-weight:800;color:var(--product-primary);margin-bottom:8px}.product-info-stock{font-size:14px;color:#57534e}.product-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--product-shadow-sm)}.product-badge-in-stock{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.product-badge-low-stock{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.product-badge-out-of-stock{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.product-badge-category{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;margin-right:8px}.product-badge-brand{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.product-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.product-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--product-shadow-sm)}.product-btn:hover{transform:translateY(-2px);box-shadow:var(--product-shadow-md)}.product-btn-primary{background:var(--product-gradient-1);color:#fff}.product-btn-edit{background:var(--product-gradient-2);color:#fff}.product-btn-delete{background:var(--product-gradient-3);color:#fff}.product-btn-view{background:var(--product-gradient-4);color:#fff}.products-header{background:var(--product-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--product-shadow-lg);color:#fff}.products-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.products-header-subtitle{font-size:14px;opacity:.9}.products-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--product-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.products-search-wrapper:focus-within{border-color:var(--product-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.products-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--product-shadow-md);border-left:4px solid var(--product-primary);transition:all .3s ease}.products-stats-card:hover{box-shadow:var(--product-shadow-lg);transform:translate(4px)}.products-stats-number{font-size:32px;font-weight:800;color:var(--product-primary);line-height:1;margin-bottom:8px}.products-stats-label{font-size:14px;color:#78716c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.product-form-group{margin-bottom:24px}.product-form-label{display:block;font-weight:600;font-size:14px;color:var(--product-dark);margin-bottom:8px;letter-spacing:.3px}.product-form-required{color:var(--product-danger);margin-left:4px}.product-form-input{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.product-form-input:focus{outline:none;border-color:var(--product-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.product-form-select{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff;cursor:pointer}.product-form-select:focus{outline:none;border-color:var(--product-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.product-form-textarea{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff;min-height:100px;resize:vertical}.product-form-textarea:focus{outline:none;border-color:var(--product-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.product-form-error{color:var(--product-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.product-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e7e5e4}.product-section-title{font-size:20px;font-weight:700;color:var(--product-primary)}.product-section-icon{font-size:24px;color:var(--product-primary)}.product-image-upload-wrapper{display:flex;flex-direction:column;align-items:center;padding:30px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:16px;border:2px dashed var(--product-primary);cursor:pointer;transition:all .3s ease}.product-image-upload-wrapper:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-color:var(--product-primary-dark);transform:translateY(-2px)}.product-image-preview{max-width:200px;max-height:200px;border-radius:12px;object-fit:cover;margin-bottom:16px;border:4px solid white;box-shadow:var(--product-shadow-lg)}.products-table-row{transition:all .2s ease;border-bottom:1px solid #e7e5e4}.products-table-row:hover{background:linear-gradient(90deg,#f5f3ff,#fff);box-shadow:var(--product-shadow-sm)}.product-skeleton{background:linear-gradient(90deg,#f5f5f4 25%,#e7e5e4,#f5f5f4 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}.products-empty-state{text-align:center;padding:60px 20px}.products-empty-icon{font-size:64px;color:#d6d3d1;margin-bottom:16px}.products-empty-title{font-size:20px;font-weight:700;color:var(--product-dark);margin-bottom:8px}.products-empty-text{font-size:14px;color:#78716c;margin-bottom:24px}.product-price-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:12px}.product-price-current{font-size:24px;font-weight:800;color:var(--product-primary)}.product-price-range{font-size:18px;font-weight:700;color:var(--product-primary)}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}@media (max-width: 768px){.product-card,.products-header{padding:16px}.products-header-title{font-size:22px}.product-image-wrapper{height:150px}}@media (prefers-color-scheme: dark){.product-card,.product-card-grid,.products-search-wrapper{background:#292524;border-color:#44403c}.product-info-name{color:#fafaf9}.product-info-stock{color:#d6d3d1}.products-table-row:hover{background:linear-gradient(90deg,#292524,#1c1917)}.product-form-input,.product-form-select,.product-form-textarea{background:#44403c;border-color:#57534e;color:#fff}}@media print{.product-action-buttons,.products-header,.products-search-wrapper{display:none}.product-card{box-shadow:none;border:1px solid #e7e5e4}}:root{--user-primary: #6366f1;--user-primary-light: #818cf8;--user-primary-dark: #4f46e5;--user-secondary: #8b5cf6;--user-success: #10b981;--user-danger: #ef4444;--user-warning: #f59e0b;--user-info: #3b82f6;--user-light: #f3f4f6;--user-dark: #1f2937;--user-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--user-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--user-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--user-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--user-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--user-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--user-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--user-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.user-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--user-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.user-card:hover{box-shadow:var(--user-shadow-xl);transform:translateY(-2px)}.user-card-grid{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:20px;box-shadow:var(--user-shadow-md);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.user-card-grid:hover{box-shadow:var(--user-shadow-lg);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.user-avatar-wrapper{position:relative;display:inline-block}.user-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:var(--user-shadow-md);transition:all .3s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:var(--user-shadow-lg)}.user-avatar-large{width:120px;height:120px}.user-avatar-small{width:48px;height:48px}.user-avatar-initials{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;box-shadow:var(--user-shadow-md);transition:all .3s ease;border:3px solid white}.user-avatar-initials:hover{transform:scale(1.05);box-shadow:var(--user-shadow-lg)}.user-avatar-initials-large{width:120px;height:120px;font-size:42px}.user-avatar-initials-small{width:48px;height:48px;font-size:18px;border:2px solid white}.user-status-badge{position:absolute;bottom:0;right:0;width:18px;height:18px;border-radius:50%;border:3px solid white;box-shadow:var(--user-shadow-sm)}.user-status-active{background-color:var(--user-success)}.user-status-inactive{background-color:var(--user-danger)}.user-status-away{background-color:var(--user-warning)}.user-info-name{font-size:18px;font-weight:700;color:var(--user-dark);margin-bottom:4px;line-height:1.4}.user-info-email{font-size:14px;color:#6b7280;margin-bottom:2px}.user-info-phone{font-size:13px;color:#9ca3af}.user-role-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--user-shadow-sm);transition:all .2s ease}.user-role-badge:hover{transform:translateY(-1px);box-shadow:var(--user-shadow-md)}.user-role-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-role-manager{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.user-role-staff{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.user-role-default{background:linear-gradient(135deg,#a8edea,#fed6e3);color:var(--user-dark)}.user-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.user-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--user-shadow-sm)}.user-btn:hover{transform:translateY(-2px);box-shadow:var(--user-shadow-md)}.user-btn-primary{background:var(--user-gradient-1);color:#fff}.user-btn-edit{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.user-btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.user-btn-view{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.users-header{background:var(--user-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--user-shadow-lg);color:#fff}.users-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.users-header-subtitle{font-size:14px;opacity:.9}.users-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--user-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.users-search-wrapper:focus-within{border-color:var(--user-primary);box-shadow:var(--user-shadow-md)}.users-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--user-shadow-md);border-left:4px solid var(--user-primary);transition:all .3s ease}.users-stats-card:hover{box-shadow:var(--user-shadow-lg);transform:translate(4px)}.users-stats-number{font-size:32px;font-weight:800;color:var(--user-primary);line-height:1;margin-bottom:8px}.users-stats-label{font-size:14px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-form-group{margin-bottom:24px}.user-form-label{display:block;font-weight:600;font-size:14px;color:var(--user-dark);margin-bottom:8px;letter-spacing:.3px}.user-form-required{color:var(--user-danger);margin-left:4px}.user-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.user-form-input:focus{outline:none;border-color:var(--user-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.user-form-error{color:var(--user-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.user-image-upload-wrapper{display:flex;flex-direction:column;align-items:center;padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;border:2px dashed var(--user-primary);cursor:pointer;transition:all .3s ease}.user-image-upload-wrapper:hover{background:linear-gradient(135deg,#e0e7ff,#cffafe);border-color:var(--user-primary-dark);transform:translateY(-2px)}.user-image-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:4px solid white;box-shadow:var(--user-shadow-lg)}.users-table-row{transition:all .2s ease;border-bottom:1px solid #e5e7eb}.users-table-row:hover{background:linear-gradient(90deg,#f9fafb,#fff);box-shadow:var(--user-shadow-sm)}.user-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}.users-empty-state{text-align:center;padding:60px 20px}.users-empty-icon{font-size:64px;color:#d1d5db;margin-bottom:16px}.users-empty-title{font-size:20px;font-weight:700;color:var(--user-dark);margin-bottom:8px}.users-empty-text{font-size:14px;color:#6b7280;margin-bottom:24px}@media (max-width: 768px){.user-card,.users-header{padding:16px}.users-header-title{font-size:22px}.user-avatar-large{width:100px;height:100px}.user-avatar-initials-large{width:100px;height:100px;font-size:36px}}@media (prefers-color-scheme: dark){.user-card,.user-card-grid,.users-search-wrapper{background:#1f2937;border-color:#374151}.user-info-name{color:#f9fafb}.user-info-email{color:#d1d5db}.user-info-phone{color:#9ca3af}.users-table-row:hover{background:linear-gradient(90deg,#1f2937,#111827)}.user-form-input{background:#374151;border-color:#4b5563;color:#fff}}:root{--customer-primary: #0ea5e9;--customer-primary-light: #38bdf8;--customer-primary-dark: #0284c7;--customer-secondary: #14b8a6;--customer-success: #22c55e;--customer-danger: #ef4444;--customer-warning: #f59e0b;--customer-info: #06b6d4;--customer-light: #f0f9ff;--customer-dark: #0f172a;--customer-gradient-1: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%);--customer-gradient-2: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--customer-gradient-3: linear-gradient(135deg, #14b8a6 0%, #22c55e 100%);--customer-gradient-4: linear-gradient(135deg, #22c55e 0%, #10b981 100%);--customer-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--customer-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--customer-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--customer-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.customer-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--customer-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(14,165,233,.1)}.customer-card:hover{box-shadow:var(--customer-shadow-xl);transform:translateY(-2px);border-color:rgba(14,165,233,.3)}.customer-card-grid{background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:16px;padding:20px;box-shadow:var(--customer-shadow-md);transition:all .3s ease;border:1px solid rgba(14,165,233,.1)}.customer-card-grid:hover{box-shadow:var(--customer-shadow-lg);transform:translateY(-4px);border-color:rgba(14,165,233,.3)}.customer-avatar-wrapper{position:relative;display:inline-block}.customer-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:var(--customer-shadow-md);transition:all .3s ease}.customer-avatar:hover{transform:scale(1.05);box-shadow:var(--customer-shadow-lg)}.customer-avatar-large{width:100px;height:100px}.customer-avatar-small{width:48px;height:48px}.customer-avatar-initials{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;box-shadow:var(--customer-shadow-md);transition:all .3s ease;border:3px solid white}.customer-avatar-initials:hover{transform:scale(1.05);box-shadow:var(--customer-shadow-lg)}.customer-avatar-initials-large{width:100px;height:100px;font-size:36px}.customer-avatar-initials-small{width:48px;height:48px;font-size:18px;border:2px solid white}.customer-info-name{font-size:18px;font-weight:700;color:var(--customer-dark);margin-bottom:4px;line-height:1.4}.customer-info-email{font-size:14px;color:#64748b;margin-bottom:2px;display:flex;align-items:center;gap:4px}.customer-info-phone{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:4px}.customer-info-location{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px;margin-top:4px}.customer-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--customer-shadow-sm)}.customer-status-active{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff}.customer-status-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.customer-status-vip{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.customer-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.customer-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--customer-shadow-sm)}.customer-btn:hover{transform:translateY(-2px);box-shadow:var(--customer-shadow-md)}.customer-btn-primary{background:var(--customer-gradient-1);color:#fff}.customer-btn-edit{background:var(--customer-gradient-2);color:#fff}.customer-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.customer-btn-view{background:var(--customer-gradient-3);color:#fff}.customers-header{background:var(--customer-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--customer-shadow-lg);color:#fff}.customers-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.customers-header-subtitle{font-size:14px;opacity:.9}.customers-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--customer-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.customers-search-wrapper:focus-within{border-color:var(--customer-primary);box-shadow:var(--customer-shadow-md)}.customers-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--customer-shadow-md);border-left:4px solid var(--customer-primary);transition:all .3s ease}.customers-stats-card:hover{box-shadow:var(--customer-shadow-lg);transform:translate(4px)}.customers-stats-number{font-size:32px;font-weight:800;color:var(--customer-primary);line-height:1;margin-bottom:8px}.customers-stats-label{font-size:14px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.customer-form-group{margin-bottom:24px}.customer-form-label{display:block;font-weight:600;font-size:14px;color:var(--customer-dark);margin-bottom:8px;letter-spacing:.3px}.customer-form-required{color:var(--customer-danger);margin-left:4px}.customer-form-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.customer-form-input:focus{outline:none;border-color:var(--customer-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.customer-form-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff;min-height:100px;resize:vertical}.customer-form-textarea:focus{outline:none;border-color:var(--customer-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.customer-form-error{color:var(--customer-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.customer-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.customer-section-title{font-size:20px;font-weight:700;color:var(--customer-primary)}.customer-section-icon{font-size:24px;color:var(--customer-primary)}.customer-info-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--customer-light);border-radius:8px;font-size:13px;color:var(--customer-primary);font-weight:500;margin-right:8px;margin-bottom:8px}.customer-info-tag-icon{font-size:16px}.customers-table-row{transition:all .2s ease;border-bottom:1px solid #e2e8f0}.customers-table-row:hover{background:linear-gradient(90deg,#f0f9ff,#fff);box-shadow:var(--customer-shadow-sm)}.customer-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.customers-empty-state{text-align:center;padding:60px 20px}.customers-empty-icon{font-size:64px;color:#cbd5e1;margin-bottom:16px}.customers-empty-title{font-size:20px;font-weight:700;color:var(--customer-dark);margin-bottom:8px}.customers-empty-text{font-size:14px;color:#64748b;margin-bottom:24px}.customer-detail-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:var(--customer-shadow-md);border:1px solid rgba(14,165,233,.1)}.customer-detail-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.customer-detail-info{flex:1}.customer-detail-row{display:flex;padding:12px 0;border-bottom:1px solid #f1f5f9}.customer-detail-label{width:180px;font-weight:600;color:#64748b;font-size:14px}.customer-detail-value{flex:1;color:var(--customer-dark);font-size:14px}@media (max-width: 768px){.customer-card,.customers-header{padding:16px}.customers-header-title{font-size:22px}.customer-avatar-large{width:80px;height:80px}.customer-avatar-initials-large{width:80px;height:80px;font-size:28px}.customer-detail-row{flex-direction:column;gap:4px}.customer-detail-label{width:100%}}@media (prefers-color-scheme: dark){.customer-card,.customer-card-grid,.customers-search-wrapper,.customer-detail-card{background:#1e293b;border-color:#334155}.customer-info-name,.customer-detail-value{color:#f1f5f9}.customer-info-email{color:#cbd5e1}.customer-info-phone,.customer-info-location{color:#94a3b8}.customers-table-row:hover{background:linear-gradient(90deg,#1e293b,#0f172a)}.customer-form-input,.customer-form-textarea{background:#334155;border-color:#475569;color:#fff}.customer-detail-label{color:#94a3b8}}@media print{.customer-action-buttons,.customers-header,.customers-search-wrapper{display:none}.customer-card,.customer-detail-card{box-shadow:none;border:1px solid #e2e8f0}}:root{--category-primary: #6366f1;--category-primary-light: #818cf8;--category-primary-dark: #4f46e5;--category-secondary: #8b5cf6;--category-success: #10b981;--category-danger: #ef4444;--category-warning: #f59e0b;--category-info: #3b82f6;--category-light: #f3f4f6;--category-dark: #1f2937;--category-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--category-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--category-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--category-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--category-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--category-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--category-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--category-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.category-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--category-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.category-card:hover{box-shadow:var(--category-shadow-xl);transform:translateY(-2px)}.category-card-grid{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:20px;box-shadow:var(--category-shadow-md);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.category-card-grid:hover{box-shadow:var(--category-shadow-lg);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.category-avatar-wrapper{display:flex;justify-content:center;margin-bottom:16px}.category-avatar-initials{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:var(--category-shadow-md)}.category-avatar-initials-large{width:100px;height:100px;font-size:40px}.category-avatar-initials-small{width:48px;height:48px;font-size:18px}.category-info-name{font-size:18px;font-weight:700;color:var(--category-dark);margin-bottom:4px;line-height:1.4}.category-info-code{font-size:13px;color:#5b21b6;font-family:Courier New,monospace;background:#e9d5ff;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}.category-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.category-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--category-shadow-sm)}.category-btn:hover{transform:translateY(-2px);box-shadow:var(--category-shadow-md)}.category-btn-primary{background:var(--category-gradient-1);color:#fff}.category-btn-edit{background:var(--category-gradient-2);color:#fff}.category-btn-delete{background:var(--category-gradient-3);color:#fff}.category-btn-view{background:var(--category-gradient-4);color:#fff}.categories-header{background:var(--category-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--category-shadow-lg);color:#fff}.categories-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.categories-header-subtitle{font-size:14px;opacity:.9}.categories-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--category-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.categories-search-wrapper:focus-within{border-color:var(--category-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.categories-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--category-shadow-md);border-left:4px solid var(--category-primary);transition:all .3s ease}.categories-stats-card:hover{box-shadow:var(--category-shadow-lg);transform:translate(4px)}.categories-stats-number{font-size:32px;font-weight:800;color:var(--category-primary);line-height:1;margin-bottom:8px}.categories-stats-label{font-size:14px;color:#78716c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category-form-group{margin-bottom:24px}.category-form-label{display:block;font-weight:600;font-size:14px;color:var(--category-dark);margin-bottom:8px;letter-spacing:.3px}.category-form-required{color:var(--category-danger);margin-left:4px}.category-form-input{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.category-form-input:focus{outline:none;border-color:var(--category-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.category-form-error{color:var(--category-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.category-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e7e5e4}.category-section-title{font-size:20px;font-weight:700;color:var(--category-primary)}.category-section-icon{font-size:24px;color:var(--category-primary)}.categories-empty-state{text-align:center;padding:60px 20px}.categories-empty-icon{font-size:64px;color:#d6d3d1;margin-bottom:16px}.categories-empty-title{font-size:20px;font-weight:700;color:var(--category-dark);margin-bottom:8px}.categories-empty-text{font-size:14px;color:#78716c;margin-bottom:24px}@media (max-width: 768px){.category-card,.categories-header{padding:16px}.categories-header-title{font-size:22px}}@media (prefers-color-scheme: dark){.category-card,.category-card-grid,.categories-search-wrapper{background:#292524;border-color:#44403c}.category-info-name{color:#fafaf9}.categories-stats-card{background:#292524;border-color:#44403c}.category-form-input{background:#44403c;border-color:#57534e;color:#fff}}@media print{.category-action-buttons,.categories-header,.categories-search-wrapper{display:none}.category-card{box-shadow:none;border:1px solid #e7e5e4}}:root{--supplier-primary: #6366f1;--supplier-primary-light: #818cf8;--supplier-primary-dark: #4f46e5;--supplier-secondary: #8b5cf6;--supplier-success: #10b981;--supplier-danger: #ef4444;--supplier-warning: #f59e0b;--supplier-info: #3b82f6;--supplier-light: #f3f4f6;--supplier-dark: #1f2937;--supplier-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--supplier-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--supplier-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--supplier-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--supplier-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--supplier-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--supplier-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--supplier-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.supplier-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--supplier-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.supplier-card:hover{box-shadow:var(--supplier-shadow-xl);transform:translateY(-2px)}.supplier-card-grid{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:20px;box-shadow:var(--supplier-shadow-md);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.supplier-card-grid:hover{box-shadow:var(--supplier-shadow-lg);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.supplier-avatar-wrapper{display:flex;justify-content:center;margin-bottom:16px}.supplier-avatar-initials{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:var(--supplier-shadow-md)}.supplier-avatar-initials-large{width:100px;height:100px;font-size:40px}.supplier-avatar-initials-small{width:48px;height:48px;font-size:18px}.supplier-info-name{font-size:18px;font-weight:700;color:var(--supplier-dark);margin-bottom:4px;line-height:1.4}.supplier-info-item{display:flex;align-items:center;font-size:13px;color:#78716c;margin-top:4px}.supplier-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.supplier-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--supplier-shadow-sm)}.supplier-btn:hover{transform:translateY(-2px);box-shadow:var(--supplier-shadow-md)}.supplier-btn-primary{background:var(--supplier-gradient-1);color:#fff}.supplier-btn-edit{background:var(--supplier-gradient-2);color:#fff}.supplier-btn-delete{background:var(--supplier-gradient-3);color:#fff}.supplier-btn-view{background:var(--supplier-gradient-4);color:#fff}.suppliers-header{background:var(--supplier-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--supplier-shadow-lg);color:#fff}.suppliers-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.suppliers-header-subtitle{font-size:14px;opacity:.9}.suppliers-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--supplier-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.suppliers-search-wrapper:focus-within{border-color:var(--supplier-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.suppliers-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--supplier-shadow-md);border-left:4px solid var(--supplier-primary);transition:all .3s ease}.suppliers-stats-card:hover{box-shadow:var(--supplier-shadow-lg);transform:translate(4px)}.suppliers-stats-number{font-size:32px;font-weight:800;color:var(--supplier-primary);line-height:1;margin-bottom:8px}.suppliers-stats-label{font-size:14px;color:#78716c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.supplier-form-group{margin-bottom:24px}.supplier-form-label{display:block;font-weight:600;font-size:14px;color:var(--supplier-dark);margin-bottom:8px;letter-spacing:.3px}.supplier-form-required{color:var(--supplier-danger);margin-left:4px}.supplier-form-input{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.supplier-form-input:focus{outline:none;border-color:var(--supplier-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.supplier-form-textarea{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff;min-height:100px;resize:vertical}.supplier-form-textarea:focus{outline:none;border-color:var(--supplier-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.supplier-form-error{color:var(--supplier-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.supplier-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e7e5e4}.supplier-section-title{font-size:20px;font-weight:700;color:var(--supplier-primary)}.supplier-section-icon{font-size:24px;color:var(--supplier-primary)}.suppliers-empty-state{text-align:center;padding:60px 20px}.suppliers-empty-icon{font-size:64px;color:#d6d3d1;margin-bottom:16px}.suppliers-empty-title{font-size:20px;font-weight:700;color:var(--supplier-dark);margin-bottom:8px}.suppliers-empty-text{font-size:14px;color:#78716c;margin-bottom:24px}@media (max-width: 768px){.supplier-card,.suppliers-header{padding:16px}.suppliers-header-title{font-size:22px}}@media (prefers-color-scheme: dark){.supplier-card,.supplier-card-grid,.suppliers-search-wrapper{background:#292524;border-color:#44403c}.supplier-info-name{color:#fafaf9}.suppliers-stats-card{background:#292524;border-color:#44403c}.supplier-form-input,.supplier-form-textarea{background:#44403c;border-color:#57534e;color:#fff}}@media print{.supplier-action-buttons,.suppliers-header,.suppliers-search-wrapper{display:none}.supplier-card{box-shadow:none;border:1px solid #e7e5e4}}:root{--brand-primary: #6366f1;--brand-primary-light: #818cf8;--brand-primary-dark: #4f46e5;--brand-secondary: #8b5cf6;--brand-success: #10b981;--brand-danger: #ef4444;--brand-warning: #f59e0b;--brand-info: #3b82f6;--brand-light: #f3f4f6;--brand-dark: #1f2937;--brand-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--brand-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--brand-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--brand-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--brand-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--brand-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--brand-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--brand-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.brand-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--brand-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.brand-card:hover{box-shadow:var(--brand-shadow-xl);transform:translateY(-2px)}.brand-card-grid{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:20px;box-shadow:var(--brand-shadow-md);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.brand-card-grid:hover{box-shadow:var(--brand-shadow-lg);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.brand-avatar-wrapper{display:flex;justify-content:center;margin-bottom:16px}.brand-avatar-initials{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:var(--brand-shadow-md)}.brand-avatar-initials-large{width:100px;height:100px;font-size:40px}.brand-avatar-initials-small{width:48px;height:48px;font-size:18px}.brand-info-name{font-size:18px;font-weight:700;color:var(--brand-dark);margin-bottom:4px;line-height:1.4}.brand-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.brand-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--brand-shadow-sm)}.brand-btn:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow-md)}.brand-btn-primary{background:var(--brand-gradient-1);color:#fff}.brand-btn-edit{background:var(--brand-gradient-2);color:#fff}.brand-btn-delete{background:var(--brand-gradient-3);color:#fff}.brand-btn-view{background:var(--brand-gradient-4);color:#fff}.brands-header{background:var(--brand-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--brand-shadow-lg);color:#fff}.brands-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brands-header-subtitle{font-size:14px;opacity:.9}.brands-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--brand-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.brands-search-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.brands-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--brand-shadow-md);border-left:4px solid var(--brand-primary);transition:all .3s ease}.brands-stats-card:hover{box-shadow:var(--brand-shadow-lg);transform:translate(4px)}.brands-stats-number{font-size:32px;font-weight:800;color:var(--brand-primary);line-height:1;margin-bottom:8px}.brands-stats-label{font-size:14px;color:#78716c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.brand-form-group{margin-bottom:24px}.brand-form-label{display:block;font-weight:600;font-size:14px;color:var(--brand-dark);margin-bottom:8px;letter-spacing:.3px}.brand-form-required{color:var(--brand-danger);margin-left:4px}.brand-form-input{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.brand-form-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.brand-form-error{color:var(--brand-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.brand-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e7e5e4}.brand-section-title{font-size:20px;font-weight:700;color:var(--brand-primary)}.brand-section-icon{font-size:24px;color:var(--brand-primary)}.brands-empty-state{text-align:center;padding:60px 20px}.brands-empty-icon{font-size:64px;color:#d6d3d1;margin-bottom:16px}.brands-empty-title{font-size:20px;font-weight:700;color:var(--brand-dark);margin-bottom:8px}.brands-empty-text{font-size:14px;color:#78716c;margin-bottom:24px}@media (max-width: 768px){.brand-card,.brands-header{padding:16px}.brands-header-title{font-size:22px}}@media (prefers-color-scheme: dark){.brand-card,.brand-card-grid,.brands-search-wrapper{background:#292524;border-color:#44403c}.brand-info-name{color:#fafaf9}.brands-stats-card{background:#292524;border-color:#44403c}.brand-form-input{background:#44403c;border-color:#57534e;color:#fff}}@media print{.brand-action-buttons,.brands-header,.brands-search-wrapper{display:none}.brand-card{box-shadow:none;border:1px solid #e7e5e4}}:root{--unit-primary: #6366f1;--unit-primary-light: #818cf8;--unit-primary-dark: #4f46e5;--unit-secondary: #8b5cf6;--unit-success: #10b981;--unit-danger: #ef4444;--unit-warning: #f59e0b;--unit-info: #3b82f6;--unit-light: #f3f4f6;--unit-dark: #1f2937;--unit-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--unit-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--unit-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--unit-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--unit-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--unit-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--unit-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--unit-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.unit-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--unit-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.unit-card:hover{box-shadow:var(--unit-shadow-xl);transform:translateY(-2px)}.unit-card-grid{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:20px;box-shadow:var(--unit-shadow-md);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.unit-card-grid:hover{box-shadow:var(--unit-shadow-lg);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.unit-avatar-wrapper{display:flex;justify-content:center;margin-bottom:16px}.unit-avatar-initials{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:var(--unit-shadow-md)}.unit-avatar-initials-large{width:100px;height:100px;font-size:40px}.unit-avatar-initials-small{width:48px;height:48px;font-size:18px}.unit-info-name{font-size:18px;font-weight:700;color:var(--unit-dark);margin-bottom:4px;line-height:1.4}.unit-info-short-name{font-size:13px;color:#5b21b6;font-family:Courier New,monospace;background:#e9d5ff;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}.unit-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.unit-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;box-shadow:var(--unit-shadow-sm)}.unit-btn:hover{transform:translateY(-2px);box-shadow:var(--unit-shadow-md)}.unit-btn-primary{background:var(--unit-gradient-1);color:#fff}.unit-btn-edit{background:var(--unit-gradient-2);color:#fff}.unit-btn-delete{background:var(--unit-gradient-3);color:#fff}.unit-btn-view{background:var(--unit-gradient-4);color:#fff}.units-header{background:var(--unit-gradient-1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--unit-shadow-lg);color:#fff}.units-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.units-header-subtitle{font-size:14px;opacity:.9}.units-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--unit-shadow-sm);margin-bottom:20px;border:2px solid transparent;transition:all .3s ease}.units-search-wrapper:focus-within{border-color:var(--unit-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.units-stats-card{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--unit-shadow-md);border-left:4px solid var(--unit-primary);transition:all .3s ease}.units-stats-card:hover{box-shadow:var(--unit-shadow-lg);transform:translate(4px)}.units-stats-number{font-size:32px;font-weight:800;color:var(--unit-primary);line-height:1;margin-bottom:8px}.units-stats-label{font-size:14px;color:#78716c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.unit-form-group{margin-bottom:24px}.unit-form-label{display:block;font-weight:600;font-size:14px;color:var(--unit-dark);margin-bottom:8px;letter-spacing:.3px}.unit-form-required{color:var(--unit-danger);margin-left:4px}.unit-form-input{width:100%;padding:12px 16px;border:2px solid #e7e5e4;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.unit-form-input:focus{outline:none;border-color:var(--unit-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.unit-form-error{color:var(--unit-danger);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.unit-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e7e5e4}.unit-section-title{font-size:20px;font-weight:700;color:var(--unit-primary)}.unit-section-icon{font-size:24px;color:var(--unit-primary)}.units-empty-state{text-align:center;padding:60px 20px}.units-empty-icon{font-size:64px;color:#d6d3d1;margin-bottom:16px}.units-empty-title{font-size:20px;font-weight:700;color:var(--unit-dark);margin-bottom:8px}.units-empty-text{font-size:14px;color:#78716c;margin-bottom:24px}@media (max-width: 768px){.unit-card,.units-header{padding:16px}.units-header-title{font-size:22px}}@media (prefers-color-scheme: dark){.unit-card,.unit-card-grid,.units-search-wrapper{background:#292524;border-color:#44403c}.unit-info-name{color:#fafaf9}.units-stats-card{background:#292524;border-color:#44403c}.unit-form-input{background:#44403c;border-color:#57534e;color:#fff}}@media print{.unit-action-buttons,.units-header,.units-search-wrapper{display:none}.unit-card{box-shadow:none;border:1px solid #e7e5e4}}:root{--report-primary: #6366f1;--report-primary-light: #818cf8;--report-primary-dark: #4f46e5;--report-secondary: #8b5cf6;--report-success: #10b981;--report-danger: #ef4444;--report-warning: #f59e0b;--report-info: #3b82f6;--report-light: #f3f4f6;--report-dark: #1f2937;--report-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--report-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--report-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--report-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.reports-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--report-shadow-lg);color:#fff}.reports-header-title{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.reports-header-subtitle{font-size:14px;opacity:.9}.reports-quick-stat{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--report-shadow-md);border-left:4px solid var(--report-primary);transition:all .3s ease;display:flex;align-items:center;gap:16px}.reports-quick-stat:hover{box-shadow:var(--report-shadow-lg);transform:translateY(-2px)}.reports-quick-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.reports-quick-stat-label{font-size:12px;color:#78716c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.reports-quick-stat-value{font-size:20px;font-weight:800;color:var(--report-dark);line-height:1}.report-card{border-radius:16px;overflow:hidden;box-shadow:var(--report-shadow-md);transition:all .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.05)}.report-card:hover{box-shadow:var(--report-shadow-xl);transform:translateY(-4px)}.report-card-header{height:120px;display:flex;align-items:center;justify-content:center;position:relative}.report-card-icon-wrapper{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.report-card-icon{font-size:48px;color:#fff}.report-card-content{padding:20px}.report-card-title{font-size:18px;font-weight:700;color:var(--report-dark);margin-bottom:8px}.report-card-description{font-size:13px;color:#78716c;line-height:1.5;margin-bottom:12px}.report-card-stats{display:flex;align-items:center;font-size:12px;color:var(--report-primary);font-weight:600}.report-stat-card{border-radius:16px;padding:24px;text-align:center;color:#fff;box-shadow:var(--report-shadow-lg);transition:all .3s ease}.report-stat-card:hover{transform:translateY(-4px);box-shadow:var(--report-shadow-xl)}.report-stat-icon{font-size:40px;margin-bottom:12px;opacity:.9}.report-stat-value{font-size:32px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.report-stat-label{font-size:13px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.reports-search-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--report-shadow-sm);border:2px solid transparent;transition:all .3s ease}.reports-search-wrapper:focus-within{border-color:var(--report-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.reports-filter-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--report-shadow-sm)}.reports-filter-wrapper ion-select{width:100%}.product-report-list{display:flex;flex-direction:column;gap:16px}.product-report-item{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;padding:16px;box-shadow:var(--report-shadow-sm);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.product-report-item:hover{box-shadow:var(--report-shadow-md);transform:translate(4px)}.product-report-info{margin-bottom:12px}.product-report-name{font-size:16px;font-weight:700;color:var(--report-dark);margin-bottom:4px}.product-report-code{font-size:12px;color:#5b21b6;font-family:Courier New,monospace;background:#e9d5ff;padding:2px 8px;border-radius:4px;display:inline-block}.product-report-details{display:flex;gap:16px;flex-wrap:wrap}.product-report-detail{display:flex;align-items:center;gap:8px}.product-report-detail-label{font-size:13px;color:#78716c;font-weight:500}.product-report-detail-value{font-size:13px;color:var(--report-dark);font-weight:600}.inventory-report-list{display:flex;flex-direction:column;gap:16px}.inventory-report-item{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;padding:16px;box-shadow:var(--report-shadow-sm);transition:all .3s ease;border:1px solid rgba(99,102,241,.1)}.inventory-report-item:hover{box-shadow:var(--report-shadow-md)}.inventory-report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.inventory-report-info{flex:1}.inventory-report-name{font-size:16px;font-weight:700;color:var(--report-dark);margin-bottom:4px}.inventory-report-code{font-size:12px;color:#5b21b6;font-family:Courier New,monospace;background:#e9d5ff;padding:2px 8px;border-radius:4px;display:inline-block}.inventory-report-details{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.inventory-report-detail{display:flex;align-items:center;gap:8px}.inventory-report-detail-label{font-size:13px;color:#78716c;font-weight:500}.inventory-report-detail-value{font-size:13px;color:var(--report-dark);font-weight:600}.inventory-report-progress{margin-top:8px}.inventory-report-progress-label{font-size:11px;color:#78716c;margin-top:4px;display:block}.inventory-alert-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;box-shadow:var(--report-shadow-md);display:flex;align-items:center;gap:16px;border-left:4px solid #f59e0b}.inventory-alert-icon{font-size:32px;color:#f59e0b}.inventory-alert-title{font-size:16px;font-weight:700;color:#92400e;margin-bottom:4px}.inventory-alert-text{font-size:13px;color:#78350f;margin:0}.reports-info-card{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:12px;padding:20px;box-shadow:var(--report-shadow-md);border:1px solid #c4b5fd}.reports-info-title{font-size:16px;font-weight:700;color:#4f46e5;margin-bottom:8px}.reports-info-text{font-size:13px;color:#5b21b6;margin:0;line-height:1.6}.reports-empty-state{text-align:center;padding:60px 20px}.reports-empty-state ion-icon{font-size:64px;color:#d6d3d1;margin-bottom:16px}.reports-empty-state p{font-size:14px;color:#78716c}@media (max-width: 768px){.reports-header{padding:16px}.reports-header-title{font-size:22px}.report-card-header{height:100px}.report-card-icon{font-size:36px}.report-stat-value{font-size:24px}.product-report-details,.inventory-report-details{flex-direction:column;gap:8px}}@media (prefers-color-scheme: dark){.report-card,.report-stat-card,.reports-search-wrapper,.reports-filter-wrapper,.product-report-item,.inventory-report-item,.reports-quick-stat{background:#292524;border-color:#44403c}.product-report-name,.inventory-report-name,.report-card-title,.reports-quick-stat-value{color:#fafaf9}.product-report-detail-value,.inventory-report-detail-value{color:#e7e5e4}}@media print{.reports-header,.reports-search-wrapper,.reports-filter-wrapper,ion-buttons{display:none}.report-card,.product-report-item,.inventory-report-item{box-shadow:none;border:1px solid #e7e5e4;page-break-inside:avoid}}.stock-report-container{padding:16px}.stock-report-filters{margin-bottom:20px}.stock-report-filters ion-item{--background: #fff;--border-radius: 8px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stock-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.stock-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center}.stock-summary-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stock-summary-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stock-summary-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.summary-value{font-size:28px;font-weight:700;margin-bottom:8px}.summary-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stock-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.stock-loading p{margin-top:16px;color:#666}.stock-table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.stock-table{width:100%;border-collapse:collapse;min-width:900px}.stock-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stock-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stock-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.stock-table tbody tr:hover{background:#f8f9fa}.stock-table td{padding:16px 12px;font-size:14px;vertical-align:middle}.stock-table td strong{font-weight:600}@media (max-width: 768px){.stock-summary-cards{grid-template-columns:repeat(2,1fr)}.summary-value{font-size:22px}.summary-label{font-size:11px}.stock-table-wrapper{border-radius:8px}.stock-table th,.stock-table td{padding:12px 8px;font-size:12px}}@media (max-width: 480px){.stock-summary-cards{grid-template-columns:1fr}.stock-report-container{padding:12px}}.stock-adjustment-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:2rem 1.5rem;color:#fff;margin-bottom:1rem}.stock-adjustment-header .header-content{display:flex;align-items:center;gap:1rem;max-width:800px;margin:0 auto}.stock-adjustment-header .header-icon{font-size:3rem;opacity:.9}.stock-adjustment-header h1{margin:0;font-size:1.75rem;font-weight:600}.stock-adjustment-header p{margin:.25rem 0 0;font-size:.95rem;opacity:.9}.adjustment-form-card{margin:1rem 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.adjustment-form-card ion-card-header{background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:1.25rem}.adjustment-form-card ion-card-title{color:#6366f1;font-weight:600;font-size:1.25rem}.adjustment-form-card ion-card-content{padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-label .required{color:#ef4444;margin-left:.25rem}.form-section ion-input,.form-section ion-textarea,.form-section ion-searchbar{--background: #f9fafb;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;border:1px solid #e5e7eb;border-radius:8px}.form-section ion-input:focus-within,.form-section ion-textarea:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-section ion-input.ion-invalid,.form-section ion-textarea.ion-invalid,.form-section ion-searchbar.ion-invalid{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.product-search-results{margin-top:.5rem;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto;background:#fff}.product-search-results ion-item{--padding-start: 12px;cursor:pointer}.product-search-results ion-item:hover{--background: #f3f4f6}.current-stock-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stock-note{font-size:.9rem;color:#6b7280}.radio-item{--padding-start: 0;--inner-padding-end: 0;margin-bottom:.75rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.radio-item:hover{border-color:#6366f1;background:#f9fafb}.radio-item ion-radio{margin-right:12px}.radio-item ion-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.radio-icon{font-size:1.5rem}.radio-icon.add{color:#10b981}.radio-icon.subtract{color:#f59e0b}.form-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.form-actions ion-button{flex:1;min-width:150px;height:48px;font-weight:600}.form-actions .save-button{--background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--background-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%)}.history-card{margin:2rem 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.history-card ion-card-header{background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:1.25rem}.history-card ion-card-title{color:#6366f1;font-weight:600;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.history-card ion-card-title ion-icon{font-size:1.5rem}.history-card ion-card-content{padding:1.5rem}.history-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.history-filters ion-select{flex:1;min-width:200px;--background: #f9fafb;border:1px solid #e5e7eb;border-radius:8px;--padding-start: 12px}.history-list{background:transparent}.history-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.history-item:hover{border-color:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.1)}.history-item-content{width:100%;padding:1rem}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.history-product h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.history-product p{margin:0;font-size:.875rem;color:#6b7280}.history-details{display:flex;align-items:center;gap:.75rem}.history-details .cost-price{font-weight:600;color:#059669;font-size:.95rem}.history-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-meta ion-note{font-size:.8rem;color:#9ca3af}.history-reason{margin-top:.5rem;padding:.75rem;background:#f9fafb;border-radius:6px;border-left:3px solid #6366f1}.history-reason ion-note{font-size:.875rem;color:#4b5563;font-style:italic}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem}.no-history{text-align:center;padding:3rem;color:#9ca3af}.no-history p{margin:0;font-size:1rem}@media (max-width: 768px){.stock-adjustment-header{padding:1.5rem 1rem}.stock-adjustment-header h1{font-size:1.5rem}.stock-adjustment-header .header-icon{font-size:2.5rem}.form-actions{flex-direction:column}.form-actions ion-button{width:100%}.history-header{flex-direction:column;gap:.75rem}.history-details{align-self:flex-start}.current-stock-display{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.adjustment-form-card,.history-card{animation:fadeIn .3s ease-out}ion-badge{font-weight:600;padding:.5rem .75rem;border-radius:6px}.settings-content{--background: #f5f7fa}.settings-container{padding:20px;max-width:1400px;margin:0 auto}.settings-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.settings-card{box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:12px;margin-bottom:20px;transition:transform .2s,box-shadow .2s}.settings-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.12)}.settings-card-header{display:flex;align-items:center;gap:12px}.settings-card-icon{font-size:24px;color:#6366f1}.settings-card ion-card-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0}.settings-card ion-list{padding:0}.settings-card ion-item{--padding-start: 0;--inner-padding-end: 0;--border-color: #e9ecef}.settings-card ion-item:last-child{--border-style: none}.printer-connection-status{width:100%}.status-info{display:flex;align-items:center;justify-content:space-between;width:100%}.status-info ion-label h3{font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 4px}.status-info ion-label p{font-size:13px;color:#6c757d;margin:0}.settings-bottom-actions{margin-top:30px;margin-bottom:30px}.settings-bottom-actions ion-button{--border-radius: 12px;height:50px;font-size:16px;font-weight:600}.settings-card ion-input,.settings-card ion-select{--padding-start: 12px;--padding-end: 12px;border:1px solid #e9ecef;border-radius:8px;margin-top:8px}.settings-card ion-input{--background: #ffffff}.settings-card ion-label[position=stacked]{font-size:13px;font-weight:600;color:#6c757d;margin-bottom:4px}.settings-card ion-toggle{--background: #e9ecef;--background-checked: #6366f1;--handle-background: #ffffff;--handle-background-checked: #ffffff}.settings-card-header ion-badge{margin-left:auto;font-size:11px;font-weight:700;padding:4px 8px}.settings-card ion-button{margin:8px 0}.settings-section-divider{height:1px;background:#e9ecef;margin:20px 0}@media (max-width: 768px){.settings-container{padding:12px}.settings-actions{justify-content:space-between}.settings-actions ion-button{flex:1;font-size:12px}.settings-card-header{flex-wrap:wrap}.settings-card-icon{font-size:20px}.settings-card ion-card-title{font-size:16px}.settings-bottom-actions ion-button{height:48px;font-size:15px}}@media (prefers-color-scheme: dark){.settings-content{--background: #1a1a1a}.settings-card{background:#2d2d2d}.settings-card ion-card-title{color:#fff}.settings-card ion-item{--border-color: #3a3a3a;--background: #2d2d2d;--color: #ffffff}.settings-card ion-input,.settings-card ion-select{--background: #1a1a1a;--color: #ffffff;border-color:#3a3a3a}.settings-card ion-label{--color: #b0b0b0}.status-info ion-label h3{color:#fff}.status-info ion-label p{color:#b0b0b0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-card{animation:fadeIn .3s ease-out}.printer-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:8px;margin:8px 0}.printer-list-item ion-label h3{font-size:14px;font-weight:600;margin:0 0 4px}.printer-list-item ion-label p{font-size:12px;color:#6c757d;margin:0}.settings-success{color:#22c55e;font-weight:600}.settings-error{color:#ef4444;font-weight:600}.settings-loading{display:flex;justify-content:center;align-items:center;padding:40px}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}@media (prefers-color-scheme: dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}html,body{overflow-x:hidden;max-width:100vw;position:relative}ion-app{overflow-x:hidden;max-width:100vw}ion-split-pane{overflow-x:hidden;max-width:100vw}ion-router-outlet{overflow-x:hidden;max-width:100vw}ion-content{overflow-x:hidden}@media (max-width: 991px){body{overflow-x:hidden!important;position:relative;width:100%}ion-app,ion-split-pane,ion-router-outlet,ion-page{max-width:100vw!important;overflow-x:hidden!important}ion-menu{display:none}ion-menu.show-menu{display:block}}ion-page{overflow-x:hidden;max-width:100vw}