body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loginAdminContainer{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.loginBackgroundElements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.backgroundGrid{background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px;height:100%;position:absolute;width:100%}.backgroundGlow1{background:radial-gradient(circle,#6366f114 0,#0000 70%);right:-200px;top:-200px}.backgroundGlow1,.backgroundGlow2{border-radius:50%;height:500px;position:absolute;width:500px}.backgroundGlow2{background:radial-gradient(circle,#4f46e50d 0,#0000 70%);bottom:-200px;left:-200px}.loginCard{animation:slideUp .6s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;max-width:740px;padding:3rem;position:relative;width:100%;z-index:1}.loginHeader{margin-bottom:2.5rem;text-align:center}.logoSection{gap:1rem;margin-bottom:2rem}.logoSection,.logoWrapper{align-items:center;display:flex;justify-content:center}.logoImage,.logoWrapper{position:relative}.logoImage{height:48px;width:48px;z-index:2}.logoGlowEffect{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;filter:blur(8px);height:60px;opacity:.1;position:absolute;width:60px}.brandText{text-align:left}.brandTitle{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.brandSubtitle{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0}.welcomeText{margin-top:1rem}.welcomeTitle{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.welcomeSubtitle{color:#6b7280;font-size:.95rem;margin:0}.loginForm{margin-bottom:2rem}.formGroup{margin-bottom:1.5rem}.formLabel{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.labelRow{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.forgotPasswordButton{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.forgotPasswordButton:hover{color:#3730a3}.inputContainer{align-items:center;display:flex;position:relative}.inputIcon{color:#9ca3af;left:1rem;position:absolute;transition:color .2s;z-index:2}.formInput{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:.95rem;font-weight:500;padding:.875rem 1rem .875rem 3rem;transition:all .2s;width:100%}.formInput::placeholder{color:#9ca3af}.formInput:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.formInput:focus+.inputIcon{color:#4f46e5}.formOptions{margin-bottom:1.5rem}.checkboxLabel{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem}.checkboxInput{display:none}.checkmark{border:2px solid #d1d5db;border-radius:4px;height:16px;position:relative;transition:all .2s;width:16px}.checkboxInput:checked+.checkmark{background:#4f46e5;border-color:#4f46e5}.checkboxInput:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.errorMessage{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem}.errorIcon{color:#dc2626;flex-shrink:0}.loginButton{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s;width:100%}.loginButton:hover:not(:disabled){box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.loginButton:active:not(:disabled){transform:translateY(0)}.loginButton:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.buttonLoading{align-items:center;display:flex;gap:.75rem}.spinner{border:2px solid #ffffff4d;height:16px;width:16px}.buttonIcon{align-items:center;display:flex}.quickActions{margin-bottom:2rem}.divider{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:1.5rem 0;position:relative;text-align:center;text-transform:uppercase}.divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;padding:0 1rem;position:relative}.actionButtons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.actionButton{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.actionButton:hover{background:#fff;border-color:#4f46e5;box-shadow:0 2px 8px #0000000d;color:#4f46e5;transform:translateY(-1px)}.demoButton:hover{border-color:#10b981;color:#10b981}.posButton:hover{border-color:#f59e0b;color:#f59e0b}.storeButton:hover{border-color:#8b5cf6;color:#8b5cf6}.actionIcon{align-items:center;color:inherit;display:flex}.loginFooter{border-top:1px solid #f1f5f9;padding-top:1.5rem}.securityInfo{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.securityItem{color:#6b7280;font-size:.75rem;font-weight:500;gap:.5rem}.securityIcon,.securityItem{align-items:center;display:flex}.securityIcon{color:#10b981}.copyright{color:#9ca3af;font-size:.75rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.loginCard{margin:1rem;padding:2rem 1.5rem}.logoSection{flex-direction:column;gap:.75rem}.brandText{text-align:center}.brandTitle{font-size:1.5rem}.securityInfo{align-items:center;flex-direction:column;gap:.75rem}.actionButtons{grid-template-columns:1fr}}@media (max-width:480px){.loginAdminContainer{padding:10px}.loginCard{padding:1.5rem 1rem}.actionButton{font-size:.8rem;padding:.625rem .875rem}}.sidebar{background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-right:1px solid #ffffff1a;box-shadow:0 0 50px #0000004d;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:300px;z-index:1000}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem 1.5rem}.brand-logo{align-items:center;display:flex;gap:12px;margin-bottom:1.5rem}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea66;font-size:2rem;padding:8px}.logo-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;margin:0}.logo-text span{color:#94a3b8;font-size:.8rem;font-weight:600;letter-spacing:1px}.user-profile{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:1rem}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;font-size:1.1rem;height:45px;width:45px}.user-details{flex:1 1}.user-name{font-size:.95rem;font-weight:600;margin-bottom:2px}.user-role{color:#94a3b8;font-size:.8rem;font-weight:500}.quick-actions{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.8rem;padding:1.5rem}.action-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:12px;padding:.9rem 1rem;transition:all .3s ease}.action-btn:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.pos-btn:hover{background:linear-gradient(135deg,#ed893633,#dd6b201a);border-color:#ed893666}.ecom-btn:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1a);border-color:#8b5cf666}.btn-icon{font-size:1.2rem}.btn-text{flex:1 1;text-align:left}.sidebar-nav{flex:1 1;padding:1rem 0}.section-label{color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin:0;position:relative}.nav-link{align-items:center;border-left:4px solid #0000;color:#cbd5e1;cursor:pointer;display:flex;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff0d;border-left-color:#667eea99;color:#fff}.nav-item.active>.nav-link{background:linear-gradient(135deg,#667eea26,#764ba21a);border-left-color:#667eea;box-shadow:inset 0 0 20px #667eea1a;color:#fff}.nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.nav-text{flex:1 1;font-size:.9rem;font-weight:500}.nav-arrow{color:#94a3b8;font-size:.7rem;transition:transform .3s ease}.nav-arrow.expanded{color:#667eea;transform:rotate(180deg)}.submenu{animation:slideDown .3s ease-out;background:#0003;border-left:4px solid #667eea4d;list-style:none;margin:0;padding:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-item{margin:0}.submenu-link{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;padding:.8rem 1.5rem .8rem 3.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.submenu-link:hover{background:#ffffff08;color:#fff;padding-left:4rem}.submenu-link.active{background:#667eea1a;color:#667eea;font-weight:600}.submenu-dot{background:#667eea;border-radius:50%;height:6px;margin-right:12px;opacity:0;transition:opacity .3s ease;width:6px}.submenu-link.active .submenu-dot,.submenu-link:hover .submenu-dot{opacity:1}.sidebar-footer{background:#0003;border-top:1px solid #ffffff1a;padding:1.5rem}.system-status{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:8px;margin-bottom:.8rem}.status-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;height:8px;width:8px}.version-info{text-align:center}.version-info small{color:#64748b;font-size:.75rem;font-weight:600}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6b46c1)}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:100%}.sidebar.mobile-open{transform:translateX(0)}.quick-actions{flex-direction:row;overflow-x:auto}.action-btn{min-width:160px}}.mobile-toggle{background:#667eea;border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:none;left:20px;padding:10px;position:fixed;top:20px;z-index:1001}@media (max-width:768px){.mobile-toggle{display:block}}.page-container{margin:0 auto;max-width:1200px;max-width:1400px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:2rem;margin-bottom:5px}.page-header p{color:#7f8c8d;font-size:16px}.page-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #3498db;box-shadow:0 2px 10px #0000001a;padding:25px;text-align:center}.stat-card h3{color:#7f8c8d;font-size:14px;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#2c3e50;font-size:2.5em;font-weight:700;margin:0}.admin-container{background-color:#f8fafc;min-height:100vh;padding:24px}.admin-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.admin-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:32px!important}.admin-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.admin-header-text{flex:1 1}.admin-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.admin-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.admin-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.admin-pos-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.admin-pos-button:hover{box-shadow:0 8px 20px #f59e0b66!important;transform:translateY(-2px)}.admin-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.admin-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.admin-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.admin-controls-content{padding:24px!important}.admin-controls-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.admin-controls-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.admin-updated-text{color:#64748b!important;font-size:.875rem!important}.admin-controls-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.admin-error-alert,.admin-select-control{border-radius:12px!important}.admin-error-alert{border:1px solid #fecaca!important;margin-bottom:24px!important}.admin-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.admin-loading-spinner{color:#667eea!important}.admin-loading-text{color:#64748b!important;font-size:1.125rem!important}.admin-section-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:20px!important}.admin-metrics-section{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.admin-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-metric-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.admin-metric-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.admin-metric-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.admin-metric-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.admin-metric-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.admin-metric-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.admin-metric-info{font-size:14px!important;opacity:.6}.admin-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#0000);-webkit-background-clip:text;background-clip:text;font-size:1.75rem!important;font-weight:700!important;margin-bottom:8px!important}.admin-metric-primary{color:#6366f1}.admin-metric-secondary{color:#8b5cf6}.admin-metric-success{color:#10b981}.admin-metric-info{color:#3b82f6}.admin-metric-trend{align-items:center;display:flex;gap:4px;margin-top:auto}.admin-trend-up{color:#10b981}.admin-trend-down{color:#ef4444}.admin-trend-text{font-size:.875rem!important;font-weight:600!important}.admin-breakdown-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important}.admin-breakdown-content{padding:24px!important}.admin-breakdown-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.admin-breakdown-icon{color:#667eea!important;font-size:24px!important}.admin-breakdown-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.admin-breakdown-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-breakdown-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.admin-breakdown-label{color:#64748b!important;font-size:.875rem!important;font-weight:500!important}.admin-breakdown-value{font-size:1.25rem!important;font-weight:700!important}.admin-store-revenue{color:#6366f1!important}.admin-web-revenue{color:#10b981!important}.admin-breakdown-percentage{color:#64748b!important;font-size:.875rem!important;font-weight:600!important}.admin-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.admin-content-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.admin-content-card:hover{box-shadow:0 8px 32px #0000001f!important}.admin-card-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-card-title-section{align-items:center;display:flex;gap:12px}.admin-card-icon{color:#667eea!important;font-size:24px!important}.admin-card-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.admin-card-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important}.admin-online-badge{background:linear-gradient(135deg,#10b981,#059669)!important}.admin-card-body{flex:1 1;margin-bottom:20px}.admin-card-footer{border-top:1px solid #f1f5f9;padding-top:16px}.admin-view-all-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important}.admin-view-all-button:hover{box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-1px)}.admin-orders-list{display:flex;flex-direction:column;gap:16px}.admin-order-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px}.admin-order-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.admin-order-info{align-items:center;display:flex;gap:8px}.admin-order-number{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.admin-order-amount{color:#6366f1!important;font-size:.875rem!important;font-weight:700!important}.admin-order-details{align-items:center;display:flex;gap:12px;margin-bottom:8px}.admin-order-status{font-size:.75rem!important;font-weight:600!important}.admin-order-time{color:#64748b!important;font-size:.75rem!important}.admin-order-cashier,.admin-order-customer{margin-top:4px}.admin-cashier-text,.admin-customer-text{color:#64748b!important;font-size:.75rem!important;font-style:italic}.admin-activity-list{display:flex;flex-direction:column;gap:16px}.admin-activity-item{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;gap:12px;padding:12px}.admin-activity-avatar{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-weight:600!important;height:40px!important;width:40px!important}.admin-activity-details{flex:1 1}.admin-activity-description{color:#374151!important;font-size:.875rem!important;margin-bottom:4px!important}.admin-activity-meta{display:flex;gap:12px}.admin-activity-user{color:#6366f1!important;font-size:.75rem!important;font-weight:600!important}.admin-activity-time{color:#64748b!important;font-size:.75rem!important}.admin-cashiers-list{display:flex;flex-direction:column;gap:16px}.admin-cashier-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;gap:12px;padding:16px}.admin-cashier-avatar{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-weight:600!important;height:48px!important;width:48px!important}.admin-online-avatar{border:2px solid #10b981!important}.admin-cashier-details{flex:1 1}.admin-cashier-name{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important;margin-bottom:2px!important}.admin-cashier-id{color:#64748b!important;font-size:.75rem!important;margin-bottom:4px!important}.admin-cashier-status{align-items:center;display:flex;gap:6px}.admin-status-dot{border-radius:50%;height:8px;width:8px}.admin-online-dot{background-color:#10b981}.admin-status-text{color:#64748b!important;font-size:.75rem!important}.admin-cashier-action{color:#667eea!important}.admin-performance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.admin-performance-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px;text-align:center}.admin-performance-value{color:#6366f1!important;font-size:1.25rem!important;font-weight:700!important;margin-bottom:4px!important}.admin-performance-label{color:#64748b!important;font-size:.75rem!important;font-weight:500!important}.admin-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.admin-quick-action{align-items:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#374151!important;display:flex!important;font-weight:500!important;gap:8px!important;justify-content:flex-start!important;padding:12px 8px!important;text-transform:none!important;transition:all .3s ease!important}.admin-quick-action:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d!important;color:#fff!important;transform:translateY(-1px)}.admin-status-list{display:flex;flex-direction:column;gap:12px}.admin-status-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;gap:12px;padding:12px}.admin-status-indicator{border-radius:50%;height:12px;width:12px}.admin-status-operational .admin-status-indicator{background-color:#076445}.admin-status-operational .red-indicator{background-color:#b91010}.admin-status-service{color:#374151!important;flex:1 1;font-size:.875rem!important;font-weight:500!important}.admin-status-state{color:#64748b!important;font-size:.75rem!important;font-weight:600!important}.admin-no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.admin-no-data-icon{color:#cbd5e1!important;font-size:48px!important;margin-bottom:16px!important}.admin-no-data-text{color:#64748b!important;font-size:.875rem!important}@media (max-width:768px){.admin-container{padding:16px}.admin-header-content{gap:16px}.admin-header-content,.admin-header-main{flex-direction:column;text-align:center}.admin-controls-header{align-items:flex-start;flex-direction:column;gap:8px}.admin-actions-grid,.admin-breakdown-stats,.admin-content-grid,.admin-metrics-grid,.admin-performance-grid{grid-template-columns:1fr}.admin-header-title{font-size:2rem!important}.admin-order-details{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.admin-header-actions{justify-content:center;width:100%}.admin-section-title{font-size:1.25rem!important}.admin-metric-value{font-size:1.5rem!important}.admin-card-header{align-items:flex-start;flex-direction:column;gap:8px}}.suppliers-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:24px}.suppliers-header{border-bottom:1px solid #e1e5e9;margin-bottom:24px;padding-bottom:20px}.suppliers-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.suppliers-subtitle{color:#666;font-size:16px;margin:0 0 20px}.suppliers-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.suppliers-primary-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.suppliers-primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.suppliers-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.suppliers-search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.suppliers-search-box{flex:1 1;min-width:250px;position:relative}.suppliers-search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.suppliers-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.suppliers-search-icon{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.suppliers-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.suppliers-filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.suppliers-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.suppliers-sort-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.suppliers-sort-btn:hover{background:#f8f9fa;border-color:#667eea}.suppliers-clear-filters-btn{background:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.suppliers-clear-filters-btn:hover{background:#dc3545;color:#fff}.suppliers-results-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.suppliers-search-term{background:#e3f2fd;border-radius:4px;color:#1565c0;font-weight:500;padding:4px 8px}.suppliers-sortable-header{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.suppliers-sortable-header:hover{background-color:#f8f9fa}.suppliers-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.suppliers-alert{border-radius:8px;font-weight:500;margin-bottom:20px;padding:16px}.suppliers-alert-error{background:#fee;border:1px solid #fcc;color:#c33}.suppliers-loading{background:#f8f9fa;border-radius:8px;color:#666;font-size:16px;padding:40px;text-align:center}.suppliers-empty-state{color:#6c757d;padding:60px 20px;text-align:center}.suppliers-empty-icon{font-size:48px;margin-bottom:16px}.suppliers-empty-state h3{color:#495057;font-size:20px;margin-bottom:8px}.suppliers-empty-state p{font-size:14px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:400px}.suppliers-table-container{background:#fff;overflow-x:auto}.suppliers-data-table{background:#fff;border-collapse:collapse;width:100%}.suppliers-data-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.suppliers-data-table th{color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.suppliers-data-table td{border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;padding:16px 12px}.suppliers-data-table tbody tr{transition:background-color .2s ease}.suppliers-data-table tbody tr:hover{background-color:#f8f9fa}.suppliers-status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.suppliers-status-active{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.suppliers-status-inactive{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.suppliers-btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .2s ease}.suppliers-btn-info{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.suppliers-btn-info:hover{background:#bbdefb;transform:translateY(-1px)}.suppliers-btn-danger{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.suppliers-btn-danger:hover{background:#ffcdd2;transform:translateY(-1px)}.suppliers-btn-secondary{background:#6c757d;border:none;color:#fff}.suppliers-btn-secondary:hover{background:#545b62}.suppliers-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.suppliers-modal{animation:suppliers-modal-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes suppliers-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.suppliers-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;color:#fff;display:flex;justify-content:between;padding:24px}.suppliers-modal-header h3{font-size:20px;font-weight:600;margin:0}.suppliers-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.suppliers-close-btn:hover{background:#fff3}.suppliers-modal-body{padding:24px}.suppliers-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.suppliers-form-group{margin-bottom:20px}.suppliers-form-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.suppliers-form-group input,.suppliers-form-group select,.suppliers-form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.suppliers-form-group input:focus,.suppliers-form-group select:focus,.suppliers-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.suppliers-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}@media (max-width:768px){.suppliers-container{padding:16px}.suppliers-title{font-size:24px}.suppliers-search-filter{align-items:stretch;flex-direction:column}.suppliers-search-box{min-width:auto}.suppliers-filter-group{justify-content:stretch}.suppliers-clear-filters-btn,.suppliers-filter-select,.suppliers-sort-btn{flex:1 1;min-width:0}.suppliers-data-table{font-size:12px}.suppliers-data-table td,.suppliers-data-table th{padding:12px 8px}.suppliers-modal{margin:20px;width:95%}.suppliers-modal-body{padding:16px}.suppliers-modal-footer{flex-direction:column;padding:16px}.suppliers-btn-sm{margin-bottom:4px;width:100%}}@keyframes suppliers-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.suppliers-loading-pulse{animation:suppliers-pulse 1.5s ease-in-out infinite}.sa-container{background-color:#f8fafc;min-height:100vh;padding:24px}.sa-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.sa-header-content{flex-wrap:wrap;justify-content:space-between;padding:32px!important}.sa-header-content,.sa-header-main{align-items:center;display:flex;gap:16px}.sa-header-main,.sa-header-text{flex:1 1}.sa-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.sa-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.sa-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sa-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.sa-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.sa-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.sa-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.sa-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.sa-controls-content{padding:24px!important}.sa-controls-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.sa-controls-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.sa-updated-text{color:#64748b!important;font-size:.875rem!important}.sa-controls-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.sa-error-alert,.sa-select-control{border-radius:12px!important}.sa-error-alert{border:1px solid #fecaca!important;margin-bottom:24px!important}.sa-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.sa-loading-spinner{color:#667eea!important}.sa-loading-text{color:#64748b!important;font-size:1.125rem!important}.sa-section-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:20px!important}.sa-metrics-section{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.sa-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sa-metric-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.sa-metric-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.sa-metric-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.sa-metric-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.sa-metric-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.sa-metric-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.sa-metric-info{font-size:14px!important;opacity:.6}.sa-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#0000);-webkit-background-clip:text;background-clip:text;font-size:1.75rem!important;font-weight:700!important;margin-bottom:8px!important}.sa-metric-primary{color:#6366f1}.sa-metric-secondary{color:#8b5cf6}.sa-metric-success{color:#10b981}.sa-metric-warning{color:#f59e0b}.sa-channel-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sa-channel-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important}.sa-channel-content{padding:24px!important}.sa-channel-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sa-channel-icon{color:#667eea!important;font-size:24px!important}.sa-channel-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.sa-channel-stats{display:flex;flex-wrap:wrap;gap:20px}.sa-channel-stat{display:flex;flex-direction:column;gap:8px}.sa-channel-label{color:#64748b!important;font-size:.875rem!important;font-weight:500!important}.sa-channel-chip{border:none!important;font-size:.875rem!important;font-weight:600!important}.sa-store{background-color:#e0e7ff!important;color:#3730a3!important}.sa-web{background-color:#d1fae5!important;color:#065f46!important}.sa-charts-section{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.sa-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.sa-chart-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.sa-chart-card:hover{box-shadow:0 8px 32px #0000001f!important}.sa-chart-content{height:100%;padding:24px!important}.sa-chart-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.sa-chart-icon{color:#667eea!important;font-size:24px!important}.sa-chart-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.sa-chart-container{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;padding:16px}.sa-area-chart .sa-chart-grid,.sa-bar-chart .sa-chart-grid,.sa-pie-chart .sa-chart-grid{stroke:#e2e8f0;stroke-opacity:.7}.sa-chart-axis{fill:#64748b!important;font-size:12px!important;font-weight:500!important}.sa-chart-axis line{stroke:#e2e8f0}.sa-chart-axis path{stroke:#cbd5e1}.sa-chart-tooltip{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;font-size:14px!important;padding:12px 16px!important}.sa-chart-legend{font-size:14px!important;font-weight:500!important;padding-top:20px!important}.sa-table-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important}.sa-table-content{padding:24px!important}.sa-table-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sa-table-icon{color:#667eea!important;font-size:20px!important}.sa-table-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.sa-table-container{border:1px solid #f1f5f9;border-radius:12px;overflow:auto}.sa-data-table{border-collapse:collapse;width:100%}.sa-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important;color:#374151!important;font-size:.875rem!important;font-weight:700!important;padding:16px!important;text-align:left}.sa-table-row:hover{background-color:#f8fafc!important}.sa-table-cell{border-bottom:1px solid #f1f5f9!important;padding:16px!important}.sa-product-name{color:#374151!important;font-size:.875rem!important;font-weight:500!important}.sa-quantity-chip{background-color:#e0e7ff!important;border:none!important;color:#3730a3!important;font-size:.75rem!important;font-weight:600!important}.sa-revenue-text{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.sa-orders-text{color:#64748b!important;font-size:.875rem!important;font-weight:500!important}@media (max-width:768px){.sa-container{padding:16px}.sa-header-content{gap:16px}.sa-header-content,.sa-header-main{flex-direction:column;text-align:center}.sa-controls-header{align-items:flex-start;flex-direction:column;gap:8px}.sa-charts-grid,.sa-metrics-grid{grid-template-columns:1fr}.sa-channel-stats{flex-direction:column}.sa-header-title{font-size:2rem!important}.sa-table-container{overflow-x:auto}}@media (max-width:480px){.sa-header-actions{justify-content:center;width:100%}.sa-section-title{font-size:1.25rem!important}.sa-metric-value{font-size:1.5rem!important}.sa-chart-header{align-items:flex-start;flex-direction:column;gap:8px}}.employers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.employer-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.employer-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.employer-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.employer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;width:60px}.employer-avatar.large{font-size:1.5rem;height:80px;width:80px}.employer-basic-info{flex:1 1}.employer-name{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 5px}.employer-username{color:#6c757d;font-size:.9rem;margin:0 0 10px}.employer-meta{display:flex;flex-wrap:wrap;gap:8px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.on-leave{background:#fff3cd;color:#856404}.status-badge.terminated{background:#e2e3e5;color:#383d41}.status-badge.clocked-in{background:#d1ecf1;color:#0c5460}.status-badge.clocked-out{background:#e2e3e5;color:#383d41}.role-badge{background:#e7f3ff;color:#06c}.role-badge,.type-badge{border-radius:12px;font-size:.75rem}.type-badge{background:#f8f9fa;color:#495057;font-weight:600;padding:4px 8px}.online-indicator{font-size:.8rem}.online-badge{background:#d4edda;border-radius:12px;color:#155724;font-size:.75rem;font-weight:600;padding:4px 8px}.employer-details{margin-bottom:15px}.detail-row{align-items:center;border-bottom:1px solid #f8f9fa;justify-content:space-between;padding:6px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#495057;font-size:.85rem;font-weight:600}.detail-row .value{color:#6c757d;font-size:.85rem;text-align:right}.employer-actions{display:flex;gap:8px}.btn{border-radius:6px;font-size:.85rem}.employer-detail-view{display:flex;flex-direction:column;gap:25px}.employer-detail-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:12px;display:flex;gap:20px;padding:20px}.employer-header-info h2{color:#2c3e50;font-size:1.8rem;margin:0 0 5px}.employee-id{color:#6c757d;font-size:1rem;margin:0 0 10px}.employer-tags{display:flex;flex-wrap:wrap;gap:8px}.stats-cards-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{border:1px solid #e9ecef;gap:12px;padding:15px}.stat-icon{font-size:1.5rem}.stat-content h4{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.stat-content p{color:#6c757d;font-size:.9rem;margin:0}.detail-sections{display:flex;flex-direction:column;gap:20px}.detail-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.detail-section h4{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-size:1.2rem;margin:0 0 15px;padding-bottom:10px}.detail-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{gap:5px}.detail-item label{color:#495057;font-size:.9rem}.detail-item span{color:#6c757d;font-size:.95rem}.time-logs-table{overflow-x:auto}.time-logs-table table{border-collapse:collapse;width:100%}.time-logs-table td,.time-logs-table th{border-bottom:1px solid #e9ecef;padding:10px 12px;text-align:left}.time-logs-table th{background:#f8f9fa;color:#495057;font-size:.9rem;font-weight:600}.employer-form{display:flex;flex-direction:column;gap:25px}.employer-form .form-section{border:1px solid #e9ecef;border-radius:8px;padding:20px}.employer-form .form-section h4{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.employer-form .form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.employer-form .form-group{display:flex;flex-direction:column}.employer-form .form-group.full-width{grid-column:1/-1}.employer-form .form-group label{color:#495057;font-size:.95rem;font-weight:600;margin-bottom:8px}.employer-form .form-group input,.employer-form .form-group select,.employer-form .form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:.95rem;padding:12px;transition:border-color .3s ease}.employer-form .form-group input:focus,.employer-form .form-group select:focus,.employer-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.pagination{gap:15px}.page-info{color:#6c757d;font-weight:600}.modal-extra-large{max-height:95vh;max-width:1000px}@media (max-width:768px){.employers-grid{grid-template-columns:1fr}.filters-row{flex-direction:column;gap:8px}.filters-row .filter-group{min-width:100%}.filter-actions{justify-content:flex-start;width:100%}.employer-detail-header{flex-direction:column;text-align:center}.employer-tags{justify-content:center}.stats-cards-row{grid-template-columns:repeat(2,1fr)}.detail-grid,.employer-form .form-grid{grid-template-columns:1fr}.modal{margin:10px;width:95%}.pagination{flex-direction:column;gap:10px}}@media (max-width:480px){.stats-cards-row{grid-template-columns:1fr}.employer-actions{flex-direction:column}}.stats-section{margin-bottom:2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.stat-card{align-items:center;background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1.5rem}.stat-card:nth-child(2){border-left-color:#28a745}.stat-card:nth-child(3){border-left-color:#ffc107}.stat-card:nth-child(4){border-left-color:#dc3545}.stat-icon{font-size:2rem}.stat-info h3{color:#333;font-size:1.8rem;font-weight:700;margin:0}.stat-info p{color:#666;font-size:.9rem;margin:.25rem 0 0}.logs-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:1rem;text-align:left}.logs-table td{border-bottom:1px solid #dee2e6;padding:1rem}.logs-table tr:hover{background:#f8f9fa}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#007bff;border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-avatar.large{font-size:1.2rem;height:60px;width:60px}.user-details strong{display:block;margin-bottom:.25rem}.user-details small{color:#666;font-size:.8rem}.action-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.action-create{background:#d4edda;color:#155724}.action-update{background:#fff3cd;color:#856404}.action-delete{background:#f8d7da;color:#721c24}.action-login{background:#cce7ff;color:#004085}.action-logout{background:#e2e3e5;color:#383d41}.action-view{background:#d1ecf1;color:#0c5460}.action-default{background:#e2e3e5;color:#383d41}.role-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.role-admin{background:#007bff;color:#fff}.role-super-admin{background:#6f42c1;color:#fff}.role-cashier{background:#28a745;color:#fff}.role-manager{background:#fd7e14;color:#fff}.role-default{background:#6c757d;color:#fff}.entity-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.entity-sales{background:#d4edda;color:#155724}.entity-auth{background:#cce7ff;color:#004085}.entity-user{background:#fff3cd;color:#856404}.entity-inventory{background:#d1ecf1;color:#0c5460}.entity-category{background:#e2e3e5;color:#383d41}.entity-default{background:#f8d7da;color:#721c24}.description-cell{max-width:300px}.description-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.description-content{border-left:4px solid #007bff;line-height:1.5;padding:1rem}.description-content,.ip-address{background:#f8f9fa;border-radius:4px}.ip-address{color:#495057;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.timestamp{color:#666;font-size:.9rem;white-space:nowrap}.log-detail-view{display:flex;flex-direction:column;gap:1.5rem}.log-header{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:1.5rem}.log-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{gap:.25rem}.meta-item label{color:#666}.meta-item span{color:#333}.additional-info h4,.changes-section h4,.description-section h4,.user-section h4{border-bottom:2px solid #f8f9fa;color:#333;margin-bottom:1rem;padding-bottom:.5rem}.user-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.user-info-details{flex:1 1}.user-main{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.user-main h5{font-size:1.2rem;margin:0}.user-secondary p{color:#666;margin:.25rem 0}.changes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.json-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.json-section h5{color:#333;font-size:1rem;margin:0 0 1rem}.json-content{gap:.5rem}.json-content,.json-item{display:flex;flex-direction:column}.json-item{background:#fff;border-left:3px solid #007bff;border-radius:4px;gap:.25rem;padding:.5rem}.json-item strong{color:#333;font-size:.9rem}.json-item span{color:#666;font-size:.85rem;word-break:break-all}.no-changes{background:#f8f9fa;border-radius:8px;color:#666;font-style:italic;padding:2rem;text-align:center}.info-grid{grid-gap:1rem;gap:1rem}.info-item{background:#f8f9fa;border-radius:4px;justify-content:between;padding:.75rem}.info-item label{color:#666;margin-right:.5rem}@media (max-width:768px){.changes-grid,.log-meta,.stats-grid{grid-template-columns:1fr}.user-card{flex-direction:column;text-align:center}.user-main{flex-direction:column;gap:.5rem}}.loading{font-size:1.1rem}.loading,.no-data{color:#666;padding:3rem}.no-data-icon{margin-bottom:1rem}.no-data h3{color:#333;margin:0 0 .5rem}.no-data p{margin:0 0 1.5rem}.orders-table-container{box-shadow:0 1px 3px #0000001a}.orders-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;text-align:left}.orders-table td,.orders-table th{font-size:.875rem;padding:12px 16px}.orders-table td{border-bottom:1px solid #f3f4f6}.orders-table tr:hover{background:#f9fafb}.delivery-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:4px;padding:4px 8px}.delivery-type-badge.home-delivery{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.delivery-type-badge.store-pickup{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.map-actions-small{margin-top:4px}.btn-map-small{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;padding:2px 6px;transition:background-color .2s}.btn-map-small:hover{background:#059669}.btn-map{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;margin:2px;padding:6px 12px;transition:background-color .2s}.btn-map:hover{background:#059669}.customer-info{display:flex;flex-direction:column}.customer-email{color:#6b7280;font-size:.75rem;margin-top:2px}.contact-info{display:flex;flex-direction:column}.phone{font-weight:500}.address{color:#6b7280;font-size:.75rem;margin-top:2px}.items-count{font-weight:500}.item-name{color:#6b7280;font-size:.75rem}.more-items{color:#9ca3af;font-size:.7rem}.amount-cell{font-weight:600}.breakdown{margin-top:4px}.breakdown small{color:#6b7280;display:block;font-size:.7rem}.payment-verified{color:#059669;font-size:.7rem;margin-top:2px}.status-badge{border-radius:6px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.processing{background:#e0e7ff;color:#3730a3}.status-badge.ready{background:#dcfce7;color:#166534}.status-badge.out-for-delivery{background:#ffedd5;color:#9a3412}.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.assigned-info{color:#6b7280;font-size:.7rem;margin-top:2px}.action-buttons{gap:4px}.action-buttons .btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s}.btn-view{background:#3b82f6}.btn-view:hover{background:#2563eb}.btn-edit{background:#f59e0b;color:#fff}.btn-edit:hover{background:#d97706}.btn-status{background:#8b5cf6}.btn-status:hover{background:#7c3aed}.btn-assign{background:#06b6d4;color:#fff}.btn-assign:hover{background:#0891b2}.no-data{color:#6b7280;padding:60px 20px;text-align:center}.no-data-icon{font-size:3rem;margin-bottom:16px}.no-data h3{color:#374151;margin:0 0 8px}.pagination{gap:4px;margin-top:20px}.pagination-btn{border:1px solid #d1d5db;border-radius:6px;color:#374151;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6}.pagination-btn:disabled{background:#f3f4f6;color:#9ca3af}.pagination-ellipsis{color:#6b7280;padding:8px 4px}.modal{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:between;padding:20px 24px}.modal-header h3{color:#111827;font-size:1.25rem}.modal-close{color:#6b7280;font-size:1.5rem;height:32px;width:32px}.modal-close:hover{color:#374151}.modal-footer{border-top:1px solid #e5e7eb}.order-detail-view{gap:24px}.order-header .order-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item label{color:#6b7280;font-size:.875rem;margin-bottom:4px}.customer-section h4,.order-items h4,.order-notes h4,.order-summary h4,.payment-details h4{color:#374151;font-size:1.125rem;margin:0 0 16px}.customer-details{display:flex;flex-direction:column;gap:12px}.detail-row label{color:#374151;margin-right:12px;min-width:120px}.address-with-map{display:flex;flex-direction:column;gap:8px}.map-actions{display:flex;gap:8px;margin-top:8px}.summary-grid{grid-gap:12px;gap:12px}.summary-item{background:#f8fafc;border-radius:6px;padding:12px}.summary-item.total{background:#1e40af;color:#fff;font-weight:600}.summary-item.total label{color:#fff}.items-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;padding:12px}.items-table td{border-bottom:1px solid #f3f4f6;padding:12px}.customer-info-map{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:16px;padding:16px}.customer-details-map h4{color:#374151;margin:0 0 12px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column}.detail-item label{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:2px}.detail-item span{color:#374151;font-size:.9rem}.map-container-large{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:16px 0;overflow:hidden}.no-map-available{background:#f3f4f6;border-radius:8px;color:#6b7280;padding:40px;text-align:center}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px}@media (max-width:768px){.orders-table{font-size:.75rem}.orders-table td,.orders-table th{padding:8px 12px}.action-buttons{flex-direction:column}.modal{margin:20px;width:95%}.order-header .order-meta{grid-template-columns:1fr}.detail-row{align-items:flex-start;flex-direction:column}.detail-row label{margin-bottom:4px;min-width:auto}}:root{--co-primary:#4361ee;--co-primary-dark:#3a56d4;--co-secondary:#6c757d;--co-success:#28a745;--co-warning:#ffc107;--co-danger:#dc3545;--co-info:#17a2b8;--co-light:#f8f9fa;--co-dark:#343a40;--co-white:#fff;--co-gray-100:#f8f9fa;--co-gray-200:#e9ecef;--co-gray-300:#dee2e6;--co-gray-400:#ced4da;--co-gray-500:#adb5bd;--co-gray-600:#6c757d;--co-gray-700:#495057;--co-gray-800:#343a40;--co-gray-900:#212529;--co-border-radius:8px;--co-border-radius-sm:6px;--co-border-radius-lg:12px;--co-box-shadow:0 4px 6px #00000012;--co-box-shadow-lg:0 10px 25px #0000001a;--co-transition:all 0.3s ease}.co-page-container{background-color:#f8f9fa;background-color:var(--co-gray-100);min-height:100vh;padding:24px}.co-page-header{margin-bottom:24px}.co-header-content{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.co-header-text h1{color:#343a40;color:var(--co-gray-800);font-size:28px;font-weight:700;margin:0 0 8px}.co-header-text p{color:#6c757d;color:var(--co-gray-600);font-size:16px;margin:0}.co-total-count{color:#4361ee;color:var(--co-primary);font-weight:600}.co-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--co-border-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease;transition:var(--co-transition);white-space:nowrap}.co-btn-primary{background-color:#4361ee;background-color:var(--co-primary);color:#fff;color:var(--co-white)}.co-btn-primary:hover{background-color:#3a56d4;background-color:var(--co-primary-dark);box-shadow:0 4px 6px #00000012;box-shadow:var(--co-box-shadow);transform:translateY(-1px)}.co-btn-secondary{background-color:#fff;background-color:var(--co-white);border:1px solid #dee2e6;border:1px solid var(--co-gray-300);color:#495057;color:var(--co-gray-700)}.co-btn-secondary:hover{background-color:#f8f9fa;background-color:var(--co-gray-100);border-color:#ced4da;border-color:var(--co-gray-400)}.co-btn-view{background-color:#17a2b8;background-color:var(--co-info);color:#fff;color:var(--co-white);font-size:12px;padding:6px 12px}.co-btn-view:hover{background-color:#138496}.co-btn-clear{background-color:#e9ecef;background-color:var(--co-gray-200);color:#495057;color:var(--co-gray-700)}.co-btn-clear:hover{background-color:#dee2e6;background-color:var(--co-gray-300)}.co-btn-icon{font-size:14px}.co-order-type-tabs{background:#fff;background:var(--co-white);border-radius:8px;border-radius:var(--co-border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--co-box-shadow);display:flex;gap:8px;margin-bottom:24px;padding:8px}.co-tab-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--co-border-radius-sm);color:#6c757d;color:var(--co-gray-600);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;transition:var(--co-transition)}.co-tab-btn.co-active{background:#4361ee;background:var(--co-primary);box-shadow:0 4px 6px #00000012;box-shadow:var(--co-box-shadow);color:#fff;color:var(--co-white)}.co-tab-btn:hover:not(.co-active){background:#f8f9fa;background:var(--co-gray-100)}.co-tab-icon{font-size:16px}.co-filters-section{background:#fff;background:var(--co-white);border-radius:8px;border-radius:var(--co-border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--co-box-shadow);margin-bottom:24px;padding:20px}.co-filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.co-filter-group{flex:1 1;min-width:200px}.co-filter-input-wrapper{align-items:center;display:flex;position:relative}.co-filter-icon{color:#adb5bd;color:var(--co-gray-500);left:12px;position:absolute;z-index:1}.co-filter-input{border:1px solid #dee2e6;border:1px solid var(--co-gray-300);border-radius:8px;border-radius:var(--co-border-radius);font-size:14px;padding:10px 12px 10px 36px;transition:all .3s ease;transition:var(--co-transition);width:100%}.co-filter-input:focus{border-color:#4361ee;border-color:var(--co-primary);box-shadow:0 0 0 3px #4361ee26;outline:none}.co-filter-select{background-color:#fff;background-color:var(--co-white);border:1px solid #dee2e6;border:1px solid var(--co-gray-300);border-radius:8px;border-radius:var(--co-border-radius);font-size:14px;padding:10px 12px;transition:all .3s ease;transition:var(--co-transition);width:100%}.co-filter-select:focus{border-color:#4361ee;border-color:var(--co-primary);box-shadow:0 0 0 3px #4361ee26;outline:none}.co-filter-actions{display:flex;gap:8px}.co-combined-orders-table-container{background:#fff;background:var(--co-white);border-radius:8px;border-radius:var(--co-border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--co-box-shadow);margin-bottom:24px;overflow:hidden}.co-table-responsive{overflow-x:auto}.co-combined-orders-table{border-collapse:collapse;min-width:1000px;width:100%}.co-combined-orders-table th{background:#f8f9fa;background:var(--co-gray-100);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--co-gray-300);color:#495057;color:var(--co-gray-700);font-size:14px;font-weight:600;padding:16px 20px;text-align:left;white-space:nowrap}.co-combined-orders-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--co-gray-200);font-size:14px;padding:16px 20px;vertical-align:top}.co-combined-orders-table tr:last-child td{border-bottom:none}.co-combined-orders-table tr:hover{background:var(--co-gray-50)}.co-order-type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 10px;text-transform:uppercase}.co-order-type-badge.co-in-store{background:#e3f2fd;color:#1976d2}.co-order-type-badge.co-ecommerce{background:#f3e5f5;color:#7b1fa2}.co-order-type-badge.co-modal-badge{font-size:14px;margin-left:10px}.co-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.co-status-badge.co-pending{background:#fff3cd;color:#856404}.co-status-badge.co-processing{background:#cce7ff;color:#004085}.co-status-badge.co-completed{background:#d4edda;color:#155724}.co-status-badge.co-cancelled{background:#f8d7da;color:#721c24}.co-status-badge.co-refunded{background:#e2e3e5;color:#383d41}.co-status-badge.co-ready{background:#d1ecf1;color:#0c5460}.co-status-badge.co-out-for-delivery{background:#d1e7dd;color:#0f5132}.co-customer-info strong{color:#343a40;color:var(--co-gray-800);display:block;margin-bottom:4px}.co-customer-address{color:#6c757d;color:var(--co-gray-600);font-size:12px;margin-top:4px}.co-contact-info{font-size:13px}.co-contact-email,.co-contact-phone{margin-bottom:2px;white-space:nowrap}.co-items-count{color:#495057;color:var(--co-gray-700);font-weight:500;margin-bottom:4px}.co-items-preview{display:flex;flex-direction:column;gap:2px}.co-item-name{color:#6c757d;color:var(--co-gray-600);font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-more-items{color:#adb5bd;color:var(--co-gray-500);font-size:12px;font-style:italic}.co-amount-cell strong{color:#343a40;color:var(--co-gray-800);display:block;margin-bottom:4px}.co-delivery-fee,.co-tender-info{color:#6c757d;color:var(--co-gray-600);font-size:12px}.co-action-buttons{display:flex;gap:8px}.co-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.co-loading-spinner{animation:co-spin 1s linear infinite;border:4px solid #e9ecef;border-top:4px solid #4361ee;border:4px solid var(--co-gray-200);border-radius:50%;border-top-color:var(--co-primary);height:40px;margin-bottom:16px;width:40px}@keyframes co-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.co-no-data{color:#6c757d;color:var(--co-gray-600);padding:60px 20px;text-align:center}.co-no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.co-no-data h3{color:#495057;color:var(--co-gray-700);font-weight:600;margin-bottom:8px}.co-pagination{flex-wrap:wrap;gap:4px;margin-top:24px}.co-pagination,.co-pagination-btn{align-items:center;display:flex;justify-content:center}.co-pagination-btn{background:#fff;background:var(--co-white);border:1px solid #dee2e6;border:1px solid var(--co-gray-300);border-radius:6px;border-radius:var(--co-border-radius-sm);cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .3s ease;transition:var(--co-transition)}.co-pagination-btn:hover:not(:disabled){background:#f8f9fa;background:var(--co-gray-100)}.co-pagination-btn.co-active{background:#4361ee;background:var(--co-primary);border-color:#4361ee;border-color:var(--co-primary);color:#fff;color:var(--co-white)}.co-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.co-pagination-ellipsis{color:#adb5bd;color:var(--co-gray-500);padding:8px 4px}.co-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.co-modal{background:#fff;background:var(--co-white);border-radius:12px;border-radius:var(--co-border-radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--co-box-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.co-modal-large{max-width:1000px}.co-modal-header{align-items:flex-start;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--co-gray-200);display:flex;justify-content:space-between;padding:24px}.co-modal-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.co-modal-title h3{color:#343a40;color:var(--co-gray-800);font-weight:600;margin:0}.co-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#adb5bd;color:var(--co-gray-500);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;transition:var(--co-transition);width:30px}.co-modal-close:hover{background:#e9ecef;background:var(--co-gray-200);color:#495057;color:var(--co-gray-700)}.co-modal-body{flex:1 1;overflow-y:auto;padding:24px}.co-modal-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--co-gray-200);display:flex;justify-content:flex-end;padding:20px 24px}.co-order-detail-view{display:flex;flex-direction:column;gap:24px}.co-order-header{background:#f8f9fa;background:var(--co-gray-100);border-radius:8px;border-radius:var(--co-border-radius);padding:20px}.co-order-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.co-meta-item{display:flex;flex-direction:column;gap:4px}.co-meta-item label{color:#6c757d;color:var(--co-gray-600);font-size:14px;font-weight:600}.co-meta-item span{color:#343a40;color:var(--co-gray-800)}.co-customer-section h4,.co-order-items h4,.co-order-notes h4,.co-order-summary h4,.co-order-timeline h4{color:#343a40;color:var(--co-gray-800);font-size:18px;font-weight:600;margin:0 0 16px}.co-customer-details{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.co-cashier-card{align-items:center;background:#f8f9fa;background:var(--co-gray-100);border-radius:8px;border-radius:var(--co-border-radius);display:flex;gap:12px;padding:16px}.co-cashier-avatar{align-items:center;background:#4361ee;background:var(--co-primary);border-radius:50%;color:#fff;color:var(--co-white);display:flex;flex-shrink:0;font-weight:700;height:48px;justify-content:center;width:48px}.co-cashier-details strong{color:#343a40;color:var(--co-gray-800);display:block;margin-bottom:4px}.co-ecommerce-customer{display:flex;flex-direction:column;gap:16px}.co-delivery-address{background:#f8f9fa;background:var(--co-gray-100);border-radius:8px;border-radius:var(--co-border-radius);padding:16px}.co-delivery-address h5{color:#495057;color:var(--co-gray-700);font-weight:600;margin:0 0 8px}.co-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.co-summary-item{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--co-gray-200);display:flex;justify-content:space-between;padding:12px 0}.co-summary-item.co-total{border-bottom:none;border-top:2px solid #dee2e6;border-top:2px solid var(--co-gray-300);font-size:16px;font-weight:700;margin-top:8px;padding-top:16px}.co-items-table{overflow-x:auto}.co-items-table table{border-collapse:collapse;width:100%}.co-items-table th{background:#f8f9fa;background:var(--co-gray-100);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--co-gray-300);color:#495057;color:var(--co-gray-700);font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.co-items-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--co-gray-200);font-size:14px;padding:12px 16px}.co-product-info{display:flex;flex-direction:column;gap:4px}.co-product-brand{color:#6c757d;color:var(--co-gray-600);font-size:12px}.co-timeline{padding-left:24px;position:relative}.co-timeline:before{background:#dee2e6;background:var(--co-gray-300);bottom:0;content:"";left:11px;position:absolute;top:0;width:2px}.co-timeline-item{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px;position:relative}.co-timeline-dot{background:#4361ee;background:var(--co-primary);border-radius:50%;flex-shrink:0;height:20px;position:relative;width:20px;z-index:1}.co-timeline-item.co-confirmed .co-timeline-dot{background:#28a745;background:var(--co-success)}.co-timeline-item.co-processing .co-timeline-dot{background:#ffc107;background:var(--co-warning)}.co-timeline-item.co-ready .co-timeline-dot{background:#17a2b8;background:var(--co-info)}.co-timeline-item.co-out-for-delivery .co-timeline-dot{background:#6610f2}.co-timeline-item.co-delivered .co-timeline-dot{background:#20c997}.co-timeline-content{flex:1 1;padding-bottom:8px}.co-timeline-content strong{color:#343a40;color:var(--co-gray-800);display:block;margin-bottom:4px}.co-timeline-content span{color:#6c757d;color:var(--co-gray-600);font-size:14px}.co-notes-content{background:#f8f9fa;background:var(--co-gray-100);border-radius:8px;border-radius:var(--co-border-radius);color:#495057;color:var(--co-gray-700);font-style:italic;padding:16px}@media (max-width:1024px){.co-page-container{padding:16px}.co-header-content{align-items:flex-start;flex-direction:column;gap:16px}.co-filters-row{align-items:stretch;flex-direction:column}.co-filter-group{min-width:100%}.co-customer-details,.co-order-meta,.co-summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.co-order-type-tabs{flex-direction:column}.co-tab-btn{justify-content:flex-start}.co-modal-overlay{padding:10px}.co-modal-body,.co-modal-footer,.co-modal-header{padding:16px}.co-modal-title{align-items:flex-start;gap:8px}.co-action-buttons,.co-modal-title{flex-direction:column}.co-pagination{gap:2px}.co-pagination-btn{font-size:13px;min-width:36px;padding:6px 10px}}@media (max-width:480px){.co-page-container{padding:12px}.co-header-text h1{font-size:24px}.co-header-text p{font-size:14px}.co-btn{font-size:13px;padding:8px 12px}.co-combined-orders-table td,.co-combined-orders-table th{padding:12px 8px}}.prod-page-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.prod-page-header{margin-bottom:32px}.prod-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.prod-header-text{flex:1 1;min-width:300px}.prod-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.prod-page-subtitle{color:#6b7280;font-size:1.1rem;font-weight:500}.prod-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.prod-search-box{min-width:320px;position:relative}.prod-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.prod-search-input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;outline:none}.prod-search-icon{color:#9ca3af;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.prod-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.prod-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.prod-btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.prod-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.prod-btn:active{transform:translateY(0)}.prod-btn-small{font-size:.85rem;padding:8px 12px}.prod-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.prod-btn-icon{font-size:1.1rem}.prod-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.prod-loading-spinner{animation:prod-spin 1s linear infinite;border:4px solid #e5e7eb;border-left-color:#667eea;border-radius:50%;height:48px;margin-bottom:16px;width:48px}@keyframes prod-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.prod-filters-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:20px}.prod-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.prod-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;min-width:160px;padding:10px 16px;transition:all .3s ease}.prod-filter-select:focus{border-color:#667eea;outline:none}.prod-filter-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.prod-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;overflow:hidden}.prod-table{background:#fff;border-collapse:collapse;width:100%}.prod-table-header{background:linear-gradient(135deg,#667eea,#764ba2)}.prod-table-th{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:20px 16px;text-align:left;text-transform:uppercase}.prod-table-th.sortable{cursor:pointer;transition:background .3s ease;-webkit-user-select:none;user-select:none}.prod-table-th.sortable:hover{background:#ffffff1a}.prod-table-sort-header{align-items:center;display:flex;gap:8px}.prod-sort-icon{font-size:.8rem;opacity:.8}.prod-table-body{background:#fff}.prod-table-row{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.prod-table-row:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.prod-row-inactive{background:#f8fafb;opacity:.7}.prod-table-td{padding:20px 16px;vertical-align:middle}.prod-table-product-cell{min-width:280px}.prod-table-product-info{align-items:flex-start;display:flex;gap:12px}.prod-table-image-wrapper{border:2px solid #f3f4f6;border-radius:12px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.prod-table-img{height:100%;object-fit:cover;width:100%}.prod-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.prod-table-product-details{flex:1 1;min-width:0}.prod-table-name{color:#1f2937;font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:4px}.prod-table-brand{color:#6b7280;font-size:.85rem;margin-bottom:6px}.prod-featured-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.prod-table-sku-cell{width:140px}.prod-sku-code{background:#f3f4f6;border-radius:8px;color:#374151;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:6px 10px}.prod-table-category-cell{width:180px}.prod-category-info{font-size:.9rem}.prod-category-name{color:#1f2937;font-weight:600;margin-bottom:2px}.prod-subcategory-name{color:#6b7280;font-size:.8rem}.prod-table-price-cell{width:120px}.prod-price-info{font-size:.9rem}.prod-current-price{color:#1f2937;font-weight:700;margin-bottom:2px}.prod-original-price{color:#9ca3af;font-size:.8rem;text-decoration:line-through}.prod-table-stock-cell{width:140px}.prod-stock-info{font-size:.9rem}.prod-stock-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;padding:6px 10px;text-transform:uppercase}.prod-stock-status.in-stock{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}.prod-stock-status.low-stock{background:#f59e0b26;border:1px solid #f59e0b4d;color:#d97706}.prod-stock-status.out-of-stock{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.prod-stock-quantity{color:#6b7280;margin-bottom:2px}.prod-variants-count{color:#667eea;font-size:.75rem;font-weight:600}.prod-table-status-cell{width:100px}.prod-status-container{display:flex;justify-content:center}.prod-status-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.prod-status-active{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}.prod-status-inactive{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.prod-table-actions-cell{width:180px}.prod-table-actions{display:flex;gap:6px;justify-content:center}.prod-action-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.prod-action-view{background:#3b82f61a;color:#3b82f6}.prod-action-edit{background:#f59e0b1a;color:#f59e0b}.prod-action-activate{background:#22c55e1a;color:#22c55e}.prod-action-deactivate,.prod-action-delete{background:#ef44441a;color:#ef4444}.prod-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.prod-empty-state{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:80px 24px;text-align:center}.prod-empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.prod-empty-title{color:#374151;font-size:1.8rem;font-weight:700;margin-bottom:12px}.prod-empty-description{color:#6b7280;font-size:1.1rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.prod-empty-action{font-size:1rem;padding:14px 28px}.prod-pagination{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;padding:20px}.prod-pagination-info{color:#6b7280;font-size:.9rem;font-weight:500}.prod-pagination-controls{display:flex;gap:8px}.prod-pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.prod-pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-1px)}.prod-pagination-btn.prod-pagination-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.prod-pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.prod-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.prod-modal{animation:prod-modal-appear .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.prod-modal-large{max-width:700px}.prod-modal-extra-large{max-width:1200px;width:95%}.prod-modal-fullscreen{align-items:stretch!important;padding:0!important}@keyframes prod-modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.prod-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px 32px 0}.prod-modal-title{color:#1f2937;font-size:1.6rem;font-weight:700;margin:0}.prod-modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:28px;padding:4px;transition:all .3s ease}.prod-modal-close:hover{background:#f3f4f6;color:#374151}.prod-modal-body{padding:0 32px}.prod-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px 32px 32px}.prod-form-scrollable{height:calc(100vh - 200px);overflow-y:auto;padding:0 10px}.prod-form{margin:0 auto;max-width:100%;padding:20px 0}.prod-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:28px}.prod-form-section-title{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 24px;padding-bottom:16px}.prod-form-grid-3{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.prod-form-grid-3,.prod-form-grid-4{display:grid;gap:20px;margin-bottom:20px}.prod-form-grid-4{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.prod-form-group{display:flex;flex-direction:column;gap:8px}.prod-form-full{grid-column:1/-1}.prod-form-label{color:#374151;font-size:.95rem;font-weight:600}.prod-form-input,.prod-form-select,.prod-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;padding:14px 16px;transition:all .3s ease}.prod-form-input:focus,.prod-form-select:focus,.prod-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.prod-form-textarea{min-height:80px;resize:vertical}.prod-input-disabled{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed!important}.prod-sku-input-group{align-items:flex-start;display:flex;gap:12px}.prod-sku-toggle{flex-shrink:0;margin-bottom:8px}.prod-checkbox-group{display:flex;flex-wrap:wrap;gap:20px}.prod-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:12px}.prod-checkbox-input{display:none}.prod-checkbox-custom{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.prod-checkbox-input:checked+.prod-checkbox-custom{background:#667eea;border-color:#667eea}.prod-checkbox-input:checked+.prod-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.prod-image-upload-section{display:flex;flex-direction:column;gap:20px}.prod-image-upload-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.prod-image-upload-input{display:none}.prod-image-upload-hint{color:#6b7280;font-size:.9rem}.prod-image-previews-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.prod-image-preview-item{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;height:220px;overflow:hidden;position:relative;transition:all .3s ease}.prod-image-preview-item:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.prod-image-preview-img{display:block;height:160px;object-fit:cover;width:100%}.prod-image-actions{background:linear-gradient(#0000,#000c);bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;padding:12px;position:absolute;right:0;transition:opacity .3s ease}.prod-image-preview-item:hover .prod-image-actions{opacity:1}.prod-primary-indicator{background:#22c55e;border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.prod-no-images-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;grid-column:1/-1;padding:60px 20px;text-align:center}.prod-no-images-icon{font-size:48px;margin-bottom:16px;opacity:.5}.prod-variant-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.prod-variants-list{display:flex;flex-direction:column;gap:16px}.prod-variants-title{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px}.prod-variant-item{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.prod-variant-item:hover{border-color:#667eea;transform:translateY(-1px)}.prod-variant-item-header{align-items:center;display:flex;justify-content:space-between}.prod-variant-item-details{grid-gap:8px;color:#6b7280;display:grid;font-size:.85rem;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.prod-tags-section{display:flex;flex-direction:column;gap:16px}.prod-tag-input{display:flex;gap:12px}.prod-tags-list{display:flex;flex-wrap:wrap;gap:8px}.prod-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.prod-tag,.prod-tag button{align-items:center;color:#fff;display:flex}.prod-tag button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:18px;justify-content:center;padding:0;transition:background .3s ease;width:18px}.prod-tag button:hover{background:#fff3}.prod-detail-view{display:flex;flex-direction:column;gap:28px}.prod-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.prod-detail-section-title{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.prod-images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.prod-image-item{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative}.prod-detail-image{height:150px;object-fit:cover;width:100%}.prod-primary-badge{background:#22c55e;border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.prod-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.prod-detail-item{display:flex;flex-direction:column;gap:6px}.prod-detail-full{grid-column:1/-1}.prod-detail-label{color:#374151;font-size:.95rem;font-weight:600}.prod-detail-value{color:#6b7280;font-size:.95rem;line-height:1.4}.prod-variants-table{margin-top:16px;overflow-x:auto}.prod-variants-inner-table{border-collapse:collapse;font-size:.9rem;width:100%}.prod-variants-inner-table td,.prod-variants-inner-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.prod-variants-inner-table th{background:#f8f9fa;color:#374151;font-weight:600}.prod-variants-inner-table code{background:#f3f4f6;border-radius:6px;font-family:Courier New,monospace;font-size:.8rem;padding:4px 8px}@media (max-width:1024px){.prod-table-container{overflow-x:auto}.prod-table{min-width:1000px}.prod-modal-extra-large{max-width:98%;width:98%}}@media (max-width:768px){.prod-page-wrapper{padding:16px}.prod-header-content{flex-direction:column;gap:20px}.prod-header-actions{flex-direction:column;justify-content:stretch;width:100%}.prod-search-box{min-width:auto;order:-1;width:100%}.prod-filter-controls{align-items:stretch;flex-direction:column}.prod-filter-select{width:100%}.prod-pagination{flex-direction:column;gap:16px;text-align:center}.prod-modal{margin:10px;width:95%}.prod-modal-body,.prod-modal-footer,.prod-modal-header{padding-left:24px;padding-right:24px}.prod-form-grid-3,.prod-form-grid-4{gap:16px;grid-template-columns:1fr}.prod-sku-input-group{flex-direction:column;gap:8px}.prod-checkbox-group{flex-direction:column;gap:16px}.prod-image-previews-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.prod-image-preview-item{height:180px}.prod-image-preview-img{height:130px}.prod-tag-input{flex-direction:column;gap:8px}}@media (max-width:480px){.prod-page-title{font-size:2rem}.prod-table-actions{flex-wrap:wrap;gap:4px}.prod-action-btn{font-size:.8rem;height:32px;width:32px}.prod-detail-section,.prod-form-section{padding:20px}}.prod-form-scrollable::-webkit-scrollbar{width:8px}.prod-form-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.prod-form-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.prod-form-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cat-page-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.cat-page-header{margin-bottom:32px}.cat-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.cat-header-text{flex:1 1;min-width:300px}.cat-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.cat-page-subtitle{color:#6b7280;font-size:1.1rem;font-weight:500}.cat-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.cat-search-box{min-width:280px;position:relative}.cat-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.cat-search-input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;outline:none}.cat-search-icon{color:#9ca3af;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.cat-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.cat-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cat-btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.cat-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.cat-btn:active{transform:translateY(0)}.cat-btn-icon{font-size:1.1rem}.cat-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.cat-loading-spinner{animation:cat-spin 1s linear infinite;border:4px solid #e5e7eb;border-left-color:#667eea;border-radius:50%;height:48px;margin-bottom:16px;width:48px}@keyframes cat-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cat-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.cat-table{background:#fff;border-collapse:collapse;width:100%}.cat-table-header{background:linear-gradient(135deg,#667eea,#764ba2)}.cat-table-th{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:20px 16px;text-align:left;text-transform:uppercase}.cat-table-th.sortable{cursor:pointer;transition:background .3s ease;-webkit-user-select:none;user-select:none}.cat-table-th.sortable:hover{background:#ffffff1a}.cat-table-sort-header{align-items:center;display:flex;gap:8px}.cat-sort-icon{font-size:.8rem;opacity:.8}.cat-table-body{background:#fff}.cat-table-row{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.cat-table-row:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.cat-table-td{padding:20px 16px;vertical-align:middle}.cat-table-image-cell{width:80px}.cat-table-image-wrapper{border:2px solid #f3f4f6;border-radius:12px;height:60px;overflow:hidden;width:60px}.cat-table-img{height:100%;object-fit:cover;width:100%}.cat-table-name-cell{min-width:200px}.cat-table-name-content{display:flex;flex-direction:column;gap:4px}.cat-table-name{color:#1f2937;font-size:1rem;font-weight:700}.cat-table-slug{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Courier New,monospace;font-size:.8rem;padding:2px 6px}.cat-table-description-cell{max-width:300px;min-width:200px}.cat-table-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;line-height:1.4;overflow:hidden}.cat-no-description{color:#9ca3af;font-style:italic}.cat-table-sort-order-cell{text-align:center;width:100px}.cat-sort-order-badge{background:#f3f4f6;border-radius:20px;color:#374151;font-size:.85rem;font-weight:700;padding:6px 12px}.cat-table-status-cell{width:120px}.cat-status-container{display:flex;justify-content:center}.cat-status-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.cat-status-active{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}.cat-status-inactive{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.cat-table-subcategories-cell{text-align:center;width:120px}.cat-subcategories-count{align-items:center;display:flex;flex-direction:column;gap:2px}.cat-subcategories-number{color:#667eea;font-size:1.1rem;font-weight:700}.cat-subcategories-label{color:#6b7280;font-size:.75rem;text-transform:lowercase}.cat-table-date-cell{color:#6b7280;font-size:.9rem;width:120px}.cat-table-actions-cell{width:200px}.cat-table-actions{display:flex;gap:6px;justify-content:center}.cat-table-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.cat-table-btn-view{background:#3b82f61a;color:#3b82f6}.cat-table-btn-edit{background:#f59e0b1a;color:#f59e0b}.cat-table-btn-activate{background:#22c55e1a;color:#22c55e}.cat-table-btn-deactivate,.cat-table-btn-delete{background:#ef44441a;color:#ef4444}.cat-table-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.cat-empty-state{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-top:24px;padding:80px 24px;text-align:center}.cat-empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.cat-empty-title{color:#374151;font-size:1.8rem;font-weight:700;margin-bottom:12px}.cat-empty-description{color:#6b7280;font-size:1.1rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.cat-empty-action{font-size:1rem;padding:14px 28px}.cat-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cat-modal{animation:cat-modal-appear .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.cat-modal-large{max-width:700px}@keyframes cat-modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cat-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px 32px 0}.cat-modal-title{color:#1f2937;font-size:1.6rem;font-weight:700;margin:0}.cat-modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:28px;padding:4px;transition:all .3s ease}.cat-modal-close:hover{background:#f3f4f6;color:#374151}.cat-modal-body{padding:0 32px}.cat-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px 32px 32px}.cat-detail-view{display:flex;flex-direction:column;gap:24px}.cat-detail-image-section{text-align:center}.cat-detail-image{border-radius:16px;box-shadow:0 8px 25px #00000026;max-height:150px;max-width:200px;object-fit:cover}.cat-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.cat-detail-item{align-items:flex-start;background:#f8fafc;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.cat-detail-label{color:#374151;font-size:.9rem;font-weight:600}.cat-detail-value{color:#6b7280;font-size:.9rem;text-align:right}.cat-detail-slug{background:#e5e7eb;border-radius:6px;font-family:Courier New,monospace;font-size:.8rem;padding:4px 8px}.cat-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.cat-form-group{display:flex;flex-direction:column}.cat-form-full{grid-column:1/-1}.cat-form-label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:8px}.cat-form-input,.cat-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;padding:14px 16px;transition:all .3s ease}.cat-form-input:focus,.cat-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.cat-form-textarea{min-height:80px;resize:vertical}.cat-image-upload{display:flex;flex-direction:column;gap:16px}.cat-image-input{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:12px;transition:all .3s ease}.cat-image-input:hover{border-color:#9ca3af}.cat-image-input:focus{border-color:#667eea;outline:none}.cat-image-preview-container{text-align:center}.cat-image-preview{border-radius:12px;box-shadow:0 4px 12px #00000026;display:inline-block;overflow:hidden}.cat-image-preview img{max-height:150px;max-width:200px;object-fit:cover}.cat-checkbox-wrapper{margin-top:8px}.cat-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:12px}.cat-checkbox-input{display:none}.cat-checkbox-custom{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.cat-checkbox-input:checked+.cat-checkbox-custom{background:#667eea;border-color:#667eea}.cat-checkbox-input:checked+.cat-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}@media (max-width:1024px){.cat-table-container{overflow-x:auto}.cat-table{min-width:1000px}}@media (max-width:768px){.cat-page-wrapper{padding:16px}.cat-header-content{flex-direction:column;gap:20px}.cat-header-actions{justify-content:stretch;width:100%}.cat-search-box{flex:1 1;min-width:auto}.cat-modal{margin:10px;width:95%}.cat-modal-body,.cat-modal-footer,.cat-modal-header{padding-left:24px;padding-right:24px}.cat-detail-item{align-items:flex-start;flex-direction:column;gap:8px}.cat-detail-value{text-align:left}.cat-form-grid{grid-template-columns:1fr}}@media (max-width:480px){.cat-page-title{font-size:2rem}.cat-header-actions{flex-direction:column}.cat-search-box{order:-1}.cat-table-actions{flex-wrap:wrap;gap:4px}.cat-table-btn{font-size:.8rem;height:32px;width:32px}}.subcat-page-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.subcat-page-header{margin-bottom:32px}.subcat-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.subcat-header-text{flex:1 1;min-width:300px}.subcat-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.subcat-page-subtitle{color:#6b7280;font-size:1.1rem;font-weight:500}.subcat-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.subcat-search-box{min-width:280px;position:relative}.subcat-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.subcat-search-input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;outline:none}.subcat-search-icon{color:#9ca3af;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.subcat-filter-section{position:relative}.subcat-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;min-width:200px;padding:12px 16px;transition:all .3s ease}.subcat-filter-select:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;outline:none}.subcat-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.subcat-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subcat-btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.subcat-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.subcat-btn:active{transform:translateY(0)}.subcat-btn-icon{font-size:1.1rem}.subcat-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.subcat-loading-spinner{animation:subcat-spin 1s linear infinite;border:4px solid #e5e7eb;border-left-color:#667eea;border-radius:50%;height:48px;margin-bottom:16px;width:48px}@keyframes subcat-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subcat-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.subcat-table{background:#fff;border-collapse:collapse;width:100%}.subcat-table-header{background:linear-gradient(135deg,#667eea,#764ba2)}.subcat-table-th{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:20px 16px;text-align:left;text-transform:uppercase}.subcat-table-th.sortable{cursor:pointer;transition:background .3s ease;-webkit-user-select:none;user-select:none}.subcat-table-th.sortable:hover{background:#ffffff1a}.subcat-table-sort-header{align-items:center;display:flex;gap:8px}.subcat-sort-icon{font-size:.8rem;opacity:.8}.subcat-table-body{background:#fff}.subcat-table-row{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.subcat-table-row:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.subcat-table-td{padding:20px 16px;vertical-align:middle}.subcat-table-image-cell{width:80px}.subcat-table-image-wrapper{border:2px solid #f3f4f6;border-radius:12px;height:60px;overflow:hidden;width:60px}.subcat-table-img{height:100%;object-fit:cover;width:100%}.subcat-table-name-cell{min-width:200px}.subcat-table-name-content{display:flex;flex-direction:column;gap:4px}.subcat-table-name{color:#1f2937;font-size:1rem;font-weight:700}.subcat-table-slug{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Courier New,monospace;font-size:.8rem;padding:2px 6px}.subcat-table-category-cell{width:150px}.subcat-category-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.subcat-table-description-cell{max-width:300px;min-width:200px}.subcat-table-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;line-height:1.4;overflow:hidden}.subcat-no-description{color:#9ca3af;font-style:italic}.subcat-table-sort-order-cell{text-align:center;width:100px}.subcat-sort-order-badge{background:#f3f4f6;border-radius:20px;color:#374151;font-size:.85rem;font-weight:700;padding:6px 12px}.subcat-table-status-cell{width:120px}.subcat-status-container{display:flex;justify-content:center}.subcat-status-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.subcat-status-active{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}.subcat-status-inactive{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.subcat-table-date-cell{color:#6b7280;font-size:.9rem;width:120px}.subcat-table-actions-cell{width:200px}.subcat-table-actions{display:flex;gap:6px;justify-content:center}.subcat-table-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.9rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.subcat-table-btn-view{background:#3b82f61a;color:#3b82f6}.subcat-table-btn-edit{background:#f59e0b1a;color:#f59e0b}.subcat-table-btn-activate{background:#22c55e1a;color:#22c55e}.subcat-table-btn-deactivate,.subcat-table-btn-delete{background:#ef44441a;color:#ef4444}.subcat-table-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.subcat-empty-state{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-top:24px;padding:80px 24px;text-align:center}.subcat-empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.subcat-empty-title{color:#374151;font-size:1.8rem;font-weight:700;margin-bottom:12px}.subcat-empty-description{color:#6b7280;font-size:1.1rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.subcat-empty-action{font-size:1rem;padding:14px 28px}.subcat-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.subcat-modal{animation:subcat-modal-appear .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.subcat-modal-large{max-width:700px}@keyframes subcat-modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.subcat-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px 32px 0}.subcat-modal-title{color:#1f2937;font-size:1.6rem;font-weight:700;margin:0}.subcat-modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:28px;padding:4px;transition:all .3s ease}.subcat-modal-close:hover{background:#f3f4f6;color:#374151}.subcat-modal-body{padding:0 32px}.subcat-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px 32px 32px}.subcat-detail-view{display:flex;flex-direction:column;gap:24px}.subcat-detail-image-section{text-align:center}.subcat-detail-image{border-radius:16px;box-shadow:0 8px 25px #00000026;max-height:150px;max-width:200px;object-fit:cover}.subcat-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.subcat-detail-item{align-items:flex-start;background:#f8fafc;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.subcat-detail-label{color:#374151;font-size:.9rem;font-weight:600}.subcat-detail-value{color:#6b7280;font-size:.9rem;text-align:right}.subcat-detail-slug{background:#e5e7eb;border-radius:6px;font-family:Courier New,monospace;font-size:.8rem;padding:4px 8px}.subcat-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.subcat-form-group{display:flex;flex-direction:column}.subcat-form-full{grid-column:1/-1}.subcat-form-label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:8px}.subcat-form-input,.subcat-form-select,.subcat-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;padding:14px 16px;transition:all .3s ease}.subcat-form-input:focus,.subcat-form-select:focus,.subcat-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.subcat-form-textarea{min-height:80px;resize:vertical}.subcat-image-upload{display:flex;flex-direction:column;gap:16px}.subcat-image-input{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:12px;transition:all .3s ease}.subcat-image-input:hover{border-color:#9ca3af}.subcat-image-input:focus{border-color:#667eea;outline:none}.subcat-image-preview-container{text-align:center}.subcat-image-preview{border-radius:12px;box-shadow:0 4px 12px #00000026;display:inline-block;overflow:hidden;position:relative}.subcat-image-preview img{max-height:150px;max-width:200px;object-fit:cover}.subcat-btn-remove-image{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.subcat-btn-remove-image:hover{background:#c82333;transform:scale(1.1)}.subcat-checkbox-wrapper{margin-top:8px}.subcat-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:12px}.subcat-checkbox-input{display:none}.subcat-checkbox-custom{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.subcat-checkbox-input:checked+.subcat-checkbox-custom{background:#667eea;border-color:#667eea}.subcat-checkbox-input:checked+.subcat-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}@media (max-width:1024px){.subcat-table-container{overflow-x:auto}.subcat-table{min-width:1000px}}@media (max-width:768px){.subcat-page-wrapper{padding:16px}.subcat-header-content{flex-direction:column;gap:20px}.subcat-header-actions{flex-direction:column;justify-content:stretch;width:100%}.subcat-filter-section,.subcat-search-box{min-width:auto;width:100%}.subcat-filter-select{width:100%}.subcat-modal{margin:10px;width:95%}.subcat-modal-body,.subcat-modal-footer,.subcat-modal-header{padding-left:24px;padding-right:24px}.subcat-detail-item{align-items:flex-start;flex-direction:column;gap:8px}.subcat-detail-value{text-align:left}.subcat-form-grid{grid-template-columns:1fr}}@media (max-width:480px){.subcat-page-title{font-size:2rem}.subcat-header-actions{flex-direction:column}.subcat-search-box{order:-1}.subcat-table-actions{flex-wrap:wrap;gap:4px}.subcat-table-btn{font-size:.8rem;height:32px;width:32px}}.barcode-management-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.barcode-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:20px;padding:30px}.barcode-header-content{align-items:center;display:flex;justify-content:space-between}.barcode-header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.barcode-header-title p{color:#666;font-size:1.1rem;margin:5px 0 0}.barcode-header-stats{align-items:center;display:flex;gap:20px}.barcode-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;min-width:100px;padding:15px 20px;text-align:center}.barcode-stat-number{display:block;font-size:2rem;font-weight:700}.barcode-stat-label{opacity:.9}.barcode-btn-refresh{align-items:center;background:#667eea1a;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.barcode-btn-refresh:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.barcode-navigation-tabs{display:flex;gap:10px;margin-bottom:20px}.barcode-tab-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:15px 25px;transition:all .3s ease}.barcode-tab-button.barcode-tab-active{background:#fffffff2;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.barcode-tab-button:disabled{cursor:not-allowed;opacity:.5}.barcode-main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.barcode-filters-section{margin-bottom:30px}.barcode-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.barcode-filters-header h3{color:#333;margin:0}.barcode-btn-clear{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.barcode-filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr}.barcode-filter-group input,.barcode-filter-group select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.barcode-filter-group input:focus,.barcode-filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.barcode-search-input{background-position:12px;background-repeat:no-repeat;padding-left:40px}.barcode-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.barcode-product-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:all .3s ease}.barcode-product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.barcode-product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.barcode-product-badge{font-size:1.5rem}.barcode-product-status{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.barcode-status-dot{border-radius:50%;height:8px;width:8px}.barcode-status-dot.barcode-status-active{background:#4caf50}.barcode-status-dot.barcode-status-inactive{background:#f44336}.barcode-product-name{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 10px}.barcode-product-sku{color:#666;font-size:.9rem;margin:0 0 5px}.barcode-product-brand{color:#888;font-size:.9rem;margin:0 0 10px}.barcode-product-category{color:#667eea;font-size:.85rem;margin-bottom:10px}.barcode-variant-indicator{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.barcode-variant-indicator.barcode-has-variants{background:#e3f2fd;color:#1976d2}.barcode-variant-indicator.barcode-no-variants{background:#f5f5f5;color:#757575}.barcode-product-actions{display:flex;gap:10px;margin-top:15px}.barcode-btn-generate,.barcode-btn-history{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.barcode-btn-generate{background:#4caf50;color:#fff}.barcode-btn-history{background:#2196f3;color:#fff}.barcode-btn-generate:hover,.barcode-btn-history:hover{opacity:.9;transform:translateY(-2px)}.barcode-empty-state{color:#666;padding:60px 20px;text-align:center}.barcode-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.barcode-empty-state h3{color:#333;margin:0 0 10px}.barcode-empty-state p{margin:0 0 20px}.barcode-btn-primary{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.barcode-btn-primary:hover{background:#5a6fd8;transform:translateY(-2px)}.barcode-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.barcode-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.barcode-modal.barcode-modal-large{max-width:800px}.barcode-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:25px}.barcode-modal-header h2{color:#333;margin:0}.barcode-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.barcode-modal-body{padding:25px}.barcode-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;padding:25px}.barcode-btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.barcode-btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.barcode-product-preview{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:15px;margin-bottom:20px;padding:20px}.barcode-product-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.barcode-product-details h3{color:#333;margin:0 0 5px}.barcode-product-details p{color:#666;font-size:.9rem;margin:2px 0}.barcode-generation-type{margin-bottom:20px}.barcode-generation-type label{color:#333;display:block;font-weight:600;margin-bottom:10px}.barcode-type-selector{display:flex;gap:10px}.barcode-type-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.barcode-type-btn.barcode-type-active{background:#667eea;border-color:#667eea;color:#fff}.barcode-quantity-input label{color:#333;display:block;font-weight:600;margin-bottom:10px}.barcode-input-group{align-items:center;display:flex;gap:10px}.barcode-input-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;text-align:center;width:100px}.barcode-input-label{color:#666;font-weight:500}.barcode-variants-section label{color:#333;display:block;font-weight:600;margin-bottom:10px}.barcode-variants-list{margin-bottom:15px;max-height:200px;overflow-y:auto}.barcode-variant-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.barcode-variant-name{font-weight:500}.barcode-quantity-control{align-items:center;display:flex;gap:10px}.barcode-quantity-control button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.barcode-quantity-control button:disabled{cursor:not-allowed;opacity:.5}.barcode-quantity-control span{font-weight:600;min-width:30px;text-align:center}.barcode-total-quantity{background:#f8f9fa;border-radius:8px;font-weight:600;padding:12px;text-align:center}.barcode-generated-view{min-height:400px}.barcode-view-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.barcode-header-info h2{color:#333;margin:0 0 5px}.barcode-header-info p{color:#666;margin:0 0 10px}.barcode-variant-summary{display:flex;flex-wrap:wrap;gap:10px}.barcode-variant-summary-item{background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:.85rem;padding:4px 8px}.barcode-view-actions{display:flex;flex-wrap:wrap;gap:10px}.barcode-btn-copy{background:#6c757d}.barcode-btn-copy,.barcode-btn-excel{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.barcode-btn-excel{background:#217346}.barcode-btn-boxhero{background:#ff6b35}.barcode-btn-boxhero,.barcode-btn-print{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.barcode-btn-print{background:#28a745}.barcode-btn-copy:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.barcode-btn-excel:hover:not(:disabled){background:#1a5c38;transform:translateY(-2px)}.barcode-btn-boxhero:hover:not(:disabled){background:#e55a2b;transform:translateY(-2px)}.barcode-btn-print:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.barcode-btn-print.barcode-printing{background:#ffc107;cursor:not-allowed}.barcode-btn-boxhero:disabled,.barcode-btn-copy:disabled,.barcode-btn-excel:disabled,.barcode-btn-print:disabled{cursor:not-allowed;opacity:.6;transform:none}.barcode-controls{margin-bottom:20px}.barcode-select-controls{align-items:center;display:flex;gap:10px}.barcode-display-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:60vh;overflow-y:auto}.barcode-display-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.barcode-display-card:hover{border-color:#667eea;transform:translateY(-2px)}.barcode-display-card input[type=checkbox]{height:18px;width:18px}.barcode-display-content{flex:1 1}.barcode-display-number{color:#333;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;margin-bottom:5px}.barcode-display-details{color:#666;font-size:.85rem}.barcode-display-details div{margin-bottom:2px}.barcode-printing-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.barcode-printing-message{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:30px;text-align:center}.barcode-printing-spinner{animation:barcode-spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}@keyframes barcode-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.barcode-printing-note{color:#666;font-size:.9rem;margin-top:10px}.barcode-history-stats{background:#f8f9fa;border-radius:12px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.barcode-stat-item{flex:1 1;text-align:center}.barcode-stat-value{color:#333;display:block;font-size:2rem;font-weight:700}.barcode-stat-value.barcode-stat-used{color:#f44336}.barcode-stat-value.barcode-stat-unused{color:#4caf50}.barcode-stat-label{color:#666;font-size:.9rem;margin-top:5px}.barcode-history-list{margin-top:20px}.barcode-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.barcode-select-all{align-items:center;display:flex;gap:8px}.barcode-history-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;max-height:400px;overflow-y:auto}.barcode-history-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.barcode-history-item:hover{border-color:#667eea;transform:translateX(5px)}.barcode-history-content{flex:1 1}.barcode-history-number{color:#333;font-family:Courier New,monospace;font-weight:700;margin-bottom:5px}.barcode-history-meta{align-items:center;display:flex;gap:10px}.barcode-variant-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;padding:2px 6px}.barcode-history-status{border-radius:10px;font-size:.8rem;font-weight:500;padding:2px 8px}.barcode-history-status.barcode-status-used{background:#ffebee;color:#c62828}.barcode-history-status.barcode-status-unused{background:#e8f5e8;color:#2e7d32}.barcode-history-date{color:#999;font-size:.8rem;margin-top:5px}.barcode-loading-screen{align-items:center;color:#fff;display:flex;flex-direction:column;height:50vh;justify-content:center}.barcode-loading-spinner{animation:barcode-spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@media (max-width:768px){.barcode-management-container{padding:10px}.barcode-header-content{flex-direction:column;gap:20px;text-align:center}.barcode-filters-grid,.barcode-products-grid{grid-template-columns:1fr}.barcode-view-header{flex-direction:column;gap:20px}.barcode-view-actions{justify-content:stretch;width:100%}.barcode-view-actions button{flex:1 1;min-width:120px}.barcode-modal{margin:10px;width:95%}.barcode-type-selector{flex-direction:column}.barcode-history-stats,.barcode-list-header{flex-direction:column;gap:15px}.barcode-list-header{align-items:flex-start}}.swal2-container .swal2-html-container{text-align:left}.swal2-container .swal2-html-container ol,.swal2-container .swal2-html-container ul{margin-bottom:15px;margin-left:20px}.swal2-container .swal2-html-container li{margin-bottom:8px}.swal2-container .swal2-html-container h4,.swal2-container .swal2-html-container h5{color:#333;margin-bottom:10px;margin-top:15px}.swal2-container .swal2-html-container a{color:#667eea;text-decoration:none}.swal2-container .swal2-html-container a:hover{text-decoration:underline}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.orders-table th{color:#495057;font-size:14px;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.orders-table tbody tr:hover,.orders-table th{background:#f8f9fa}.order-number{color:#2c3e50;font-family:Courier New,monospace;font-weight:700}.cashier-info{display:flex;flex-direction:column;gap:2px}.cashier-name{color:#495057;font-weight:600}.cashier-id{color:#6c757d;font-size:.8rem}.no-cashier{color:#6c757d;font-style:italic}.items-count{color:#495057;font-weight:600;margin-bottom:4px}.items-preview{display:flex;flex-direction:column;gap:2px}.item-name{color:#6c757d;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-items{color:#adb5bd;font-size:.75rem;font-style:italic}.amount-cell{font-family:Courier New,monospace}.amount-cell strong{color:#2c3e50;font-size:1rem}.change-info,.tender-info{color:#6c757d;font-size:.8rem;margin-top:2px}.payment-method{align-items:center;display:flex;gap:4px}.status-badge{font-size:.75rem}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.processing{background:#cce7ff;color:#004085}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-badge.refunded{background:#e2e3e5;color:#383d41}.btn{font-size:.8rem;gap:4px;padding:6px 10px}.btn-status{background:#6f42c1}.btn-clear{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px}.btn:hover{opacity:.9}.filters-section.single-row{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px 20px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filters-row .filter-group{flex:1 1;margin-bottom:0;min-width:150px}.filters-row .filter-input,.filters-row .filter-select{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;height:38px;padding:8px 12px;width:100%}.filter-actions{gap:8px}.filter-actions,.pagination{align-items:center;display:flex}.pagination{flex-wrap:wrap;gap:5px;justify-content:center;margin-top:30px;padding:20px}.pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#007bff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-ellipsis{color:#6c757d;padding:8px 12px}.order-detail-view{display:flex;flex-direction:column;gap:25px}.order-header{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:20px}.order-meta{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{gap:5px}.meta-item label{color:#495057;font-size:.9rem;font-weight:600}.meta-item span{color:#6c757d;font-size:.95rem}.order-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.order-summary h4{color:#2c3e50;margin:0 0 15px}.summary-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;border-bottom:1px solid #f8f9fa;justify-content:space-between;padding:8px 0}.summary-item.total{border-bottom:none;border-top:2px solid #e9ecef;color:#2c3e50;font-size:1.1rem;font-weight:700;margin-top:10px;padding-top:15px}.summary-item label{color:#495057}.summary-item span{color:#6c757d;font-family:Courier New,monospace}.order-items{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.order-items h4{color:#2c3e50;margin:0 0 15px}.items-table{overflow-x:auto}.items-table table{border-collapse:collapse;width:100%}.items-table td,.items-table th{border-bottom:1px solid #e9ecef;padding:10px 12px;text-align:left}.items-table th{font-size:.9rem}.product-info{display:flex;flex-direction:column;gap:2px}.product-brand{color:#6c757d;font-size:.8rem}.barcode-info code{background:#f8f9fa;border-radius:3px;font-family:Courier New,monospace;font-size:.8rem;padding:2px 4px}.barcodes-used{margin-top:4px}.barcodes-used small{color:#6c757d;display:block;font-family:Courier New,monospace;font-size:.7rem}.cashier-details{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.cashier-details h4{color:#2c3e50;margin:0 0 15px}.cashier-card{background:#f8f9fa;border-radius:6px;gap:15px;padding:15px}.cashier-avatar,.cashier-card{align-items:center;display:flex}.cashier-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:50px;justify-content:center;width:50px}.cashier-info h5{color:#2c3e50;margin:0 0 5px}.cashier-info p{color:#6c757d;font-size:.9rem;margin:2px 0}.online-status{color:#28a745;font-size:.8rem;font-weight:600}.order-notes{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.order-notes h4{color:#2c3e50;margin:0 0 15px}.notes-content{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:6px;color:#495057;line-height:1.5;padding:15px}.edit-order-form{gap:15px}.edit-order-form,.edit-order-form .form-group{display:flex;flex-direction:column}.edit-order-form .form-group.full-width{grid-column:1/-1}.edit-order-form .form-group label{color:#495057;font-weight:600;margin-bottom:8px}.edit-order-form .form-group input,.edit-order-form .form-group select,.edit-order-form .form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:10px}.edit-order-form .form-group small{color:#6c757d;font-size:.8rem;margin-top:5px}.current-info{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:6px;padding:15px}.current-info h5{color:#495057;margin:0 0 10px}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;justify-content:space-between;padding:5px 0}.info-item label{color:#495057;font-size:.9rem}.info-item span{color:#6c757d;font-size:.9rem}.status-change-form{display:flex;flex-direction:column;gap:15px}.current-status{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:10px;padding:10px}.current-status label{color:#495057;font-weight:600}.status-change-form .form-group{display:flex;flex-direction:column}.status-change-form .form-group label{color:#495057;font-weight:600;margin-bottom:8px}.status-change-form .form-group select{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:10px}.status-description{background:#e7f3ff;border-left:4px solid #007bff;border-radius:6px;padding:15px}.status-description strong{color:#004085;display:block;margin-bottom:5px}.status-description p{color:#004085;font-size:.9rem;margin:0}.status-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;padding:10px}.status-warning p{color:#856404;font-size:.9rem;margin:0}.modal{max-width:800px}.modal-large{max-width:1000px}.modal-header{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{font-size:1.4rem}.modal-close{align-items:center;display:flex;height:30px;justify-content:center;padding:0;width:30px}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{background:#fff;bottom:0;position:-webkit-sticky;position:sticky}.loading,.no-data{padding:60px 20px}.no-data-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-data h3{color:#495057;margin:0 0 10px}.no-data p{font-size:1.1rem;margin:0 0 20px}@media (max-width:768px){.filters-row{flex-direction:column;gap:8px}.filters-row .filter-group{min-width:100%}.orders-table{font-size:14px}.orders-table td,.orders-table th{padding:8px 10px}.action-buttons{flex-direction:column;gap:3px}.modal{margin:10px;width:95%}.order-meta,.summary-grid{grid-template-columns:1fr}.items-table{font-size:14px}.items-table td,.items-table th{padding:8px 6px}.pagination{flex-direction:column;gap:10px}.pagination-btn{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.cashier-card{flex-direction:column;text-align:center}.modal-body{padding:15px}}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-actions{display:flex;gap:10px}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.users-table th{color:#495057;font-size:14px;font-weight:600}.users-table tbody tr:hover,.users-table th{background:#f8f9fa}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.role-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.role-super-admin{background:#fff3cd;color:#856404}.role-admin{background:#d1ecf1;color:#0c5460}.role-manager{background:#d4edda;color:#155724}.role-admin-employer,.role-user{background:#e2e3e5;color:#383d41}.action-buttons{gap:5px}.btn{display:flex;padding:8px 12px}.btn-view{background:#17a2b8;color:#fff}.btn-edit{background:#ffc107;color:#212529}.btn-status{color:#fff}.btn-active{background:#28a745}.btn-delete,.btn-inactive{background:#dc3545}.btn-delete{color:#fff}.btn-primary{background:#007bff;padding:10px 20px}.btn-secondary{background:#6c757d;color:#fff;padding:10px 20px}.btn-link{background:none;color:#007bff;font-size:12px;padding:0;text-decoration:underline}.btn:hover{opacity:.8;transform:translateY(-1px)}.modal-overlay{background:#00000080}.modal{max-width:500px}.modal-large{max-width:800px}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#495057}.modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px}.modal-footer{border-top:1px solid #e0e0e0}.user-details{display:flex;flex-direction:column;gap:15px}.detail-row{align-items:flex-start;display:flex}.detail-row label{color:#495057;flex-shrink:0;font-weight:600;width:120px}.detail-row span{color:#6c757d;flex:1 1}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff}.permissions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.permissions-grid{grid-gap:10px;border:1px solid #e0e0e0;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:10px}.permission-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;padding:5px}.permission-checkbox input[type=checkbox]{margin:0}.permission-checkbox:hover{background:#f8f9fa}.loading,.no-data{color:#6c757d;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:flex-start;width:100%}.form-grid,.permissions-grid{grid-template-columns:1fr}.users-table{font-size:14px}.users-table td,.users-table th{padding:8px 10px}.action-buttons{flex-direction:column;gap:3px}.detail-row{flex-direction:column;gap:5px}.detail-row label{width:100%}}.purchase-orders-container{padding:20px}.purchase-orders-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.purchase-orders-header h1{color:#2c3e50;font-size:28px;margin:0}.purchase-orders-header p{color:#7f8c8d;margin:5px 0 0}.purchase-orders-actions{display:flex;gap:15px}.purchase-orders-controls{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.purchase-orders-search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.purchase-orders-search-box{flex:1 1;min-width:300px;position:relative}.purchase-orders-search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.purchase-orders-search-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.purchase-orders-search-icon{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.purchase-orders-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.purchase-orders-filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:12px 16px;transition:all .2s ease}.purchase-orders-filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.purchase-orders-sort-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.purchase-orders-sort-btn:hover{background:#f8f9fa;border-color:#3498db}.purchase-orders-clear-filters-btn{background:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.purchase-orders-clear-filters-btn:hover{background:#dc3545;color:#fff}.purchase-orders-results-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.purchase-orders-search-term{background:#e3f2fd;border-radius:4px;color:#1565c0;font-weight:500;padding:4px 8px}.purchase-orders-sortable-header{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.purchase-orders-sortable-header:hover{background-color:#f8f9fa}.purchase-orders-empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#6c757d;padding:60px 20px;text-align:center}.purchase-orders-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.purchase-orders-empty-state h3{color:#495057;font-size:20px;margin-bottom:8px}.purchase-orders-empty-state p{font-size:14px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:400px}.purchase-orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.purchase-orders-table{border-collapse:collapse;width:100%}.purchase-orders-table th{background:#34495e;color:#fff;font-size:14px;font-weight:600;padding:15px;text-align:left}.purchase-orders-table td{border-bottom:1px solid #ecf0f1;font-size:14px;padding:15px}.purchase-orders-table tr:hover{background:#f8f9fa}.purchase-orders-table tr:last-child td{border-bottom:none}.status-draft{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-ordered{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-delivered{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-cancelled{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-partial{background:#ffeaa7;border:1px solid #fdcb6e;color:#856404}.items-section{border:1px solid #e9ecef;border-radius:6px;margin:25px 0;overflow:hidden}.section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.section-header h4{color:#495057;margin:0}.item-row{background:#fff;border-bottom:1px solid #e9ecef;padding:20px}.item-row:last-child{border-bottom:none}.item-form-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr auto}.remove-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;height:-webkit-fit-content;height:fit-content;padding:8px 12px}.remove-btn:hover{background:#c0392b}.total-section{background:#f8f9fa;border-top:2px solid #dee2e6;color:#2c3e50;font-size:18px;font-weight:600;padding:20px;text-align:right}.large-modal{max-width:900px!important}.xlarge-modal{max-width:1200px!important}.po-details{background:#fff;border-radius:8px}.po-header{background:#34495e;border-radius:8px 8px 0 0;color:#fff;padding:25px}.po-header h2{font-size:24px;margin:0 0 10px}.po-meta{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.meta-label{font-size:12px;margin-bottom:5px;opacity:.8}.meta-value{font-weight:600}.po-body{padding:25px}.items-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin:20px 0;overflow:hidden;width:100%}.items-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 15px;text-align:left}.items-table td{border-bottom:1px solid #e9ecef;padding:12px 15px}.items-table tr:last-child td{border-bottom:none}.items-table tfoot{background:#f8f9fa;font-weight:600}.items-table tfoot td{border-top:2px solid #dee2e6}.amount-cell{text-align:right}.po-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;padding:20px 25px}.download-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:background .3s ease}.download-btn:hover{background:#218838;color:#fff;text-decoration:none}.action-buttons{flex-wrap:wrap}.btn{text-decoration:none}.readonly{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.loading{display:flex;gap:10px}.loading,.loading-spinner{align-items:center;justify-content:center}.loading-spinner{display:inline-flex}.loading-spinner.small{height:16px;width:16px}.loading-spinner.large{height:20px;width:20px}.spinner{border:2px solid #f3f3f3;border-top-color:#3498db}.loading-spinner.small .spinner{border-width:1px;height:12px;width:12px}.loading-spinner.large .spinner{border-width:2px;height:16px;width:16px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:disabled .loading-spinner{margin-right:8px}.amount-summary-preview,.vat-configuration-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.amount-summary-preview h4,.vat-configuration-section h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.amount-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.amount-summary h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.summary-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #dee2e6;color:#495057;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.help-text{color:#6c757d;display:block;font-size:12px;margin-top:5px}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-label{align-items:center;cursor:pointer;display:flex;gap:8px}.radio-label input[type=radio]{margin:0}.percentage-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.input-with-button{align-items:flex-start;display:flex;gap:10px}.input-with-button input{flex:1 1}.amount-breakdown{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px}.amount-row{display:flex;justify-content:space-between;padding:5px 0}.amount-row.total{border-top:1px solid #dee2e6;font-weight:700;margin-top:8px;padding-top:10px}.vat-details-section{background:#f8f9fa;border-left:4px solid #2e8b57;border-radius:8px;margin-top:20px;padding:15px}.vat-details-section h5{color:#2e8b57;font-size:14px;font-weight:600;margin:0 0 15px}.vat-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.vat-detail-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.vat-detail-item:last-child{border-bottom:none}.vat-label{color:#495057;font-size:13px;font-weight:500}.vat-value{color:#2e8b57;font-size:13px;font-weight:600}.delivery-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:20px}.meta-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.meta-item{display:flex;flex-direction:column}.meta-label{color:#495057;font-size:13px;font-weight:600;margin-bottom:8px}.meta-value{color:#2c3e50;font-size:14px;font-weight:500}.delivery-items-section{margin:25px 0}.delivery-items-section h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:15px}.items-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;overflow-x:auto}.delivery-items-table{border-collapse:collapse;min-width:800px;width:100%}.delivery-items-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:15px 12px;text-align:left}.delivery-items-table td{border-bottom:1px solid #e9ecef;font-size:13px;padding:12px;vertical-align:middle}.delivery-items-table tr:last-child td{border-bottom:none}.delivery-items-table tr:hover{background:#f8f9fa}.delivery-items-table .has-remaining{background-color:#fff9db}.delivery-items-table .remaining-warning{background:#fff3bf;border-radius:4px;color:#e67700;font-weight:600;padding:4px 8px;text-align:center}.qty-input{border:1px solid #ced4da!important;border-radius:4px!important;padding:8px!important;text-align:center;width:80px!important}.qty-input:focus{border-color:#3498db!important;box-shadow:0 0 0 2px #3498db1a!important;outline:none}.form-control{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.delivery-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:25px;padding:20px}.summary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.status-preview{border-top:1px solid #dee2e6;padding-top:20px}.status-preview h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.status-indicators{display:flex;flex-wrap:wrap;gap:15px}.status-indicator{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 15px}.status-indicator.full{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-indicator.partial{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-indicator.none{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.badge-success{background:#28a745;border-radius:4px;color:#fff;font-size:11px;font-weight:600;margin-left:8px;padding:4px 8px}.delivery-items-table input[type=checkbox]{cursor:pointer;height:18px;width:18px}.delivery-items-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.delivery-items-table .btn{font-size:11px;padding:6px 12px;white-space:nowrap}.no-items{background:#f8f9fa;border-radius:6px;color:#6c757d;font-style:italic;margin:20px 0;padding:40px;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{animation:modal-appear .3s ease-out;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:90%}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,#3498db,#2c3e50);border-bottom:1px solid #e9ecef;color:#fff;padding:24px}.modal-header h3{font-weight:600}.close-btn{border-radius:50%;color:#fff;height:32px;transition:background-color .2s ease;width:32px}.close-btn:hover{background:#fff3}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e9ecef;gap:12px;padding:20px 24px}.form-row{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr}@media (max-width:1200px){.purchase-orders-search-filter{align-items:stretch;flex-direction:column}.purchase-orders-search-box{min-width:auto}.purchase-orders-filter-group{justify-content:stretch}.purchase-orders-clear-filters-btn,.purchase-orders-filter-select,.purchase-orders-sort-btn{flex:1 1;min-width:0}.xlarge-modal{margin:20px;max-width:none;width:calc(100% - 40px)}}@media (max-width:768px){.purchase-orders-header{align-items:flex-start;flex-direction:column;gap:15px}.purchase-orders-actions{justify-content:flex-start;width:100%}.purchase-orders-controls{padding:15px}.purchase-orders-filter-group{flex-direction:column}.purchase-orders-clear-filters-btn,.purchase-orders-filter-select,.purchase-orders-sort-btn{width:100%}.purchase-orders-results-info{align-items:flex-start;flex-direction:column;gap:5px}.item-form-row{gap:10px;grid-template-columns:1fr}.action-buttons{flex-direction:column}.po-meta{grid-template-columns:1fr}.items-table{font-size:12px}.items-table td,.items-table th{padding:8px}.delivery-header{padding:15px}.meta-grid{gap:15px;grid-template-columns:1fr}.delivery-items-table{min-width:600px}.delivery-items-table td,.delivery-items-table th{font-size:12px;padding:8px 6px}.summary-actions{flex-direction:column}.summary-actions .btn{justify-content:center;width:100%}.status-indicators{flex-direction:column;gap:10px}.qty-input{padding:6px!important;width:60px!important}.form-row,.vat-details-grid{grid-template-columns:1fr}}@media (max-width:480px){.purchase-orders-container{padding:15px}.purchase-orders-search-box{min-width:auto}.purchase-orders-empty-state{padding:40px 15px}.purchase-orders-empty-icon{font-size:36px}.purchase-orders-empty-state h3{font-size:18px}.delivery-items-table{min-width:500px}.delivery-items-table td,.delivery-items-table th{font-size:11px;padding:6px 4px}.delivery-summary{padding:15px}.modal{margin:20px;width:95%}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:16px}.btn-sm{margin-bottom:4px;width:100%}}.dash-container{background-color:#f8fafc;min-height:100vh;padding:24px}.dash-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.dash-header-content{flex-wrap:wrap;justify-content:space-between;padding:32px!important}.dash-header-content,.dash-header-main{align-items:center;display:flex;gap:16px}.dash-header-main,.dash-header-text{flex:1 1}.dash-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.dash-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.dash-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dash-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.dash-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.dash-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.dash-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.dash-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.dash-controls-content{padding:24px!important}.dash-controls-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.dash-controls-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.dash-updated-text{color:#64748b!important;font-size:.875rem!important}.dash-error-alert{border:1px solid #fecaca!important;border-radius:12px!important;margin-bottom:24px!important}.dash-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dash-loading-spinner{color:#667eea!important}.dash-loading-text{color:#64748b!important;font-size:1.125rem!important}.dash-content{display:flex;flex-direction:column;gap:32px}.dash-section-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:20px!important}.dash-stats-section{display:flex;flex-direction:column}.dash-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dash-stat-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.dash-stat-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.dash-stat-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.dash-stat-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.dash-stat-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.dash-stat-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.dash-stat-info{font-size:14px!important;opacity:.6}.dash-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#0000);-webkit-background-clip:text;background-clip:text;font-size:1.75rem!important;font-weight:700!important;margin-bottom:8px!important}.dash-stat-primary{color:#6366f1}.dash-stat-secondary{color:#8b5cf6}.dash-stat-success{color:#10b981}.dash-stat-info{color:#3b82f6}.dash-stat-warning{color:#f59e0b}.dash-stat-error{color:#ef4444}.dash-stat-trend{align-items:center;display:flex;gap:4px;margin-top:auto}.dash-trend-up{color:#10b981}.dash-trend-down{color:#ef4444}.dash-trend-text{font-size:.875rem!important;font-weight:600!important}.dash-alerts-section{display:flex;flex-direction:column}.dash-alerts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dash-alert-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.dash-alert-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-2px)}.dash-alert-critical{border-left:6px solid #ef4444!important}.dash-alert-warning{border-left:6px solid #f59e0b!important}.dash-alert-content{padding:24px!important}.dash-alert-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.dash-alert-icon{font-size:24px!important}.dash-alert-critical .dash-alert-icon{color:#ef4444!important}.dash-alert-warning .dash-alert-icon{color:#f59e0b!important}.dash-alert-title{color:#1e293b!important;font-size:1.125rem!important;font-weight:600!important}.dash-alert-value{color:#64748b!important;font-size:1rem!important;margin-bottom:16px!important}.dash-alert-action{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important}.dash-alert-action:hover{box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-1px)}.dash-reports-section{display:flex;flex-direction:column}.dash-reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dash-report-item{min-height:200px}@media (max-width:768px){.dash-container{padding:16px}.dash-header-content{gap:16px}.dash-header-content,.dash-header-main{flex-direction:column;text-align:center}.dash-controls-header{align-items:flex-start;flex-direction:column;gap:8px}.dash-alerts-grid,.dash-reports-grid,.dash-stats-grid{grid-template-columns:1fr}.dash-header-title{font-size:2rem!important}.dash-stat-value{font-size:1.5rem!important}}@media (max-width:480px){.dash-header-actions{justify-content:center;width:100%}.dash-section-title{font-size:1.25rem!important}.dash-alert-content,.dash-stat-content{padding:20px!important}}@keyframes dash-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dash-loading .dash-stat-card{animation:dash-pulse 2s infinite}.dash-container ::-webkit-scrollbar{width:6px}.dash-container ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dash-container ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dash-container ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sales-reports-container{background-color:#f8fafc;min-height:100vh;padding:24px}.sales-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.sales-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:32px!important}.sales-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.sales-back-button{background-color:#ffffffe6!important;border-radius:12px!important;font-weight:600!important;padding:8px 16px!important;text-transform:none!important;transition:all .3s ease!important}.sales-back-button:hover{background-color:#fff!important;transform:translateY(-2px)}.sales-header-text{flex:1 1}.sales-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.sales-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.sales-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sales-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.sales-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.sales-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.sales-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.sales-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.sales-controls-content{padding:24px!important}.sales-controls-title{align-items:center;display:flex;font-size:1.25rem!important;font-weight:600!important;gap:8px;margin-bottom:16px!important}.sales-controls-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 2fr}.sales-select-control{border-radius:12px!important}.sales-menu-item{align-items:center;display:flex;gap:8px}.sales-last-updated{margin-top:16px}.sales-updated-text{color:#64748b!important;font-size:.875rem!important}.sales-error-alert{border:1px solid #fecaca!important;border-radius:12px!important;margin-bottom:24px!important}.sales-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.sales-loading-spinner{color:#667eea!important}.sales-loading-text{color:#64748b!important;font-size:1.125rem!important}.sales-empty-card{border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;text-align:center}.sales-empty-content{padding:48px!important}.sales-empty-text{color:#64748b!important;font-size:1.125rem!important}.sales-report-content{display:flex;flex-direction:column;gap:24px}.sales-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sales-metric-item{min-height:120px}.sales-metric-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.sales-metric-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.sales-metric-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.sales-metric-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.sales-metric-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.sales-metric-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.sales-metric-info{font-size:14px!important;opacity:.6}.sales-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b!important;font-size:1.75rem!important;font-weight:700!important;margin-bottom:8px!important}.sales-metric-trend{align-items:center;display:flex;gap:4px;margin-top:auto}.sales-trend-increase{color:#10b981}.sales-trend-decrease{color:#ef4444}.sales-trend-icon{font-size:16px!important}.sales-trend-text{font-size:.875rem!important;font-weight:600!important}.sales-chart-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important}.sales-chart-content{padding:24px!important}.sales-chart-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.sales-chart-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important}.sales-chart-container{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;padding:16px}.sales-area-chart .sales-chart-grid,.sales-bar-chart .sales-chart-grid,.sales-line-chart .sales-chart-grid{stroke:#e2e8f0;stroke-opacity:.7}.sales-chart-axis{fill:#64748b!important;font-size:12px!important;font-weight:500!important}.sales-chart-axis line{stroke:#e2e8f0}.sales-chart-axis path{stroke:#cbd5e1}.sales-chart-tooltip{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;font-size:14px!important;padding:12px 16px!important}.sales-chart-legend{font-size:14px!important;font-weight:500!important;padding-top:20px!important}.sales-payment-container{align-items:center;display:flex;flex-direction:row;gap:24px}.sales-pie-chart{flex:1 1}.sales-pie-chart-inner .recharts-surface{border-radius:8px}.sales-payment-legend{display:flex;flex:1 1;flex-direction:column;gap:12px}.sales-payment-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;gap:12px;padding:12px}.sales-payment-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.sales-payment-label{color:#374151!important;flex:1 1;font-size:.875rem!important;font-weight:500!important}.sales-payment-value{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.sales-table-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important}.sales-table-content{padding:24px!important}.sales-table-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sales-table-icon{color:#667eea!important;font-size:20px!important}.sales-table-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.sales-table-container{border:1px solid #f1f5f9;border-radius:12px;max-height:400px;overflow:auto}.sales-table-header-cell{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important;color:#374151!important;font-size:.875rem!important;font-weight:700!important;position:-webkit-sticky;position:sticky;top:0;z-index:1}.sales-table-row:hover{background-color:#f8fafc!important}.sales-table-date{color:#374151!important}.sales-table-date,.sales-table-pos{font-size:.875rem!important;font-weight:600!important}.sales-table-pos{color:#6366f1!important}.sales-table-ecom{color:#10b981!important;font-size:.875rem!important;font-weight:600!important}.sales-table-total{color:#1e293b!important;font-size:.875rem!important;font-weight:700!important}.sales-transaction-chip{background-color:#e0e7ff!important;border:none!important;color:#3730a3!important;font-size:.75rem!important;font-weight:600!important}.sales-payment-tables{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.sales-payment-card{border:1px solid #f1f5f9!important;border-radius:12px!important;box-shadow:0 2px 12px #0000000f!important}.sales-payment-content{padding:20px!important}.sales-payment-title{color:#667eea!important;font-size:1rem!important;font-weight:600!important;margin-bottom:16px!important}.sales-payment-method{color:#374151!important;font-size:.875rem!important;font-weight:500!important}.sales-payment-amount{color:#667eea!important;font-size:.875rem!important;font-weight:600!important}.sales-no-table{padding:40px;text-align:center}.sales-no-table-text{color:#64748b!important;font-size:1rem!important}@media (max-width:768px){.sales-reports-container{padding:16px}.sales-header-content{gap:16px}.sales-header-content,.sales-header-main{flex-direction:column;text-align:center}.sales-controls-grid{gap:16px}.sales-controls-grid,.sales-metrics-grid{grid-template-columns:1fr}.sales-payment-container{flex-direction:column}.sales-payment-tables{grid-template-columns:1fr}.sales-header-title{font-size:2rem!important}.sales-table-container{overflow-x:auto}}@media (max-width:480px){.sales-header-actions{justify-content:center;width:100%}.sales-metric-value{font-size:1.5rem!important}.sales-chart-header{align-items:flex-start;flex-direction:column;gap:8px}}.inv-reports-container{background-color:#f8fafc;min-height:100vh;padding:24px}.inv-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.inv-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:32px!important}.inv-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.inv-back-button{background-color:#ffffffe6!important;border-radius:12px!important;font-weight:600!important;padding:8px 16px!important;text-transform:none!important;transition:all .3s ease!important}.inv-back-button:hover{background-color:#fff!important;transform:translateY(-2px)}.inv-header-text{flex:1 1}.inv-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.inv-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.inv-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.inv-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.inv-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.inv-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.inv-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.inv-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.inv-controls-content{padding:24px!important}.inv-controls-title{align-items:center;display:flex;font-size:1.25rem!important;font-weight:600!important;gap:8px;margin-bottom:16px!important}.inv-controls-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 2fr}.inv-select-control{border-radius:12px!important}.inv-menu-item{align-items:center;display:flex;gap:8px}.inv-last-updated{margin-top:16px}.inv-updated-text{color:#64748b!important;font-size:.875rem!important}.inv-error-alert{border:1px solid #fecaca!important;border-radius:12px!important;margin-bottom:24px!important}.inv-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.inv-loading-spinner{color:#667eea!important}.inv-loading-text{color:#64748b!important;font-size:1.125rem!important}.inv-empty-card{border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;text-align:center}.inv-empty-content{padding:48px!important}.inv-empty-text{color:#64748b!important;font-size:1.125rem!important}.inv-report-container{display:flex;flex-direction:column;gap:24px}.inv-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.inv-metric-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.inv-metric-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.inv-metric-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.inv-metric-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.inv-metric-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.inv-metric-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.inv-metric-info{font-size:14px!important;opacity:.6}.inv-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#0000);-webkit-background-clip:text;background-clip:text;font-size:2rem!important;font-weight:700!important;margin-bottom:8px!important}.inv-metric-success{color:#10b981}.inv-metric-error{color:#ef4444}.inv-metric-info{color:#3b82f6}.inv-metric-warning{color:#f59e0b}.inv-metric-primary{color:#667eea}.inv-chart-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.inv-chart-card:hover{box-shadow:0 8px 32px #0000001f!important}.inv-chart-wide{flex:2 1}.inv-chart-content{height:100%;padding:24px!important}.inv-chart-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.inv-chart-icon{color:#667eea!important;font-size:24px!important}.inv-chart-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important}.inv-chart-container{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;padding:16px}.inv-bar-chart .recharts-surface,.inv-pie-chart .recharts-surface{border-radius:8px}.inv-chart-grid{stroke:#e2e8f0;stroke-opacity:.7}.inv-chart-axis{fill:#64748b!important;font-size:12px!important;font-weight:500!important}.inv-chart-axis line{stroke:#e2e8f0}.inv-chart-axis path{stroke:#cbd5e1}.inv-chart-tooltip{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;font-size:14px!important;padding:12px 16px!important}.inv-chart-legend{font-size:14px!important;font-weight:500!important;padding-top:20px!important}.inv-charts-row{align-items:stretch;display:flex;gap:24px}.inv-status-overview{display:flex;flex-direction:column;gap:16px;padding:16px}.inv-status-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;gap:12px;padding:12px}.inv-status-color{border-radius:50%;height:12px;width:12px}.inv-status-label{color:#374151!important;flex:1 1;font-size:.875rem!important;font-weight:500!important}.inv-status-count{background-color:#374151!important;color:#fff!important;font-weight:600!important}.inv-side-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;flex:1 1}.inv-side-content{height:100%;padding:24px!important}.inv-side-header{align-items:center;display:flex;gap:8px;margin-bottom:24px}.inv-side-icon{color:#667eea!important;font-size:20px!important}.inv-side-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.inv-side-metrics{display:flex;flex-direction:column;gap:20px}.inv-side-metric{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px}.inv-side-label{color:#64748b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:4px!important}.inv-side-value{font-size:1.5rem!important;font-weight:700!important}.inv-profit-value{color:#10b981!important}.inv-margin-value{color:#3b82f6!important}.inv-side-text{color:#374151!important;font-size:1rem!important;font-weight:600!important}.inv-retail-text{color:#10b981!important}.inv-table-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important}.inv-table-content{padding:24px!important}.inv-table-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.inv-table-icon{color:#667eea!important;font-size:20px!important}.inv-table-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.inv-table-container{border:1px solid #f1f5f9;border-radius:12px;max-height:500px;overflow:auto}.inv-table-header-cell{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important;color:#374151!important;font-size:.875rem!important;font-weight:700!important;position:-webkit-sticky;position:sticky;top:0;z-index:1}.inv-table-row:hover{background-color:#f8fafc!important}.inv-product-name{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.inv-product-brand,.inv-product-category{color:#64748b!important;font-size:.75rem!important}.inv-brand-text{color:#374151!important;font-size:.875rem!important}.inv-category-text{color:#64748b!important;font-size:.875rem!important}.inv-sku-chip{background-color:#f1f5f9!important;color:#475569!important;font-weight:500!important}.inv-sku-chip,.inv-stock-chip{border:none!important;font-size:.75rem!important}.inv-stock-chip{font-weight:600!important}.inv-priority-critical,.inv-status-low,.inv-urgency-critical{background-color:#fee2e2!important;color:#dc2626!important}.inv-priority-high,.inv-status-medium,.inv-urgency-high{background-color:#fef3c7!important;color:#d97706!important}.inv-status-high,.inv-urgency-medium{background-color:#d1fae5!important;color:#059669!important}.inv-priority-chip,.inv-status-chip,.inv-urgency-chip{border:none!important;font-size:.75rem!important;font-weight:700!important}.inv-critical{background-color:#fee2e2!important;color:#dc2626!important}.inv-high{background-color:#fef3c7!important;color:#d97706!important}.inv-medium{background-color:#d1fae5!important;color:#059669!important}.inv-days-chip{border:1px solid!important;font-size:.75rem!important;font-weight:600!important}.inv-days-low{background-color:#fee2e2!important;border-color:#fecaca!important;color:#dc2626!important}.inv-days-medium{background-color:#fef3c7!important;border-color:#fde68a!important;color:#d97706!important}.inv-days-high{background-color:#d1fae5!important;border-color:#a7f3d0!important;color:#059669!important}.inv-reorder-chip{border:none!important;font-size:.75rem!important;font-weight:700!important}.inv-reorder-yes{background-color:#fee2e2!important;color:#dc2626!important}.inv-reorder-no{background-color:#d1fae5!important;color:#059669!important}.inv-reorder-qty-chip{background-color:#e0e7ff!important;border:none!important;color:#3730a3!important;font-size:.75rem!important;font-weight:600!important}.inv-cost-text,.inv-cost-value,.inv-value-text{color:#3b82f6!important;font-size:.875rem!important;font-weight:600!important}.inv-retail-value{color:#10b981!important;font-size:.875rem!important;font-weight:600!important}@media (max-width:768px){.inv-reports-container{padding:16px}.inv-header-content{gap:16px}.inv-header-content,.inv-header-main{flex-direction:column;text-align:center}.inv-controls-grid{gap:16px}.inv-controls-grid,.inv-metrics-grid{grid-template-columns:1fr}.inv-charts-row{flex-direction:column}.inv-header-title{font-size:2rem!important}.inv-table-container{overflow-x:auto}}@media (max-width:480px){.inv-header-actions{justify-content:center;width:100%}.inv-metric-value{font-size:1.75rem!important}.inv-chart-header{align-items:flex-start;flex-direction:column;gap:8px}}.fin-reports-container{background-color:#f8fafc;min-height:100vh;padding:24px}.fin-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.fin-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:32px!important}.fin-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.fin-back-button{background-color:#ffffffe6!important;border-radius:12px!important;font-weight:600!important;padding:8px 16px!important;text-transform:none!important;transition:all .3s ease!important}.fin-back-button:hover{background-color:#fff!important;transform:translateY(-2px)}.fin-header-text{flex:1 1}.fin-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.fin-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.fin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fin-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.fin-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.fin-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.fin-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.fin-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.fin-controls-content{padding:24px!important}.fin-controls-title{align-items:center;display:flex;font-size:1.25rem!important;font-weight:600!important;gap:8px;margin-bottom:16px!important}.fin-controls-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 2fr}.fin-select-control{border-radius:12px!important}.fin-menu-item{align-items:center;display:flex;gap:8px}.fin-last-updated{margin-top:16px}.fin-updated-text{color:#64748b!important;font-size:.875rem!important}.fin-error-alert{border:1px solid #fecaca!important;border-radius:12px!important;margin-bottom:24px!important}.fin-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.fin-loading-spinner{color:#667eea!important}.fin-loading-text{color:#64748b!important;font-size:1.125rem!important}.fin-empty-card{border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;text-align:center}.fin-empty-content{padding:48px!important}.fin-empty-text{color:#64748b!important;font-size:1.125rem!important}.fin-report-container{display:flex;flex-direction:column;gap:24px}.fin-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fin-metric-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.fin-metric-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.fin-metric-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.fin-metric-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.fin-metric-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.fin-metric-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.fin-metric-info{font-size:14px!important;opacity:.6}.fin-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#0000);-webkit-background-clip:text;background-clip:text;font-size:2rem!important;font-weight:700!important;margin-bottom:8px!important}.fin-metric-success{color:#10b981}.fin-metric-error{color:#ef4444}.fin-metric-info{color:#3b82f6}.fin-metric-warning{color:#f59e0b}.fin-metric-primary{color:#667eea}.fin-metric-trend{align-items:center;display:flex;gap:4px;margin-top:auto}.fin-trend-up{color:#10b981}.fin-trend-down{color:#ef4444}.fin-trend-icon{font-size:18px!important}.fin-trend-down{transform:rotate(180deg)}.fin-trend-text{font-size:.875rem!important;font-weight:600!important}.fin-chart-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.fin-chart-card:hover{box-shadow:0 8px 32px #0000001f!important}.fin-chart-half{flex:1 1}.fin-chart-wide{flex:2 1}.fin-chart-content{height:100%;padding:24px!important}.fin-chart-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.fin-chart-icon{color:#667eea!important;font-size:24px!important}.fin-chart-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important}.fin-chart-container{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;padding:16px}.fin-area-chart .fin-chart-grid,.fin-bar-chart .fin-chart-grid,.fin-composed-chart .fin-chart-grid{stroke:#e2e8f0;stroke-opacity:.7}.fin-chart-axis{fill:#64748b!important;font-size:12px!important;font-weight:500!important}.fin-chart-axis line{stroke:#e2e8f0}.fin-chart-axis path{stroke:#cbd5e1}.fin-chart-tooltip{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;font-size:14px!important;padding:12px 16px!important}.fin-chart-legend{font-size:14px!important;font-weight:500!important;padding-top:20px!important}.fin-charts-row{align-items:stretch;display:flex;gap:24px}.fin-side-cards{display:flex;flex:1 1;flex-direction:column;gap:16px}.fin-mini-card{border:1px solid #f1f5f9!important;border-radius:12px!important;box-shadow:0 2px 12px #0000000f!important;flex:1 1}.fin-mini-content{padding:20px!important}.fin-mini-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.fin-mini-icon{color:#667eea!important;font-size:20px!important}.fin-mini-title{color:#374151!important;font-size:1rem!important;font-weight:600!important}.fin-mini-metrics{display:flex;flex-direction:column;gap:12px}.fin-mini-metric{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.fin-mini-label{color:#64748b!important;font-size:.875rem!important;font-weight:500!important}.fin-mini-value{font-size:.9rem!important;font-weight:600!important}.fin-revenue{color:#10b981!important}.fin-cost{color:#ef4444!important}.fin-profit{color:#3b82f6!important}.fin-table-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;flex:1 1}.fin-table-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.fin-table-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.fin-table-icon{color:#667eea!important;font-size:20px!important}.fin-table-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.fin-table-container{border:1px solid #f1f5f9;border-radius:12px;flex:1 1;max-height:400px}.fin-table-header-cell{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important;color:#374151!important;font-size:.875rem!important;font-weight:700!important}.fin-table-row:hover{background-color:#f8fafc!important}.fin-table-product{font-size:.8rem!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-table-profit{color:#1e293b!important;font-size:.8rem!important;font-weight:600!important}.fin-margin-chip{border:none!important;font-size:.75rem!important;font-weight:600!important}.fin-margin-high{background-color:#d1fae5!important;color:#065f46!important}.fin-margin-medium{background-color:#fef3c7!important;color:#92400e!important}.fin-margin-low{background-color:#fee2e2!important;color:#991b1b!important}@media (max-width:768px){.fin-reports-container{padding:16px}.fin-header-content{gap:16px}.fin-header-content,.fin-header-main{flex-direction:column;text-align:center}.fin-controls-grid{gap:16px}.fin-controls-grid,.fin-metrics-grid{grid-template-columns:1fr}.fin-charts-row{flex-direction:column}.fin-side-cards{flex-direction:row}.fin-header-title{font-size:2rem!important}}@media (max-width:480px){.fin-side-cards{flex-direction:column}.fin-header-actions{justify-content:center;width:100%}.fin-metric-value{font-size:1.75rem!important}}.cust-reports-container{background-color:#f8fafc;min-height:100vh;padding:24px}.cust-header-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px!important;box-shadow:0 8px 32px #667eea4d!important;margin-bottom:24px}.cust-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:32px!important}.cust-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.cust-back-button{background-color:#ffffffe6!important;border-radius:12px!important;font-weight:600!important;padding:8px 16px!important;text-transform:none!important;transition:all .3s ease!important}.cust-back-button:hover{background-color:#fff!important;transform:translateY(-2px)}.cust-header-text{flex:1 1}.cust-header-title{color:#fff;font-size:2.5rem!important;font-weight:700!important;margin-bottom:8px!important}.cust-header-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;font-weight:400!important}.cust-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cust-refresh-button{background-color:#fff3!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.cust-refresh-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)}.cust-export-button{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.cust-export-button:hover{box-shadow:0 8px 20px #10b98166!important;transform:translateY(-2px)}.cust-controls-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px}.cust-controls-content{padding:24px!important}.cust-controls-title{align-items:center;display:flex;font-size:1.25rem!important;font-weight:600!important;gap:8px;margin-bottom:16px!important}.cust-controls-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 2fr}.cust-select-control{border-radius:12px!important}.cust-menu-item{align-items:center;display:flex;gap:8px}.cust-last-updated{margin-top:16px}.cust-updated-text{color:#64748b!important;font-size:.875rem!important}.cust-error-alert{border:1px solid #fecaca!important;border-radius:12px!important;margin-bottom:24px!important}.cust-loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.cust-loading-spinner{color:#667eea!important}.cust-loading-text{color:#64748b!important;font-size:1.125rem!important}.cust-empty-card{border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;text-align:center}.cust-empty-content{padding:48px!important}.cust-empty-text{color:#64748b!important;font-size:1.125rem!important}.cust-report-container{display:flex;flex-direction:column;gap:24px}.cust-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cust-metric-item{min-height:120px}.cust-metric-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .3s ease!important}.cust-metric-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-4px)}.cust-metric-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.cust-metric-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.cust-metric-header{align-items:center;display:flex;gap:6px;margin-bottom:12px}.cust-metric-title{color:#64748b!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.cust-metric-info{font-size:14px!important;opacity:.6}.cust-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#0000);-webkit-background-clip:text;background-clip:text;font-size:1.75rem!important;font-weight:700!important;margin-bottom:8px!important}.cust-metric-primary{color:#6366f1}.cust-metric-success{color:#10b981}.cust-metric-info{color:#3b82f6}.cust-metric-warning{color:#f59e0b}.cust-metric-trend{align-items:center;display:flex;gap:4px;margin-top:auto}.cust-trend-up{color:#10b981}.cust-trend-down{color:#ef4444}.cust-trend-icon{font-size:16px!important}.cust-trend-text{font-size:.875rem!important;font-weight:600!important}.cust-charts-row{align-items:stretch;display:flex;gap:24px}.cust-chart-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;flex:1 1}.cust-chart-wide{flex:2 1}.cust-chart-content{height:100%;padding:24px!important}.cust-chart-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.cust-chart-icon{color:#667eea!important;font-size:24px!important}.cust-chart-title{color:#1e293b!important;font-size:1.5rem!important;font-weight:600!important}.cust-chart-container{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;padding:16px}.cust-bar-chart .recharts-surface,.cust-line-chart .recharts-surface,.cust-pie-chart .recharts-surface{border-radius:8px}.cust-chart-grid{stroke:#e2e8f0;stroke-opacity:.7}.cust-chart-axis{fill:#64748b!important;font-size:12px!important;font-weight:500!important}.cust-chart-axis line{stroke:#e2e8f0}.cust-chart-axis path{stroke:#cbd5e1}.cust-chart-tooltip{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;font-size:14px!important;padding:12px 16px!important}.cust-chart-legend{font-size:14px!important;font-weight:500!important;padding-top:20px!important}.cust-table-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;flex:1 1}.cust-table-content{display:flex;flex-direction:column;height:100%;padding:24px!important}.cust-table-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.cust-table-icon{color:#667eea!important;font-size:20px!important}.cust-table-title{color:#1e293b!important;font-size:1.25rem!important;font-weight:600!important}.cust-table-container{border:1px solid #f1f5f9;border-radius:12px;flex:1 1;overflow:auto}.cust-table-header-cell{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important;color:#374151!important;font-size:.875rem!important;font-weight:700!important}.cust-table-row:hover{background-color:#f8fafc!important}.cust-customer-info{align-items:center;display:flex;gap:12px}.cust-customer-avatar{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-weight:600!important;height:40px!important;width:40px!important}.cust-customer-details{display:flex;flex-direction:column}.cust-customer-name{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.cust-customer-email{color:#64748b!important;font-size:.75rem!important}.cust-order-chip{background-color:#e0e7ff!important;border:none!important;color:#3730a3!important;font-size:.75rem!important;font-weight:600!important}.cust-spent-amount{color:#1e293b!important;font-size:.875rem!important;font-weight:700!important}.cust-segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cust-segment-card{border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important}.cust-segment-card:hover{box-shadow:0 8px 32px #0000001f!important;transform:translateY(-2px)}.cust-segment-content{padding:24px!important}.cust-segment-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.cust-segment-indicator{border-radius:50%;height:12px;width:12px}.cust-primary{background-color:#6366f1}.cust-success{background-color:#10b981}.cust-warning{background-color:#f59e0b}.cust-info{background-color:#3b82f6}.cust-segment-title{color:#1e293b!important;font-size:1.125rem!important;font-weight:600!important}.cust-segment-criteria{color:#64748b!important;font-size:.875rem!important;margin-bottom:16px!important}.cust-segment-customers{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cust-segment-customer{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.cust-segment-customer:last-child{border-bottom:none}.cust-segment-customer-info{display:flex;flex-direction:column}.cust-segment-customer-name{color:#374151!important;font-size:.875rem!important;font-weight:500!important}.cust-segment-customer-orders{color:#64748b!important;font-size:.75rem!important}.cust-segment-customer-spent{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.cust-segment-more{color:#64748b!important;font-size:.75rem!important;padding:8px;text-align:center}.cust-segment-stats{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;padding-top:16px}.cust-segment-stat{align-items:center;display:flex;justify-content:space-between}.cust-segment-stat-label{color:#64748b!important;font-size:.875rem!important}.cust-segment-stat-value{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}@media (max-width:768px){.cust-reports-container{padding:16px}.cust-header-content{gap:16px}.cust-header-content,.cust-header-main{flex-direction:column;text-align:center}.cust-controls-grid{gap:16px}.cust-controls-grid,.cust-metrics-grid{grid-template-columns:1fr}.cust-charts-row{flex-direction:column}.cust-segments-grid{grid-template-columns:1fr}.cust-header-title{font-size:2rem!important}.cust-table-container{overflow-x:auto}}@media (max-width:480px){.cust-header-actions{justify-content:center;width:100%}.cust-metric-value{font-size:1.5rem!important}.cust-chart-header{align-items:flex-start;flex-direction:column;gap:8px}}.supplier-payments-container{padding:20px}.supplier-payments-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.supplier-payments-header h1{color:#2c3e50;font-size:28px;margin:0}.supplier-payments-header p{color:#7f8c8d;margin:5px 0 0}.supplier-payments-actions{display:flex;gap:15px}.supplier-payments-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.supplier-payments-table{border-collapse:collapse;width:100%}.supplier-payments-table th{background:#34495e;color:#fff;font-size:14px;font-weight:600;padding:15px;text-align:left}.supplier-payments-table td{border-bottom:1px solid #ecf0f1;font-size:14px;padding:15px}.supplier-payments-table tr:hover{background:#f8f9fa}.supplier-payments-table tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;font-size:12px;padding:6px 12px;text-transform:capitalize}.status-completed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.amount{color:#2c3e50}.amount-positive{color:#27ae60}.action-buttons{display:flex;gap:8px}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2c3e50;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background:#e9ecef;border-radius:50%;color:#343a40}.modal-body{padding:20px}.modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1 1;margin-bottom:0}.payment-method{border-radius:12px;font-weight:500;padding:4px 8px}.alert{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}@media (max-width:768px){.supplier-payments-header{align-items:flex-start;flex-direction:column;gap:15px}.supplier-payments-actions{justify-content:flex-start;width:100%}.form-row{gap:15px}.action-buttons,.form-row{flex-direction:column}.modal{margin:10px;max-width:calc(100% - 20px)}}.summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.summary-card h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.summary-item .amount{font-size:16px;font-weight:700}.summary-item .amount.positive{color:#28a745}.summary-item .amount.negative{color:#dc3545}.summary-item .amount.total{color:#007bff;font-size:18px}.summary-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:8px;padding:2px 6px;transition:background .3s ease}.summary-btn:hover{background:#e9ecef}.large-modal{max-width:700px!important}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.summary-card{padding:15px}}.supplier-payments-controls{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.supplier-payments-search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.supplier-payments-search-box{flex:1 1;min-width:300px;position:relative}.supplier-payments-search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.supplier-payments-search-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.supplier-payments-search-icon{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.supplier-payments-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.supplier-payments-filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:12px 16px;transition:all .2s ease}.supplier-payments-filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.supplier-payments-sort-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.supplier-payments-sort-btn:hover{background:#f8f9fa;border-color:#3498db}.supplier-payments-clear-filters-btn{background:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.supplier-payments-clear-filters-btn:hover{background:#dc3545;color:#fff}.supplier-payments-results-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.supplier-payments-search-term{background:#e3f2fd;border-radius:4px;color:#1565c0;font-weight:500;padding:4px 8px}.supplier-payments-sortable-header{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.supplier-payments-sortable-header:hover{background-color:#f8f9fa}.supplier-payments-empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#6c757d;padding:60px 20px;text-align:center}.supplier-payments-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.supplier-payments-empty-state h3{color:#495057;font-size:20px;margin-bottom:8px}.supplier-payments-empty-state p{font-size:14px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:400px}.supplier-with-summary{align-items:center;display:flex;gap:8px}@media (max-width:1200px){.supplier-payments-search-filter{align-items:stretch;flex-direction:column}.supplier-payments-search-box{min-width:auto}.supplier-payments-filter-group{justify-content:stretch}.supplier-payments-clear-filters-btn,.supplier-payments-filter-select,.supplier-payments-sort-btn{flex:1 1;min-width:0}}@media (max-width:768px){.supplier-payments-controls{padding:15px}.supplier-payments-filter-group{flex-direction:column}.supplier-payments-clear-filters-btn,.supplier-payments-filter-select,.supplier-payments-sort-btn{width:100%}.supplier-payments-results-info{align-items:flex-start;flex-direction:column;gap:5px}}.supplier-outstanding-container{background:#f8f9fa;min-height:100vh;padding:20px}.supplier-outstanding-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.supplier-outstanding-header h1{color:#2c3e50;font-size:28px;margin:0}.supplier-outstanding-header p{color:#7f8c8d;margin:5px 0 0}.outstanding-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;min-width:300px;padding:20px}.summary-total{margin-bottom:10px;text-align:center}.summary-label{display:block;font-size:14px;margin-bottom:5px;opacity:.9}.summary-amount{font-size:24px;font-weight:700}.summary-amount.outstanding{color:#ff6b6b}.summary-count{align-items:center;display:flex;font-size:14px;justify-content:space-between}.summary-count-value{font-size:16px;font-weight:600}.supplier-outstanding-controls{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.supplier-outstanding-search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.supplier-outstanding-search-box{flex:1 1;min-width:300px;position:relative}.supplier-outstanding-search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.supplier-outstanding-search-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.supplier-outstanding-search-icon{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.supplier-outstanding-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.supplier-outstanding-filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:12px 16px;transition:all .2s ease}.supplier-outstanding-filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.supplier-outstanding-sort-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.supplier-outstanding-sort-btn:hover{background:#f8f9fa;border-color:#3498db}.supplier-outstanding-results-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.supplier-outstanding-search-term{background:#e3f2fd;border-radius:4px;color:#1565c0;font-weight:500;padding:4px 8px}.supplier-outstanding-content{grid-gap:20px;display:grid;gap:20px}.outstanding-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;min-height:600px}.supplier-details,.suppliers-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.supplier-details h3,.suppliers-list h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:20px;margin:0 0 20px;padding-bottom:10px}.suppliers-table-container{max-height:500px;overflow-y:auto}.suppliers-table{border-collapse:collapse;width:100%}.suppliers-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:12px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.suppliers-table td{border-bottom:1px solid #e9ecef;font-size:13px;padding:12px 15px}.suppliers-table tr{cursor:pointer;transition:background-color .2s ease}.suppliers-table tr:hover{background:#f8f9fa}.suppliers-table tr.selected{background:#e3f2fd;border-left:4px solid #3498db}.suppliers-table tr:last-child td{border-bottom:none}.sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-header:hover{background-color:#e9ecef}.supplier-name strong{color:#2c3e50;font-size:14px}.supplier-contact{color:#6c757d;font-size:11px;margin-top:4px}.supplier-contact span{margin-right:8px}.amount{font-weight:600}.amount.positive{color:#27ae60}.amount.outstanding{color:#e74c3c}.amount.total{color:#3498db}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;min-width:80px;padding:4px 8px;text-align:center;text-transform:uppercase}.status-paid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-outstanding{background:#ffeaa7;border:1px solid #fdcb6e;color:#856404}.status-overpaid{background:#bbdefb;border:1px solid #90caf9;color:#1565c0}.details-panel{display:flex;flex-direction:column;height:100%}.details-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.supplier-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.info-item{display:flex;flex-direction:column}.info-item label{color:#6c757d;font-size:11px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.info-item span{color:#495057;font-size:13px}.payment-summary{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.payment-summary h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{display:flex;flex-direction:column}.summary-item.full-width{grid-column:1/-1}.summary-item label{color:#6c757d;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin:5px 0;overflow:hidden;width:100%}.progress-bar.large{height:12px}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6c757d;font-size:12px;font-weight:600;text-align:right}.progress-section{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.progress-section label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.purchase-orders-section{display:flex;flex:1 1;flex-direction:column}.purchase-orders-section h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.purchase-orders-selector{margin-bottom:20px}.purchase-order-select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.purchase-order-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1 1;padding:20px}.po-summary h5{color:#2c3e50;font-size:15px;margin:0 0 15px}.po-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.po-summary-item{display:flex;flex-direction:column}.po-summary-item.full-width{grid-column:1/-1}.po-summary-item label{color:#6c757d;font-size:11px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.payment-history{border-top:1px solid #dee2e6;margin-top:20px;padding-top:20px}.payment-history h6{color:#495057;font-size:14px;margin:0 0 15px}.payment-history-list{max-height:200px;overflow-y:auto}.payment-history-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:8px;padding:12px}.payment-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.payment-date{color:#6c757d;font-size:12px}.payment-method{background:#e9ecef;color:#495057}.payment-method,.payment-status{border-radius:10px;font-size:11px;padding:2px 6px}.payment-status{font-weight:600}.payment-status.completed{background:#d4edda;color:#155724}.payment-status.pending{background:#fff3cd;color:#856404}.payment-reference{color:#6c757d;font-size:11px;font-style:italic;margin-top:5px}.no-data,.no-selection{color:#6c757d;padding:60px 20px;text-align:center}.no-data-icon,.no-selection-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data h4,.no-selection h4{color:#495057;font-size:18px;margin-bottom:8px}.no-data p,.no-selection p{font-size:14px;margin:0 auto;max-width:300px}.loading{color:#6c757d;font-size:16px;padding:40px;text-align:center}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.btn-sm{font-size:11px;padding:6px 12px}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}@media (max-width:1200px){.outstanding-overview{grid-template-columns:1fr}.supplier-outstanding-header{align-items:flex-start;flex-direction:column;gap:20px}.outstanding-summary-card{min-width:100%}}@media (max-width:768px){.supplier-outstanding-container,.supplier-outstanding-controls{padding:15px}.supplier-outstanding-search-filter{align-items:stretch;flex-direction:column}.supplier-outstanding-search-box{min-width:auto}.supplier-outstanding-filter-group{flex-direction:column}.supplier-outstanding-filter-select,.supplier-outstanding-sort-btn{width:100%}.supplier-details,.suppliers-list{padding:15px}.po-summary-grid,.summary-grid{grid-template-columns:1fr}.payment-info{align-items:flex-start;flex-direction:column;gap:5px}.suppliers-table{font-size:12px}.suppliers-table td,.suppliers-table th{padding:8px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.App,.main-content{background:#f8fafc;display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:280px}.main-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:20px}.sri-lanka-clock{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:12px;min-width:220px;padding:10px 16px}.clock-icon{animation:pulse 2s infinite;font-size:1.5rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.clock-content{display:flex;flex-direction:column}.clock-label{font-size:.75rem;font-weight:500;margin-bottom:2px;opacity:.9}.clock-time{font-family:Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:.5px}.welcome-message{color:#2d3748;font-size:1.1rem;font-weight:500}.user-name{color:#667eea;font-weight:700;text-transform:capitalize}.user-role-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px}.role-icon{font-size:1rem}.role-text{text-transform:capitalize}.logout-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.logout-button:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.logout-icon{font-size:1rem}.page-wrapper{background:#f8fafc;flex:1 1;overflow-y:auto;padding:30px}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{font-size:1.1rem;font-weight:500}button{transition:all .3s ease}button,input{font-family:inherit}@media (max-width:1200px){.main-header{padding:15px 20px}.header-center,.header-left,.header-right{gap:15px}.sri-lanka-clock{min-width:200px}}@media (max-width:968px){.main-content{margin-left:0}.main-header{flex-direction:column;gap:15px;padding:20px}.header-center,.header-left,.header-right{justify-content:center;width:100%}.page-wrapper{padding:20px}}@media (max-width:768px){.main-header{padding:15px}.sri-lanka-clock{flex:1 1;min-width:auto}.clock-time{font-size:.8rem}.welcome-message{font-size:1rem;text-align:center}.user-role-badge{font-size:.8rem;padding:6px 12px}.logout-button{font-size:.8rem;padding:8px 16px}.page-wrapper{padding:15px}}@media (max-width:480px){.main-header{padding:12px}.sri-lanka-clock{padding:8px 12px}.clock-label{font-size:.7rem}.clock-time{font-size:.75rem}.welcome-message{font-size:.9rem}.header-center,.header-left,.header-right{gap:10px}}
/*# sourceMappingURL=main.130a01b0.css.map*/