:root{--secondary-color:#718096;--success-color:#48bb78;--warning-color:#ecc94b;--danger-color:#e53e3e;--info-color:#4299e1;--text-muted:#a0aec0;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-muted:#edf2f7;--border-radius-lg:1rem;--shadow-sm:0 1px 3px #0000001a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}body{background-color:#f7fafc;background-color:var(--bg-secondary);color:#2d3748}.page-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.page-header h1{color:#2d3748;margin:0 0 .5rem}.page-header p{color:#718096}.filters-section{gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.search-icon{color:#718096;font-size:1rem;left:1rem;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);font-size:.875rem;padding:1rem 1rem 1rem 2.5rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.filter-box{position:relative}.filter-icon{color:#718096;font-size:1rem;left:1rem;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);font-size:.875rem;padding:1rem 1rem 1rem 2.5rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem;transition:border-color .2s ease}.filter-select:focus{border-color:#e53e3e}.btn{border-radius:.5rem;border-radius:var(--border-radius);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);-webkit-user-select:none;user-select:none}.btn-sm{font-size:.75rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:#c53030}.btn-secondary{background-color:#edf2f7;background-color:var(--bg-muted);color:#718096;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:#cbd5e0}.btn-success{background-color:#48bb78;background-color:var(--success-color)}.btn-success:hover:not(:disabled){background-color:#38a169}.btn-warning{background-color:#ecc94b;background-color:var(--warning-color);color:#2d3748;color:var(--text-primary)}.btn-warning:hover:not(:disabled){background-color:#d69e2e}.btn-danger{background-color:#e53e3e;background-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background-color:#c53030}.card{background:#fff;border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.card-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem}.card-title{align-items:center;color:#2d3748;display:flex;font-size:1.125rem;gap:.5rem;gap:var(--spacing-sm)}.card-body{padding:1.5rem}.form-label{color:#2d3748}.form-control{border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;padding:var(--spacing-md)}.form-control:focus{box-shadow:0 0 0 3px #e53e3e1a}.form-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-badge{border-radius:.5rem}.status-pending{background-color:#fff8e1;color:#b7791f}.status-confirmed{background-color:#ebf8ff;color:#2b6cb0}.status-processing{background-color:#e6fffa;color:#2c7a7b}.status-delivered,.status-shipped{background-color:#f0fff4;color:#2f855a}.status-cancelled{background-color:#fff5f5;color:#c53030}.status-active{background-color:#f0fff4;color:#2f855a}.status-inactive{background-color:#fff5f5;color:#c53030}.priority-badge{border-radius:.5rem;padding:.25rem .75rem}.priority-low{background-color:#f7fafc;color:#718096}.priority-medium{background-color:#fff8e1;color:#b7791f}.priority-high{background-color:#fed7d7;color:#c53030}.priority-urgent{background-color:#fed7d7;color:#9b2c2c}.table{background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.table th{background:#f7fafc;color:#718096;padding:1rem 1.5rem}.table td,.table th{border-bottom:1px solid #e2e8f0}.table td{font-size:.875rem;padding:1.5rem}.table tbody tr:hover{background-color:#f7fafc}.action-buttons{gap:.5rem}.empty-state{color:#718096;padding:3rem;padding:var(--spacing-2xl)}.empty-state p{font-size:1rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.spinner{border:4px solid #e2e8f0;border-top:4px solid #e53e3e}.modal-overlay{padding:1.5rem;padding:var(--spacing-lg)}.modal-content{border-radius:1rem;box-shadow:0 10px 15px #0000001a;max-width:600px}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.modal-close{border-radius:.5rem;color:#718096;transition:background-color .2s ease}.modal-close:hover{background-color:#f7fafc;background-color:var(--bg-secondary)}.modal-footer{border-top:1px solid #e2e8f0;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.stat-card h3{color:#718096;margin:0 0 .5rem}.stat-number{color:#2d3748}.stat-number.pending{color:#ecc94b}.stat-number.processing{color:#4299e1;color:var(--info-color)}.stat-number.active,.stat-number.paid,.stat-number.resolved,.stat-number.shipped,.stat-number.verified{color:#48bb78;color:var(--success-color)}.stat-number.cancelled,.stat-number.inactive,.stat-number.rejected{color:#e53e3e;color:var(--danger-color)}.stat-number.revenue{color:#e53e3e;color:var(--primary-color)}@media (max-width:768px){.page-header{align-items:flex-start;gap:1rem;gap:var(--spacing-md)}.filters-section,.page-header{flex-direction:column}.filter-box,.search-box{min-width:auto}.form-grid{grid-template-columns:1fr}.modal-content{margin:1rem;margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.action-buttons{align-items:stretch;flex-direction:column}.btn{justify-content:center}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn-primary{background-color:#e53e3e}.btn-primary:hover{background-color:#c53030}.btn-secondary:hover{background-color:#5a6268}.btn-success:hover{background-color:#218838}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger:hover{background-color:#c82333}.form-label{margin-bottom:4px}.form-control:focus{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.table{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table td,.table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.table th{color:#333}.table th,.table tr:hover{background-color:#f8f9fa}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.card-header{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:16px}.card-title{color:#333;font-size:18px}.status-badge{border-radius:12px;font-size:12px}.status-pending{background-color:#fff3cd;color:#856404}.status-confirmed{background-color:#cce5ff;color:#004085}.status-processing{background-color:#d4edda;color:#155724}.status-shipped{background-color:#d1ecf1;color:#0c5460}.status-delivered{background-color:#d4edda;color:#155724}.status-cancelled{background-color:#f8d7da;color:#721c24}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.spinner{border:4px solid #f3f3f3;border-top-color:#e53e3e}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:16px}.w-100{width:100%}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-muted{color:#6c757d}.alert{border-radius:4px;margin-bottom:16px;padding:12px 16px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.error-boundary{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;padding:30px;text-align:center}.error-content h1{color:#dc3545;font-size:24px;margin-bottom:20px}.error-content p{color:#6c757d;margin-bottom:25px}.error-details{background:#f8f9fa;border-radius:4px;margin:20px 0;padding:15px;text-align:left}.error-details h3{color:#495057;font-size:16px;margin-bottom:10px}.error-details pre{background:#e9ecef;border-radius:4px;color:#495057;font-size:12px;overflow-x:auto;padding:10px}.error-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.reload-button,.retry-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.reload-button{background-color:#0d6efd;color:#fff}.reload-button:hover{background-color:#0b5ed7}.retry-button{background-color:#6c757d;color:#fff}.retry-button:hover{background-color:#5c636a}@media (max-width:576px){.error-content{padding:20px}.error-actions{flex-direction:column}.reload-button,.retry-button{margin:5px 0;width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#fff,#e6e6e6);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{border-radius:50%;height:80px;margin-bottom:16px;object-fit:cover;width:80px}.login-title{color:#e53e3e;font-size:28px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#666;font-size:16px;margin:0}.login-form{margin-bottom:32px}.login-btn{font-size:16px;font-weight:600;margin-top:8px;padding:12px;width:100%}.login-demo{background-color:#f8f9fa;border-left:4px solid #e53e3e;border-radius:8px;margin-bottom:24px;padding:20px}.login-demo h4{color:#333;font-size:16px;margin:0 0 16px}.demo-accounts{display:flex;flex-direction:column;gap:12px}.demo-account{color:#555;font-size:14px;line-height:1.5}.demo-account code{background-color:#e9ecef;border-radius:4px;color:#e53e3e;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.login-footer{color:#666;font-size:14px;text-align:center}.login-footer p{margin:0}@media (max-width:480px){.login-card{margin:10px;padding:24px}.login-title{font-size:24px}.demo-accounts{gap:8px}.demo-account{font-size:13px}}:root{--sidebar-text:#cbd5e0;--sidebar-text-active:#e53e3e;--sidebar-border:#2d3748;--sidebar-radius:0.5rem;--sidebar-shadow:#7e626233}.sidebar{background:#1a1c23;background:var(--sidebar-bg);box-shadow:2px 0 8px #7e626233;box-shadow:2px 0 8px var(--sidebar-shadow);color:#cbd5e0;color:var(--sidebar-text);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s ease,background-color .3s ease;z-index:1000}.sidebar.open{width:280px}.sidebar.closed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #2d3748;border-bottom:1px solid var(--sidebar-border);display:flex;gap:1rem;min-height:64px;padding:1.25rem 1.5rem}.sidebar-logo{border-radius:.5rem;border-radius:var(--sidebar-radius);box-shadow:0 0 8px #0003;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sidebar-title{color:#e53e3e;color:var(--sidebar-text-active);font-size:1.125rem;font-weight:700;-webkit-user-select:none;user-select:none;white-space:nowrap}.sidebar-nav{padding:1rem 0}.nav-item{margin-bottom:.25rem}.nav-link{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--sidebar-radius);color:#cbd5e0;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.875rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none;width:100%}.nav-link:hover{background-color:#2d3748;background-color:var(--sidebar-hover);color:#e53e3e;color:var(--sidebar-text-active)}.nav-link.active{background-color:#e53e3e;background-color:var(--sidebar-text-active);box-shadow:0 0 10px #e53e3e;box-shadow:0 0 10px var(--sidebar-text-active);color:#fff;font-weight:700}.nav-icon{flex-shrink:0;font-size:18px;min-width:24px}.nav-text{margin-left:1rem;white-space:nowrap}.submenu-toggle{justify-content:space-between}.submenu-arrow{color:#cbd5e0;color:var(--sidebar-text);font-size:14px;transition:transform .3s ease}.submenu{background-color:#11141a;border-left:2px solid #2d3748;border-left:2px solid var(--sidebar-border);border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--sidebar-radius) var(--sidebar-radius);padding-left:1.5rem}.submenu-link{align-items:center;border-radius:.5rem;border-radius:var(--sidebar-radius);color:#cbd5e0;color:var(--sidebar-text);display:flex;font-size:.875rem;gap:.75rem;padding-left:1.5rem;-webkit-user-select:none;user-select:none}.submenu-link:hover{background-color:#2d3748;background-color:var(--sidebar-hover);color:#e53e3e;color:var(--sidebar-text-active)}.submenu-link.active{background-color:#e53e3e;background-color:var(--sidebar-text-active);box-shadow:0 0 10px #e53e3e;box-shadow:0 0 10px var(--sidebar-text-active);color:#fff;font-weight:700}.sidebar.closed .nav-text,.sidebar.closed .submenu,.sidebar.closed .submenu-arrow{display:none}.sidebar.closed .nav-link{justify-content:center;padding:.75rem}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#1a1c23;background:var(--sidebar-bg)}.sidebar::-webkit-scrollbar-thumb{background:#2d3748;background:var(--sidebar-border);border-radius:.5rem;border-radius:var(--sidebar-radius)}.sidebar::-webkit-scrollbar-thumb:hover{background:#2d3748;background:var(--sidebar-hover)}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);width:280px}.sidebar.closed{transform:translateX(-100%)}}:root{--header-shadow:#0000001a;--btn-hover-bg:#fef2f2;--btn-hover-color:#c53030;--notification-bg:#e53e3e;--notification-color:#fff;--border-radius:0.5rem}.header{align-items:center;background:#fff;background:var(--header-bg);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--header-shadow);display:flex;height:64px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{align-items:center;gap:1rem}.sidebar-toggle{background:none;border:none;border-radius:.5rem;border-radius:var(--border-radius);color:#718096;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:.5rem;transition:all .3s ease}.sidebar-toggle:hover{background-color:#fef2f2;background-color:var(--btn-hover-bg);color:#c53030;color:var(--btn-hover-color)}.header-title{color:#e53e3e;color:var(--primary-color);font-size:1.25rem;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}.header-right{align-items:center;display:flex;gap:1rem}.header-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--border-radius);color:#718096;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:.5rem;position:relative;transition:all .3s ease}.header-btn:hover{background-color:#fef2f2;background-color:var(--btn-hover-bg);color:#c53030;color:var(--btn-hover-color)}.notification-btn{position:relative}.notification-badge{background-color:#e53e3e;background-color:var(--notification-bg);border-radius:.5rem;border-radius:var(--border-radius);color:#fff;color:var(--notification-color);font-size:.625rem;font-weight:700;min-width:1rem;padding:.15rem .5rem;position:absolute;right:0;text-align:center;top:0;transform:translate(25%,-25%)}.user-menu{gap:.75rem}.user-info,.user-menu{align-items:center;display:flex}.user-info{background-color:#f7fafc;border-radius:.5rem;border-radius:var(--border-radius);gap:.5rem;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.user-icon{color:#e53e3e;color:var(--primary-color);font-size:1.25rem}.user-name{color:#2d3748;color:var(--text-primary);font-size:.875rem;font-weight:600}.logout-btn{color:var(--danger);font-size:1.25rem}.logout-btn:hover{background-color:#fef2f2;background-color:var(--btn-hover-bg);color:#9b2c2c}@media (max-width:768px){.header{padding:0 1rem}.header-title{font-size:1.125rem}.user-name{display:none}.user-info{padding:.5rem}}:root{--primary-color:#e53e3e;--sidebar-bg:#1a1c23;--sidebar-hover:#2d3748;--header-bg:#fff;--card-bg:#fff;--text-primary:#2d3748;--text-secondary:#718096;--success:#48bb78;--warning:#ecc94b;--danger:#e53e3e;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000001f;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem}.layout{background-color:#f7fafc;display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:80px}.content{flex:1 1;margin:0 auto;max-width:1920px;overflow-y:auto;padding:2rem;width:100%}.content-wrapper{display:flex;flex-direction:column;gap:2rem}@media (max-width:1024px){.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0}.content{padding:1.5rem}}@media (max-width:640px){.content{padding:1rem}}.stats-card-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease}.stats-card-link:hover{transform:translateY(-2px)}.stats-card{align-items:center;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--shadow-md);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stats-card:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.stats-card:hover:before{width:8px}.stats-card.users:before{background:linear-gradient(135deg,#667eea,#764ba2)}.stats-card.orders:before{background:linear-gradient(135deg,#f6d365,#fda085)}.stats-card.products:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stats-card.revenue:before{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stats-card.payments:before{background:linear-gradient(135deg,#fa709a,#fee140)}.stats-card.complaints:before{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.stats-card-icon{align-items:center;border-radius:1rem;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:3.5rem;justify-content:center;width:3.5rem}.stats-card.users .stats-card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stats-card.orders .stats-card-icon{background:linear-gradient(135deg,#f6d365,#fda085)}.stats-card.products .stats-card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stats-card.revenue .stats-card-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stats-card.payments .stats-card-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.stats-card.complaints .stats-card-icon{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.stats-card-content{flex:1 1;min-width:0}.stats-card-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stats-card-title{font-size:.875rem;font-weight:500}.stats-card-subtitle,.stats-card-title{color:var(--text-secondary);margin-bottom:.5rem}.stats-card-subtitle{font-size:.75rem}.stats-card-growth{align-items:center;border-radius:.5rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.stats-card-growth.up{background:#f0fff4;color:var(--success)}.stats-card-growth.down{background:#fff5f5;color:var(--danger)}.growth-indicator{font-size:.875rem}@media (max-width:1024px){.stats-card{gap:.875rem;padding:1.25rem}.stats-card-icon{font-size:1.375rem;height:3.25rem;width:3.25rem}.stats-card-value{font-size:1.625rem}}@media (max-width:768px){.stats-card{gap:.75rem;padding:1rem}.stats-card-icon{font-size:1.25rem;height:3rem;width:3rem}.stats-card-value{font-size:1.5rem}.stats-card-title{font-size:.8125rem}.stats-card-subtitle{font-size:.6875rem}}@media (max-width:480px){.stats-card{gap:.625rem;padding:.875rem}.stats-card-icon{font-size:1rem;height:2.5rem;width:2.5rem}.stats-card-value{font-size:1.25rem}.stats-card-title{font-size:.75rem}.stats-card-subtitle{font-size:.625rem}.stats-card-growth{font-size:.6875rem;padding:.1875rem .375rem}}.data-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease}.data-card:hover{box-shadow:var(--shadow-lg)}.data-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.data-card-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.data-card-link{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.data-card-link:hover{color:#c53030}.data-card-content{padding:0}.data-card-empty{color:var(--text-secondary);padding:2rem;text-align:center}.data-card-table{width:100%}.data-card-header-row{background:#f7fafc;border-bottom:1px solid var(--border-color);display:flex}.data-card-header-cell{color:var(--text-secondary);flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.data-card-header-cell.actions{flex:0 0 80px;text-align:center}.data-card-row{border-bottom:1px solid var(--border-color);display:flex;transition:background-color .2s ease}.data-card-row:hover{background:#f7fafc}.data-card-row:last-child{border-bottom:none}.data-card-cell{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:.875rem;padding:1rem}.data-card-cell.actions{flex:0 0 80px;gap:.5rem;justify-content:center}.data-card-footer{background:#f7fafc;border-top:1px solid var(--border-color);padding:1rem 1.5rem;text-align:center}.data-card-count{color:var(--text-secondary);font-size:.75rem}.data-card-cell .status-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.data-card-cell .product-info{align-items:center;display:flex;gap:.75rem}.data-card-cell .product-image{border-radius:.375rem;height:40px;object-fit:cover;width:40px}.data-card-cell .product-details h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.data-card-cell .product-details p{color:var(--text-secondary);font-size:.75rem;margin:0}.data-card-cell .user-info h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.data-card-cell .user-info p{color:var(--text-secondary);font-size:.75rem;margin:0}.data-card-cell .order-info h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.data-card-cell .order-info p{color:var(--text-secondary);font-size:.75rem;margin:0}.data-card-cell .amount{color:var(--primary-color);font-weight:600}.data-card-cell .date{color:var(--text-secondary);font-size:.75rem}.data-card-cell .btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.data-card-cell .btn-primary{background:var(--primary-color);color:#fff}.data-card-cell .btn-primary:hover{background:#c53030}.data-card-cell .btn-secondary{background:#e2e8f0;color:var(--text-secondary)}.data-card-cell .btn-secondary:hover{background:#cbd5e0}@media (max-width:768px){.data-card-header{align-items:flex-start;gap:.5rem;padding:1rem}.data-card-header,.data-card-header-row,.data-card-row{flex-direction:column}.data-card-cell,.data-card-header-cell{border-bottom:1px solid var(--border-color);padding:.5rem 1rem}.data-card-header-cell:before{color:var(--text-secondary);content:attr(data-label) ": ";font-weight:600}.data-card-cell.actions{justify-content:flex-start}}.product-form{padding:0}.form-loading{color:#666;padding:40px}.form-grid{grid-gap:20px;gap:20px;margin-bottom:20px}.form-row{display:flex;flex-direction:row;gap:20px}.form-row .form-group{flex:1 1}.form-label{color:#333}.form-control{background-color:#fff}.submit-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:10px 15px}.image-upload-container{transition:border-color .3s ease}.image-upload-container:hover{border-color:#007bff}.image-preview img{border-radius:8px}.remove-image{align-items:center;display:flex;font-size:12px;height:24px;right:-8px;top:-8px;transition:background-color .3s ease;width:24px}.btn,.remove-image{justify-content:center}.btn-outline-primary{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-outline-primary:hover:not(:disabled){background-color:#007bff}.form-text{color:#6c757d;font-size:12px}.checkbox-group{margin-top:10px}.checkbox-label{font-weight:400;margin:0}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px}.form-actions{margin-top:20px}@media (max-width:768px){.form-grid{gap:15px;grid-template-columns:1fr}.form-group.full-width{grid-column:1}.form-row{flex-direction:column;gap:15px}.form-actions{flex-direction:column-reverse;gap:10px}.btn{justify-content:center;width:100%}.image-preview img{max-height:150px;max-width:150px}}@media (max-width:480px){.image-upload-container{padding:15px}.image-preview img{max-height:120px;max-width:120px}.form-control{padding:8px 10px}}.product-form.loading{opacity:.7;pointer-events:none}.product-form.loading .form-control{background-color:#f8f9fa}.btn:focus,.form-control:focus{outline:2px solid #007bff;outline-offset:2px}.error-message{animation:slideDown .3s ease-out}.upload-controls label.btn{transition:all .3s ease}.upload-controls label.btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-size:16px;padding-right:32px}.checkbox-label input[type=checkbox]{accent-color:#007bff}.image-upload-container{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;margin-bottom:15px;padding:20px;text-align:center}.image-preview{margin-bottom:15px}.image-preview img{border-radius:4px;max-height:200px;max-width:200px}.remove-image{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;height:25px;line-height:25px;padding:0;position:absolute;right:-10px;text-align:center;top:-10px;width:25px}.remove-image:hover{background:#c82333}.upload-controls{align-items:center;display:flex;flex-direction:column;gap:10px}.upload-controls label.btn{cursor:pointer;margin:0}.upload-controls .form-text{color:#6c757d}.products-page{padding:0}.page-header h1{margin:0 0 4px}.search-input{border:1px solid #ddd;font-size:14px}.search-icon{color:#666}.filter-select{border:1px solid #ddd;font-size:14px}.filter-icon{color:#666}.products-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.products-table{margin:0}.products-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;padding:16px 12px}.products-table td{padding:16px 12px;vertical-align:middle}.product-info{gap:12px}.product-image{border-radius:8px;height:60px;width:60px}.product-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.product-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;margin:0;overflow:hidden}.featured-badge{background-color:#ffc107;border-radius:4px;color:#333;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 6px;text-transform:uppercase}.price-info .regular-price{color:#e53e3e;font-size:16px;font-weight:600}.price-info .wholesale-price{color:#666;font-size:12px;margin-top:2px}.stock-info .stock-count{color:#333;font-size:14px;font-weight:600}.stock-info .stock-count.low-stock{color:#dc3545}.stock-info .low-stock-warning{color:#dc3545;display:block;font-size:10px;font-weight:600;margin-top:2px;text-transform:uppercase}.empty-state{color:#666;padding:60px 20px}.empty-state .empty-icon{color:#ddd;font-size:48px;margin-bottom:20px}.empty-state h3{color:#333;font-size:20px;margin-bottom:10px}.empty-state p{color:#666;font-size:16px;margin-bottom:20px}.category-badge{background-color:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.btn-outline-secondary{background-color:initial;border:1px solid #6c757d;border-radius:4px;color:#6c757d;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.btn-outline-secondary:hover{background-color:#6c757d;color:#fff}.modal-content{border-radius:12px;box-shadow:0 20px 40px #0000004d}.modal-header{padding:24px}.modal-close,.modal-header h2{font-size:24px}.modal-close{color:#666;padding:4px}.modal-close:hover{color:#333}.product-form{padding:24px}.form-grid{margin-bottom:24px}.checkbox-group{align-items:center;display:flex;margin-top:8px}.checkbox-label{color:#333;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.modal-footer{border-top:1px solid #e9ecef;gap:12px;padding-top:24px}@media (max-width:768px){.page-header{align-items:stretch;gap:16px}.filters-section,.page-header{flex-direction:column}.search-box{min-width:auto}.products-table-container{overflow-x:auto}.products-table{min-width:800px}.product-info{min-width:200px}.form-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}.table-responsive{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow-x:auto;width:100%}.table{border-collapse:collapse;font-size:.875rem;width:100%}.table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border-color)}.table td{padding:var(--spacing-lg);vertical-align:middle}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.table-checkbox{text-align:center;width:48px}.table-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:1rem;width:1rem}.table-actions{text-align:center;white-space:nowrap;width:100px}.table tr.clickable{cursor:pointer}.table .status-badge{letter-spacing:.05em}.table .priority-badge,.table .status-badge{border-radius:var(--border-radius);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.table-loading{align-items:center;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:center;min-height:200px}.table-loading .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.table-empty{align-items:center;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:center;min-height:200px}.table .cell-image{border-radius:var(--border-radius);height:40px;object-fit:cover;width:40px}.table .cell-primary{color:var(--text-primary);font-weight:600}.table .cell-secondary{color:var(--text-secondary);font-size:.75rem}.table .cell-amount{color:var(--primary-color);font-weight:600}.table .cell-date{color:var(--text-secondary);font-size:.75rem}.table .action-buttons{display:flex;gap:.5rem;justify-content:center}.table .btn-icon{align-items:center;border-radius:var(--border-radius);display:inline-flex;font-size:.875rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}@media (max-width:768px){.table td,.table th{padding:var(--spacing-md)}.table-actions{width:80px}.table .btn-icon{font-size:.75rem;height:24px;width:24px}}.table-sticky-header{max-height:600px;overflow-y:auto}.table-sticky-header thead th{background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:1}.table-compact td,.table-compact th{padding:var(--spacing-sm) var(--spacing-md)}.table-bordered td,.table-bordered th{border:1px solid var(--border-color)}.table-striped tbody tr:nth-child(odd){background-color:var(--bg-secondary)}.table-striped tbody tr:hover{background-color:var(--bg-muted)}.modal-overlay{animation:fadeIn .3s ease-out;background-color:#00000080}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 10px 30px #0000004d}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:20px 25px}.modal-header h2{color:#333;font-size:20px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover:not(:disabled){background-color:#e9ecef;color:#333}.close-btn:disabled{cursor:not-allowed;opacity:.5}.form{padding:25px}.form-group label{color:#333;font-size:14px;margin-bottom:6px}.form-control.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.form-control:disabled{background-color:#f8f9fa;opacity:.7}textarea.form-control{min-height:80px}.error-message{font-size:12px;font-weight:500;margin-top:4px}.image-preview{display:inline-block;margin-top:10px;position:relative;text-align:center}.image-preview img{border:1px solid #e0e0e0;border-radius:6px;max-height:150px;max-width:150px}.remove-image-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.remove-image-btn:hover:not(:disabled){background:#c82333;transform:scale(1.1)}.remove-image-btn:disabled{cursor:not-allowed;opacity:.6}.file-input-wrapper{margin-top:8px;position:relative}.file-input-wrapper input[type=file]{display:none}.file-input-button{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.file-input-button:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.file-input-button svg{height:16px;width:16px}.checkbox-label{font-weight:400!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #ddd;border-radius:3px;flex-shrink:0;height:18px;margin-right:10px;position:relative;transition:all .3s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:#007bff;border-color:#007bff}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-label:hover .checkmark{border-color:#007bff}.form-actions{border-top:1px solid #e0e0e0;margin-top:30px}.btn{min-width:100px;padding:10px 20px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh;width:95%}.modal-header{padding:15px 20px}.modal-header h2{font-size:18px}.form{padding:20px}.form-actions{flex-direction:column-reverse;gap:10px}.btn{min-width:auto;width:100%}}@media (max-width:480px){.modal-content{margin:5px;width:98%}.modal-header{padding:12px 15px}.form{padding:15px}.form-group{margin-bottom:15px}.image-preview img{max-height:120px;max-width:120px}}.form.loading{opacity:.7;pointer-events:none}.form.loading .form-control{background-color:#f8f9fa}.modal-overlay:focus{outline:none}.modal-content{scroll-behavior:smooth}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.categories-page{padding:20px}.page-header{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.page-header h1{font-size:28px;font-weight:600}.notification{animation:slideDown .3s ease-out;border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 20px}.notification.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters{gap:20px;margin-bottom:25px}.search-box{max-width:400px}.filter-select{min-width:200px}.form-control{border:1px solid #ddd;padding:10px 15px;transition:border-color .3s ease}.categories-table{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.category-info{align-items:center;display:flex;gap:12px}.category-image{border:1px solid #e0e0e0;border-radius:6px;height:40px;object-fit:cover;width:40px}.category-name{color:#333;font-weight:600;margin-bottom:2px}.category-slug{color:#666;font-size:12px;font-style:italic}.category-description{color:#555;line-height:1.4;max-width:300px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;min-width:30px;padding:4px 8px;text-align:center}.badge-info{background-color:#d1ecf1}.btn{font-size:12px;padding:6px 12px;text-align:center}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:#28a745}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{font-size:11px;padding:4px 8px}.text-center{text-align:center}@media (max-width:768px){.categories-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.page-header h1{font-size:24px;text-align:center}.filters{flex-direction:column;gap:15px}.filter-select,.search-box{max-width:none;min-width:auto}.category-info{align-items:flex-start;flex-direction:column;gap:8px}.category-image{height:60px;width:60px}.action-buttons{flex-direction:column;gap:4px}.btn{text-align:center;width:100%}}@media (max-width:480px){.categories-page{padding:10px}.page-header h1{font-size:20px}.category-description{max-width:none}}:root{--primary-color:#4a90e2;--secondary-color:#50e3c2;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--bg-primary:#f4f6f9;--bg-secondary:#e8ecf1;--border-color:#dde1e6;--danger-color:#e74c3c;--warning-color:#f1c40f;--info-color:#3498db;--success-color:#2ecc71;--font-family:"Inter",sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px}body{background-color:#f4f6f9;background-color:var(--bg-primary);color:#2c3e50;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-family)}.orders-page{padding:24px}.page-header{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.page-header h1{color:#2c3e50;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.page-header p{color:#7f8c8d;color:var(--text-secondary);font-size:1rem}.filters-section{gap:16px;margin-bottom:24px}.filter-box,.search-box{align-items:center;display:flex}.search-box{min-width:300px}.search-input{background:#fff;border:1px solid #dde1e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);font-size:1rem;padding:12px 12px 12px 40px;transition:all .2s ease}.search-input:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);outline:none}.search-icon{color:#7f8c8d;color:var(--text-secondary);left:12px;position:absolute;z-index:1}.filter-box{min-width:200px}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #dde1e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;font-size:1rem;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.filter-select:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);outline:none}.filter-icon{color:#7f8c8d;color:var(--text-secondary);left:12px;position:absolute;z-index:1}.order-stats{grid-gap:24px;gap:24px;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.order-stats .stat-card{background:#fff;border:1px solid #dde1e6;border-radius:12px;box-shadow:0 4px 6px #0000001a;justify-content:space-between;padding:24px;text-align:left}.order-stats .stat-card .stat-icon{color:#4a90e2;color:var(--primary-color);font-size:2.5rem;opacity:.1;position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:opacity .3s ease;z-index:0}.order-stats .stat-card:hover .stat-icon{opacity:.2}.order-stats .stat-card:before{background:#4a90e2;background:var(--primary-color)}.order-stats .stat-card.warning:before{background:#f1c40f;background:var(--warning-color)}.order-stats .stat-card.success:before{background:#2ecc71;background:var(--success-color)}.order-stats .stat-card.danger:before{background:#e74c3c;background:var(--danger-color)}.order-stats .stat-card.info:before{background:#3498db;background:var(--info-color)}.order-stats .stat-card:hover{box-shadow:0 8px 20px #00000026}.order-stats .stat-number{color:#2c3e50;line-height:1.2}.order-stats .stat-card h3{color:#7f8c8d;margin:0}.stat-number.warning{color:#f1c40f;color:var(--warning-color)}.stat-number.success{color:#2ecc71;color:var(--success-color)}.stat-number.danger{color:#e74c3c;color:var(--danger-color)}.stat-number.info{color:#3498db;color:var(--info-color)}.orders-table-container{background:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.orders-table{border-collapse:initial;border-spacing:0;margin:0}.orders-table thead tr{background-color:#e8ecf1;background-color:var(--bg-secondary)}.orders-table th{border-bottom:2px solid #dde1e6;border-bottom:2px solid var(--border-color);color:#2c3e50;text-align:left}.orders-table td,.orders-table th{padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.orders-table td{border-bottom:1px solid #dde1e6;border-bottom:1px solid var(--border-color);vertical-align:middle}.orders-table tbody tr:hover{background-color:#f4f6f9;background-color:var(--bg-primary)}.order-number-strong{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600}.order-items-count{color:#7f8c8d;margin-top:2px}.order-number-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.source-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.625rem;font-weight:600;gap:4px;gap:var(--spacing-xs);padding:2px 8px;text-transform:uppercase}.source-android{background:#d4edda;color:#155724}.source-web{background:#cce5ff;color:#004085}.customer-notes-indicator,.validation-warning{align-items:center;color:#f1c40f;color:var(--warning-color);cursor:help;display:flex;font-size:.6875rem;gap:4px;gap:var(--spacing-xs);margin-top:2px}.customer-notes-indicator{color:#3498db;color:var(--info-color)}.update-loading{color:#7f8c8d;color:var(--text-secondary);font-size:.625rem;font-style:italic;margin-top:2px}.customer-info .customer-name{color:#2c3e50;color:var(--text-primary);font-weight:600;margin-bottom:4px}.customer-contact{color:#7f8c8d}.customer-contact div{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.order-total{color:#e74c3c;color:var(--danger-color);font-size:1rem}.status-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #dde1e6;border-radius:20px;padding:8px 16px}.status-select:disabled{cursor:not-allowed;opacity:.6}.status-select.status-pending{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.status-select.status-confirmed{background-color:#cce5ff;border-color:#b3d7ff;color:#004085}.status-select.status-processing{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.status-select.status-shipped{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.status-select.status-delivered{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.status-select.status-cancelled{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.order-date{color:#2c3e50;color:var(--text-primary);font-weight:600}.order-time{color:#7f8c8d;margin-top:2px}.action-buttons{gap:8px}.action-buttons .btn{border-radius:8px;border-radius:var(--border-radius-md);font-size:.875rem;padding:8px 12px;transition:all .2s ease}.action-buttons .btn:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.empty-state{background:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#7f8c8d;padding:40px}.order-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2c3e50b3;padding:20px}.order-form-container{animation:modal-enter .3s ease forwards;background:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 25px #0003;max-width:800px;transform:scale(.95);transition:all .3s ease-in-out}@keyframes modal-enter{to{transform:scale(1)}}.order-form-loading-container{align-items:center;color:#7f8c8d;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;padding:var(--spacing-xl);text-align:center}.order-form-loading-spinner{animation:spin 1s linear infinite;border:4px solid #dde1e6;border-top-color:#4a90e2;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:16px;margin-bottom:var(--spacing-md);width:40px}.order-form-header{align-items:center;background:#fff;border-bottom:1px solid #dde1e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.form-title{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:8px;gap:var(--spacing-sm)}.form-subtitle,.form-title{align-items:center;display:flex;margin:0}.form-subtitle{font-size:.875rem;gap:4px;gap:var(--spacing-xs)}.close-form-btn,.form-subtitle{color:#7f8c8d;color:var(--text-secondary)}.close-form-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-form-btn:hover{background:#e8ecf1;background:var(--bg-secondary);color:#2c3e50;color:var(--text-primary)}.order-form{padding:24px;padding:var(--spacing-lg)}.form-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.form-section.card{background:#f4f6f9;background:var(--bg-primary);border:1px solid #dde1e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg)}.form-section:last-child{margin-bottom:0}.section-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.section-title{border-bottom:2px solid #dde1e6;border-bottom:2px solid var(--border-color);color:#2c3e50;font-size:1.125rem;gap:8px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;padding-bottom:8px}.form-grid .full-width{grid-column:1/-1}.form-group{margin-bottom:0}.form-label{color:#2c3e50;margin-bottom:8px}.form-label.required{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.required-indicator{color:#e74c3c;color:var(--danger-color)}.form-control,.form-control-static{border:1px solid #dde1e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-sizing:border-box;font-size:.875rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.form-control{background:#fff}.form-control:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-control.error{border-color:#e74c3c;border-color:var(--danger-color)}.form-control-static{align-items:center;background:#e8ecf1;background:var(--bg-secondary);color:#2c3e50;color:var(--text-primary);display:flex;min-height:44px}.highlight{color:#4a90e2;color:var(--primary-color);font-weight:700}.error-message{color:#e74c3c;color:var(--danger-color);display:block;font-size:.75rem}.error-message,.payment-proof-preview{margin-top:8px;margin-top:var(--spacing-sm)}.payment-proof-preview{background:#e8ecf1;background:var(--bg-secondary);display:inline-block;padding:8px;padding:var(--spacing-sm)}.payment-proof-image,.payment-proof-preview{border-radius:8px;border-radius:var(--border-radius-md)}.payment-proof-image{border:1px solid #dde1e6;cursor:pointer;max-height:150px;max-width:200px;transition:transform .2s}.payment-proof-image:hover{transform:scale(1.05)}.product-info{gap:16px;gap:var(--spacing-md)}.product-image{border:1px solid #dde1e6;border-radius:4px;border-radius:var(--border-radius-sm)}.product-image-placeholder{align-items:center;background:#e8ecf1;background:var(--bg-secondary);border:1px solid #dde1e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm);color:#7f8c8d;color:var(--text-secondary);display:flex;font-size:.625rem;height:50px;justify-content:center;width:50px}.order-items-table table{border-collapse:collapse;width:100%}.order-items-table td,.order-items-table th{border-bottom:1px solid #dde1e6;border-bottom:1px solid var(--border-color);padding:16px;padding:var(--spacing-md);text-align:left}.order-items-table thead{background:#e8ecf1;background:var(--bg-secondary)}.order-items-table th{color:#2c3e50;color:var(--text-primary);font-weight:600}.table-item-row:hover{background-color:#f4f6f9;background-color:var(--bg-primary)}.sku-code{background:#e8ecf1;background:var(--bg-secondary);border-radius:4px;border-radius:var(--border-radius-sm);color:#7f8c8d;color:var(--text-secondary);font-family:monospace;font-size:.875rem;padding:2px 6px}.form-actions{background:#fff;border-top:1px solid #dde1e6;border-top:1px solid var(--border-color);bottom:0;gap:16px;gap:var(--spacing-md);margin-top:32px;margin-top:var(--spacing-xl);padding-top:24px;padding-top:var(--spacing-lg);position:-webkit-sticky;position:sticky;z-index:10}.sticky-footer{border-top:none;box-shadow:0 -4px 10px #0000000d}.btn{border-radius:50px;display:flex;font-size:1rem;gap:8px;gap:var(--spacing-sm);letter-spacing:.025em;padding:12px 24px;text-transform:uppercase}.btn.btn-primary{background:#4a90e2;background:var(--primary-color);color:#fff}.btn.btn-primary:hover{background:#3a7ac9;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn.btn-secondary{background:#e8ecf1;background:var(--bg-secondary);border:1px solid #dde1e6;border:1px solid var(--border-color);color:#7f8c8d;color:var(--text-secondary)}.btn.btn-secondary:hover{background:#e0e4e9;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.wilayah-card{background:#e8ecf1;background:var(--bg-secondary);border:1px solid #dde1e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.wilayah-card-title{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}@media (max-width:768px){.orders-page{padding:16px;padding:var(--spacing-md)}.page-header{flex-direction:column;gap:16px;gap:var(--spacing-md)}.page-header h1{font-size:1.5rem}.filters-section{flex-direction:column}.filter-box,.search-box{min-width:auto;width:100%}.order-stats{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.orders-table-container{overflow-x:auto}.orders-table{min-width:700px}.form-grid{grid-template-columns:1fr}.form-actions,.form-grid{gap:16px;gap:var(--spacing-md)}.form-actions{flex-direction:column}.btn{width:100%}}.value.warning{color:#f1c40f;color:var(--warning-color);font-style:italic}.validation-card{border-left:4px solid #f1c40f;border-left:4px solid var(--warning-color)}.validation-content ul{margin:0;padding-left:20px}.validation-content li{color:#f1c40f;color:var(--warning-color);margin-bottom:8px}.complaint-number-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.response-loading{color:#7f8c8d;color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-top:8px}.react-select-container{font-size:14px}.react-select__control{border-color:#dde1e6!important;border-color:var(--border-color)!important;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:none!important;transition:all .2s ease}.react-select__control--is-focused{border-color:#4a90e2!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #4a90e21a!important}.react-select__placeholder{color:#7f8c8d!important;color:var(--text-secondary)!important}.react-select__indicator-separator{background-color:#dde1e6!important;background-color:var(--border-color)!important}.react-select__dropdown-indicator{color:#7f8c8d!important;color:var(--text-secondary)!important}.react-select__option--is-selected{background-color:#4a90e2!important;background-color:var(--primary-color)!important;color:#fff!important}.react-select__option--is-focused{background-color:#e8ecf1!important;background-color:var(--bg-secondary)!important;color:#2c3e50!important;color:var(--text-primary)!important}.bank-transfer-warning{align-items:center;display:flex;justify-content:flex-start}.warning-badge{word-wrap:break-word;align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;border-radius:var(--border-radius-md);color:#856404;display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;gap:var(--spacing-xs);max-width:100%;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.warning-badge svg{flex-shrink:0;font-size:1rem}.form-text{color:#7f8c8d;font-size:.8125rem;line-height:1.4;margin-top:8px;margin-top:var(--spacing-sm)}.form-text br{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.form-control[name=notes]{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.form-control[name=notes]:focus{min-height:120px;transition:min-height .2s ease}@media (max-width:768px){.form-text{font-size:.75rem;line-height:1.3}.form-control[name=notes]{font-size:.875rem;min-height:80px}.form-control[name=notes]:focus{min-height:100px}}@media (max-width:480px){.form-text{font-size:.7rem;margin-top:4px;margin-top:var(--spacing-xs)}.form-control[name=notes]{font-size:.8rem;min-height:70px}}.order-form .wilayah-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.order-form .wilayah-title{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.order-form .wilayah-title:before{content:"📍";font-size:1.2rem}.order-form .wilayah-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:16px}.order-form .wilayah-card-title{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:700;gap:.5rem;margin-bottom:1rem}.order-form .wilayah-selector.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.order-form .wilayah-selector .form-group{margin-bottom:0}.order-form .wilayah-selector .wilayah-info{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:.375rem;grid-column:1/-1;margin-top:1rem;padding:.75rem}.order-form .wilayah-selector .wilayah-info .text-muted{color:#1e40af;font-size:.875rem;font-weight:500}.order-form .form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.order-form .section-header{border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:.75rem}.order-form .section-title{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.order-form .title-icon{color:#3b82f6}.order-form .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.order-form .form-group.full-width{grid-column:1/-1}.order-form .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.order-form .form-label.required{position:relative}.order-form .required-indicator{color:#ef4444;margin-left:.25rem}.order-form .form-control{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:all .2s ease-in-out;width:100%}.order-form .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.order-form .form-control.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.order-form .form-control-static{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;min-height:2.75rem;padding:.75rem}.order-form .error-message{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.order-form .form-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.order-form .btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.order-form .btn-primary{background-color:#3b82f6;color:#fff}.order-form .btn-primary:hover{background-color:#2563eb}.order-form .btn-secondary{background-color:#6b7280;color:#fff}.order-form .btn-secondary:hover{background-color:#4b5563}@media (max-width:768px){.order-form .form-grid,.order-form .wilayah-selector.grid{grid-template-columns:1fr}.order-form .form-actions{flex-direction:column;gap:1rem}.order-form .form-actions .btn{justify-content:center;width:100%}}.order-form .order-items-table{margin-top:1rem;overflow-x:auto}.order-form .order-items-table .table{border-collapse:collapse;font-size:.875rem;width:100%}.order-form .order-items-table .table td,.order-form .order-items-table .table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.order-form .order-items-table .table th{background-color:#f9fafb;color:#374151;font-weight:600}.order-form .product-info{align-items:center;display:flex;gap:.75rem}.order-form .product-image{border-radius:.25rem;height:40px;object-fit:cover;width:40px}.order-form .product-image-placeholder{align-items:center;background-color:#f3f4f6;border-radius:.25rem;color:#6b7280;display:flex;font-size:.75rem;height:40px;justify-content:center;width:40px}.order-form .payment-proof-preview{margin-top:.5rem}.order-form .payment-proof-image{border-radius:.375rem;cursor:pointer;max-height:200px;max-width:200px;transition:transform .2s ease-in-out}.order-form .payment-proof-image:hover{transform:scale(1.05)}.form-loading{align-items:center;color:#6b7280;font-size:1rem;height:200px}.form-loading,.order-form-overlay{display:flex;justify-content:center}.order-form-overlay{align-items:flex-start;background-color:#00000080;bottom:0;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.order-form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:4xl;overflow-y:auto;position:relative;width:100%}.order-form-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:.5rem .5rem 0 0;padding:1.5rem;position:relative}.order-form-header .form-title{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.order-form-header .form-subtitle{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin:0}.order-form-header .close-form-btn{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease-in-out}.order-form-header .close-form-btn:hover{background-color:#e5e7eb;color:#374151}.order-form{padding:1.5rem}.order-form-container{animation:fadeIn .3s ease-out}.orders-page{padding:var(--spacing-lg)}.filter-box input,.filter-box select,.search-box input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.filter-box input:focus,.filter-box select:focus,.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.orders-table-container{-webkit-overflow-scrolling:touch;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;overflow-x:auto}.orders-table{border-collapse:collapse;min-width:900px;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left;vertical-align:middle}.orders-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.orders-table tbody tr:hover,.orders-table th{background:var(--bg-secondary)}.order-number{display:flex;flex-direction:column;gap:.25rem}.order-number strong{color:var(--primary-color);font-family:monospace;font-size:.875rem}.order-items-count{color:var(--text-secondary);font-size:.75rem}.order-total{color:var(--success-color);font-size:.875rem;font-weight:700}.order-date{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.order-time{color:var(--text-secondary);font-size:.75rem}.status-select{min-width:140px}.order-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-xl)}.order-stats .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .3s ease}.order-stats .stat-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.order-stats .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.order-stats .stat-card:hover:before{height:6px}.order-stats .stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.order-stats .stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:0;transition:color .3s ease}.order-stats .stat-number.pending{color:var(--warning-color)}.order-stats .stat-number.processing{color:var(--primary-color)}.order-stats .stat-number.shipped{color:var(--info-color)}@media (min-width:1025px){.orders-page{padding:var(--spacing-lg)}.orders-table{min-width:1100px}.order-stats{grid-template-columns:repeat(4,1fr)}.filters-section{flex-wrap:nowrap}}@media (min-width:769px) and (max-width:1024px){.orders-page{padding:var(--spacing-md)}.orders-table{min-width:1000px}.orders-table td,.orders-table th{padding:var(--spacing-sm)}.order-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.order-stats .stat-card{min-height:100px;padding:var(--spacing-md)}.order-stats .stat-number{font-size:2.25rem}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}.status-select{min-width:120px}}@media (max-width:768px){.orders-page{padding:var(--spacing-md)}.orders-table{font-size:.8rem;min-width:800px}.orders-table td,.orders-table th{padding:var(--spacing-sm)}.orders-table th{font-size:.75rem}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.orders-table td:nth-child(2),.orders-table td:nth-child(6),.orders-table th:nth-child(2),.orders-table th:nth-child(6){display:none}.order-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.order-stats .stat-card{min-height:90px;padding:var(--spacing-md)}.order-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}.order-stats .stat-number{font-size:2rem}.customer-name,.order-number strong,.order-total{font-size:.8rem}.status-select{font-size:.7rem;min-width:100px}.action-buttons .btn{font-size:.8rem;min-height:36px;min-width:36px}}@media (max-width:480px){.orders-page{padding:var(--spacing-sm)}.orders-table{font-size:.75rem;min-width:700px}.orders-table td,.orders-table th{padding:.5rem .25rem}.orders-table td:nth-child(3),.orders-table td:nth-child(5),.orders-table th:nth-child(3),.orders-table th:nth-child(5){display:none}.order-stats{gap:var(--spacing-sm);grid-template-columns:1fr}.order-stats .stat-card{min-height:80px;padding:var(--spacing-sm)}.order-stats .stat-card h3{font-size:.7rem}.order-stats .stat-number{font-size:1.75rem}.order-number strong{font-size:.75rem}.status-select{font-size:.65rem;min-width:90px;padding:.2rem .3rem}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}}@media (max-width:360px){.orders-table{min-width:600px}.orders-table td,.orders-table th{padding:.25rem}.order-stats .stat-card{min-height:70px;padding:var(--spacing-xs)}.order-stats .stat-number{font-size:1.5rem}.order-stats .stat-card h3{font-size:.65rem}.order-number strong{font-size:.7rem}.status-select{font-size:.6rem;min-width:80px}}@media (hover:none) and (pointer:coarse){.action-buttons .btn{min-height:44px;min-width:44px}.filter-box input,.filter-box select,.search-box input{font-size:16px;min-height:44px}.status-select{font-size:.8rem;min-height:44px}}@media (max-width:768px) and (orientation:landscape){.orders-table{min-width:900px}.orders-table td,.orders-table th{padding:var(--spacing-xs)}.order-stats{grid-template-columns:repeat(4,1fr)}.order-stats .stat-card{min-height:70px}}.modal-overlay{padding:20px}.modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.kasir-modal{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;padding:20px 24px}.modal-header h3{align-items:center;color:#495057;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#e9ecef;color:#495057}.modal-body{padding:24px}.form-section{margin-bottom:24px}.form-section h4{border-bottom:2px solid #e9ecef;color:#495057;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-label{color:#495057;font-size:14px;margin-bottom:6px}.form-label.required{position:relative}.required-indicator{color:#dc3545;margin-left:2px}.form-control{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{box-shadow:0 0 0 .2rem #007bff40}.form-control-static{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-weight:500;padding:10px 12px}.page-header-actions{align-items:center;display:flex;gap:12px}.item-row{align-items:flex-end;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.item-fields{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:2fr 1fr 80px 1fr}.remove-item-btn{height:38px;justify-content:center;width:38px}.remove-item-btn,.section-header{align-items:center;display:flex;margin-bottom:16px}.section-header{justify-content:space-between}.total-section{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-top:16px;padding:16px}.total-row{color:#1976d2;font-size:18px;text-align:right}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn{font-size:14px;gap:6px}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.btn-sm{font-size:12px;padding:6px 12px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-container{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}.form-grid,.item-fields{grid-template-columns:1fr}.item-row{align-items:stretch;flex-direction:column}.remove-item-btn{align-self:flex-end;margin-bottom:0;margin-top:12px}.page-header-actions{flex-direction:column;width:100%}.page-header-actions .btn{justify-content:center;width:100%}.modal-actions{flex-direction:column}.modal-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-header h3{font-size:16px}.form-section h4{font-size:14px}.total-row{font-size:16px}}.item-row{animation:itemSlideIn .3s ease-out}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn:focus,.form-control:focus,.modal-close-btn:focus{outline:2px solid #007bff;outline-offset:2px}.btn:disabled{opacity:.6}.form-success{color:#28a745}.form-error,.form-success{font-size:12px;margin-top:4px}.form-error{color:#dc3545}@media print{*{forced-color-adjust:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;line-height:1.4;margin:0;padding:0}.btn,.dropdown,.header,.modal,.navigation,.no-print,.page-header .header-actions,.sidebar,.status-controls select,.tooltip,button{display:none!important}.order-detail-page{background:#fff;margin:0 auto;max-width:210mm;padding:10mm}.print-header{border-bottom:2px solid #ee4d2d;display:block!important;margin-bottom:20px;padding:20px 0;text-align:center}.print-header .print-logo{height:auto;margin-bottom:10px;object-fit:contain;width:120px}@media print{.print-header{align-items:center;border-bottom:2px solid #ee4d2d;display:flex!important;flex-direction:column;justify-content:center;margin-bottom:20px;padding-bottom:15px}.print-header .print-logo{display:block!important;height:auto;margin-bottom:10px;width:120px}}.print-header .company-info{color:#666;font-size:11px;line-height:1.3}.page-header{margin-bottom:20px;page-break-inside:avoid}.page-header h1{color:#333;font-size:18px;font-weight:600;margin:0 0 5px}.page-header p{color:#666;font-size:11px;margin:0}.order-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px;page-break-inside:avoid}.card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;page-break-inside:avoid}.card-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0;padding:8px 12px}.card-header h3{color:#333;font-size:13px;font-weight:600;margin:0}.customer-details,.payment-details,.shipping-details{padding:12px}.detail-row{display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px}.detail-row .label{color:#666;font-weight:500;min-width:80px}.detail-row .value{color:#333;flex:1 1;margin-left:10px;text-align:right}.status-badge{border-radius:3px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-confirmed{background:#d1ecf1;color:#0c5460}.status-processing{background:#cce5ff;color:#004085}.status-delivered,.status-shipped{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.order-items-card{grid-column:1/-1;margin-bottom:20px}.order-items-table{padding:0}.table{border-collapse:collapse;font-size:11px;width:100%}.table th{background:#f8f9fa;color:#495057;font-size:10px;font-weight:600;text-align:left}.table td,.table th{border:1px solid #dee2e6;padding:8px 6px}.table td{vertical-align:middle}.product-info{align-items:center;display:flex;gap:8px}.product-image{border:1px solid #e0e0e0;border-radius:3px;height:30px;object-fit:cover;width:30px}.table code{background:#f8f9fa;border-radius:2px;color:#e83e8c;font-size:9px;padding:2px 4px}.order-summary-card{grid-column:1/-1;margin-bottom:20px}.order-summary{padding:12px}.summary-row{display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px}.summary-row.total-row{border-top:1px solid #dee2e6;font-size:13px;font-weight:600;margin-top:8px;padding-top:8px}.summary-row .label{color:#666}.summary-row .value{color:#333;font-weight:500}.total-row .value{color:#ee4d2d;font-size:14px}.notes-card{grid-column:1/-1}.notes-content{background:#f8f9fa;border-radius:0 0 6px 6px;color:#666;font-size:11px;line-height:1.4;padding:12px}.print-footer{border-top:1px solid #e0e0e0;color:#999;display:block!important;font-size:10px;margin-top:30px;padding-top:15px;text-align:center}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-inside-avoid{page-break-inside:avoid}@page{size:A4;margin:15mm}.print-qr-section{background:#fafafa;border:1px dashed #ccc;display:block!important;margin:20px 0;padding:15px;text-align:center}.print-qr-section .qr-label{color:#666;font-size:10px;margin-bottom:5px}.print-qr-section .order-number-large{color:#333;font-family:Courier New,monospace;font-size:16px;font-weight:700}.shipping-label{border:2px solid #333;margin:20px 0;padding:15px;page-break-inside:avoid}.shipping-label .to-address{font-size:12px;line-height:1.4;margin-bottom:10px}.shipping-label .from-address{border-top:1px solid #ccc;color:#666;font-size:10px;padding-top:10px}@media print and (max-width:180mm){.order-detail-grid{grid-template-columns:1fr}.table td,.table th{font-size:10px;padding:6px 4px}.product-image{height:25px;width:25px}}}@media screen{.print-footer,.print-header,.print-qr-section{display:none}}.order-detail-page{padding:var(--spacing-lg)}.page-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.header-left{align-items:flex-start;display:flex;gap:var(--spacing-md)}.header-left h1{color:var(--text-primary);font-size:1.5rem;margin:0 0 var(--spacing-xs) 0}.header-left p{color:var(--text-secondary);font-size:.875rem;margin:0}.header-actions{flex-shrink:0;gap:var(--spacing-sm)}.header-actions .btn{-webkit-tap-highlight-color:transparent;align-items:center;display:flex;gap:var(--spacing-xs);min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);touch-action:manipulation;white-space:nowrap}.order-detail-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-md)}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.order-status-card{grid-column:1/-1}.status-controls{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);padding:var(--spacing-md)}.status-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.status-select{font-size:.875rem;padding:var(--spacing-sm)}.status-select.status-confirmed{background:var(--info-light);border-color:var(--info-color);color:var(--info-dark)}.status-select.status-shipped{background:var(--secondary-light);border-color:var(--secondary-color);color:var(--secondary-dark)}.status-select.status-cancelled{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-dark)}.status-badge{display:inline-block;letter-spacing:.05em}.customer-details,.payment-details,.shipping-details{padding:var(--spacing-md)}.detail-row{border-bottom:1px solid var(--border-color);gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-secondary);flex-shrink:0;font-size:.875rem;min-width:120px}.detail-row .value{color:var(--text-primary);font-size:.875rem;text-align:right;word-break:break-word}.order-items-card{grid-column:1/-1}.order-items-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-items-table .table{border-collapse:collapse;min-width:700px;width:100%}.order-items-table .table td,.order-items-table .table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left;vertical-align:middle}.order-items-table .table th{background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.product-info{align-items:center;display:flex;gap:var(--spacing-sm)}.product-image{border:1px solid var(--border-color);border-radius:var(--border-radius);flex-shrink:0;height:50px;object-fit:cover;width:50px}.product-info span{color:var(--text-primary);font-size:.875rem;line-height:1.4}.order-summary-card{grid-column:1/-1}.order-summary{padding:var(--spacing-md)}.summary-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.summary-row:last-child{border-bottom:none}.summary-row.total-row{border-top:2px solid var(--border-color);color:var(--primary-color);font-size:1.1rem;font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.summary-row .label{color:var(--text-secondary);font-size:.875rem}.summary-row .value{color:var(--text-primary);font-size:.875rem;font-weight:600}.total-row .label,.total-row .value{color:var(--primary-color);font-size:1.1rem}.notes-content{padding:var(--spacing-md)}.notes-content p{color:var(--text-primary);font-size:.875rem;line-height:1.6;margin:0}@media (min-width:1025px){.order-detail-page{padding:var(--spacing-lg)}.order-detail-grid,.status-controls{grid-template-columns:repeat(2,1fr)}.order-items-table .table{min-width:800px}.product-image{height:60px;width:60px}}@media (min-width:769px) and (max-width:1024px){.order-detail-page{padding:var(--spacing-md)}.page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.header-left{flex-direction:column;gap:var(--spacing-sm)}.header-actions{align-self:stretch;justify-content:flex-end}.order-detail-grid,.status-controls{gap:var(--spacing-md);grid-template-columns:1fr}.order-items-table .table{min-width:700px}.order-items-table .table td,.order-items-table .table th{padding:var(--spacing-sm)}.product-image{height:45px;width:45px}.detail-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.detail-row .label{min-width:auto}.detail-row .value{text-align:left}}@media (max-width:768px){.order-detail-page{padding:var(--spacing-md)}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.header-left{flex-direction:column;gap:var(--spacing-sm)}.header-left h1{font-size:1.25rem}.header-actions{gap:var(--spacing-xs);justify-content:stretch}.header-actions .btn{flex:1 1;font-size:.875rem;justify-content:center;padding:var(--spacing-sm)}.order-detail-grid,.status-controls{gap:var(--spacing-md);grid-template-columns:1fr}.card-header,.customer-details,.notes-content,.order-summary,.payment-details,.shipping-details{padding:var(--spacing-sm)}.order-items-table .table{font-size:.8rem;min-width:600px}.order-items-table .table td,.order-items-table .table th{padding:var(--spacing-sm)}.order-items-table .table th{font-size:.75rem}.order-items-table .table td:nth-child(2),.order-items-table .table th:nth-child(2){display:none}.product-image{height:40px;width:40px}.product-info span{font-size:.8rem}.detail-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.detail-row .label{font-size:.8rem;min-width:auto}.detail-row .value{font-size:.8rem;text-align:left}.summary-row .label,.summary-row .value{font-size:.8rem}.total-row .label,.total-row .value{font-size:1rem}.status-select{font-size:.8rem}}@media (max-width:480px){.order-detail-page{padding:var(--spacing-sm)}.header-left h1{font-size:1.1rem}.header-left p{font-size:.8rem}.header-actions .btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.card-title{font-size:.9rem}.order-items-table .table{font-size:.75rem;min-width:500px}.order-items-table .table td,.order-items-table .table th{padding:var(--spacing-xs)}.order-items-table .table td:nth-child(3),.order-items-table .table th:nth-child(3){display:none}.product-image{height:35px;width:35px}.detail-row .label,.detail-row .value,.product-info span,.summary-row .label,.summary-row .value{font-size:.75rem}.total-row .label,.total-row .value{font-size:.9rem}.status-select{font-size:.75rem}.notes-content p{font-size:.8rem}}@media (max-width:360px){.order-items-table .table{min-width:400px}.order-items-table .table td,.order-items-table .table th{padding:.25rem}.product-image{height:30px;width:30px}.product-info span{font-size:.7rem}.header-left h1{font-size:1rem}.card-title{font-size:.85rem}}@media (hover:none) and (pointer:coarse){.header-actions .btn{min-height:44px;min-width:44px}.status-select{font-size:.875rem;min-height:44px}}@media (max-width:768px) and (orientation:landscape){.order-detail-grid,.status-controls{grid-template-columns:repeat(2,1fr)}.order-items-table .table{min-width:700px}}@media print{.no-print{display:none!important}.print-footer,.print-header,.print-qr-section,.shipping-label{display:block!important}.status-select{display:none!important}.status-badge{display:inline-block!important}.order-detail-page{padding:0}.card,.page-header{margin-bottom:var(--spacing-md)}.card{border:1px solid #ddd;box-shadow:none}.order-items-table .table{min-width:auto}}.loading{min-height:200px}.spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color)}@media (max-width:768px){.loading{min-height:150px}.spinner{border-width:3px;height:32px;width:32px}}.complaint-stats{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.complaint-stats .stat-card{padding:1.5rem}.complaint-stats .stat-card h3{margin:0 0 1rem}.complaint-stats .stat-number.processing{color:var(--info-color)}.complaint-stats .stat-card:has(.stat-number.open):before{background:linear-gradient(90deg,var(--warning-color),#f6ad55)}.complaint-stats .stat-card:has(.stat-number.processing):before{background:linear-gradient(90deg,var(--info-color),#63b3ed)}.complaint-stats .stat-card:has(.stat-number.resolved):before{background:linear-gradient(90deg,var(--success-color),#68d391)}@media (max-width:1024px){.complaint-stats{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.complaint-stats .stat-card{padding:1.25rem}.complaint-stats .stat-number{font-size:2.25rem}}@media (max-width:768px){.complaint-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.complaint-stats .stat-card{padding:1rem}.complaint-stats .stat-card h3{font-size:.75rem;margin-bottom:.75rem}.complaint-stats .stat-number{font-size:2rem}}@media (max-width:480px){.complaint-stats{gap:.75rem;grid-template-columns:1fr}.complaint-stats .stat-card{padding:1rem .75rem}.complaint-stats .stat-card h3{font-size:.75rem;margin-bottom:.5rem}.complaint-stats .stat-number{font-size:1.75rem}}.complaints-page{padding:1.5rem}.complaints-table-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem}.complaints-table th{color:var(--text-secondary);font-size:.75rem;text-align:left}.complaints-table td,.complaints-table th{border-bottom:1px solid var(--border-color);padding:1rem}.complaints-table td{font-size:.875rem;vertical-align:top}.complaints-table tbody tr:hover{background-color:var(--bg-secondary)}.complaints-table tbody tr:last-child td{border-bottom:none}.complaint-number{color:var(--text-primary);font-weight:600}.order-ref{margin-top:.25rem}.customer-info{min-width:150px}.customer-name{margin-bottom:.25rem}.customer-contact{color:var(--text-secondary);font-size:.75rem}.customer-contact div{margin-bottom:.125rem}.complaint-date{color:var(--text-primary);font-weight:600}.complaint-time{margin-top:.25rem}.status-select{transition:all .2s ease}.status-select:focus{border-color:var(--primary-color);outline:none}.complaint-modal{max-width:700px;width:100%}.complaint-detail{padding:1.5rem}.complaint-info{margin-bottom:1.5rem;padding:1rem}.info-row{padding:.5rem 0}.info-row .label{min-width:100px}.info-row .value{text-align:right}.complaint-content h4{margin:1.5rem 0 .5rem}.complaint-content p{color:var(--text-secondary);margin-bottom:1rem}.attachments{margin-top:1.5rem}.attachment-list{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.5rem}.response-section{margin-top:1.5rem}.response-textarea{min-height:100px;padding:.75rem;transition:border-color .2s ease}.response-textarea:focus{box-shadow:0 0 0 3px #e53e3e1a}@media (max-width:768px){.complaints-page{padding:1rem}.complaints-table-container{overflow-x:auto}.complaints-table{min-width:800px}.complaints-table td,.complaints-table th{padding:.75rem .5rem}.complaint-modal{margin:1rem;max-width:calc(100vw - 2rem)}.complaint-detail{padding:1rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.info-row .value{text-align:left}.attachment-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attachment-image{height:100px}}@media (max-width:480px){.complaints-table{min-width:700px}.complaints-table td,.complaints-table th{font-size:.75rem;padding:.5rem .25rem}.complaint-subject{max-width:120px}.customer-info{min-width:120px}}.complaints-page{padding:var(--spacing-lg)}.filters-section{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filter-box,.search-box{flex:1 1;min-width:200px;position:relative}.filter-box select,.search-box input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.filter-box select:focus,.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.filter-icon,.search-icon{color:var(--text-secondary);font-size:.875rem;left:var(--spacing-sm);position:absolute;top:50%;transform:translateY(-50%)}.complaints-table-container{-webkit-overflow-scrolling:touch;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;overflow-x:auto}.complaints-table{border-collapse:collapse;min-width:1000px;width:100%}.complaints-table td,.complaints-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left;vertical-align:middle}.complaints-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.complaints-table tbody tr:hover,.complaints-table th{background:var(--bg-secondary)}.complaint-number{display:flex;flex-direction:column;gap:.25rem}.complaint-number strong{color:var(--primary-color);font-family:monospace;font-size:.875rem}.order-ref{color:var(--text-secondary);font-size:.75rem}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.customer-contact{display:flex;flex-direction:column;gap:.125rem}.customer-contact div{color:var(--text-secondary);font-size:.75rem}.complaint-subject{color:var(--text-primary);font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-badge{border-radius:var(--border-radius);display:inline-block;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem}.priority-badge.priority-low{background:var(--info-light);color:var(--info-dark)}.priority-badge.priority-medium{background:var(--warning-light);color:var(--warning-dark)}.priority-badge.priority-high{background:var(--danger-light);color:var(--danger-dark)}.priority-badge.priority-urgent{background:var(--danger-color);color:#fff}.complaint-date{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.complaint-time{color:var(--text-secondary);font-size:.75rem}.status-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.75rem;font-weight:600;min-width:120px;padding:.25rem .5rem;text-transform:uppercase;transition:all .2s}.status-select.status-pending{background:var(--warning-light);border-color:var(--warning-color);color:var(--warning-dark)}.status-select.status-processing{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-dark)}.status-select.status-delivered{background:var(--success-light);border-color:var(--success-color);color:var(--success-dark)}.status-select.status-inactive{background:var(--secondary-light);border-color:var(--secondary-color);color:var(--secondary-dark)}.action-buttons{gap:var(--spacing-xs)}.action-buttons .btn{-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);min-height:44px;min-width:44px;padding:var(--spacing-xs);touch-action:manipulation}.complaint-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-xl)}.complaint-stats .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .3s ease}.complaint-stats .stat-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.complaint-stats .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.complaint-stats .stat-card:hover:before{height:6px}.complaint-stats .stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.complaint-stats .stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:0;transition:color .3s ease}.complaint-stats .stat-number.open{color:var(--warning-color)}.complaint-stats .stat-number.processing{color:var(--primary-color)}.complaint-stats .stat-number.resolved{color:var(--success-color)}.complaint-modal{max-height:90vh;max-width:900px;overflow-y:auto}.complaint-detail,.complaint-info{padding:var(--spacing-md)}.complaint-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.info-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.info-row .value{color:var(--text-primary);font-size:.875rem}.complaint-content{margin-bottom:var(--spacing-lg)}.complaint-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.complaint-content p{color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-md)}.attachments{margin-top:var(--spacing-md)}.attachment-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:var(--spacing-sm)}.attachment-image{border:1px solid var(--border-color);border-radius:var(--border-radius);height:120px;object-fit:cover;transition:transform .2s;width:100%}.attachment-image:hover{transform:scale(1.05)}.response-section{margin-bottom:var(--spacing-lg)}.response-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.response-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;min-height:120px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.response-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.response-textarea::placeholder{color:var(--text-secondary)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-lg) 0}.pagination-controls .btn{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);touch-action:manipulation}.pagination-controls span{color:var(--text-primary);font-size:.875rem;font-weight:500}@media (min-width:1025px){.complaints-page{padding:var(--spacing-lg)}.complaints-table{min-width:1200px}.complaint-stats{grid-template-columns:repeat(4,1fr)}.filters-section{flex-wrap:nowrap}.complaint-subject{max-width:250px}.attachment-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width:769px) and (max-width:1024px){.complaints-page{padding:var(--spacing-md)}.complaints-table{min-width:1000px}.complaints-table td,.complaints-table th{padding:var(--spacing-sm)}.complaint-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.complaint-stats .stat-card{min-height:100px;padding:var(--spacing-md)}.complaint-stats .stat-number{font-size:2.25rem}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}.complaint-subject{max-width:180px}.attachment-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.complaints-page{padding:var(--spacing-md)}.complaints-table{font-size:.8rem;min-width:800px}.complaints-table td,.complaints-table th{padding:var(--spacing-sm)}.complaints-table th{font-size:.75rem}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.complaints-table td:nth-child(2),.complaints-table td:nth-child(6),.complaints-table th:nth-child(2),.complaints-table th:nth-child(6){display:none}.complaint-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.complaint-stats .stat-card{min-height:90px;padding:var(--spacing-md)}.complaint-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}.complaint-stats .stat-number{font-size:2rem}.complaint-modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.info-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.attachment-list{grid-template-columns:repeat(2,1fr)}.attachment-image{height:100px}.complaint-detail,.modal-footer,.modal-header{padding:var(--spacing-sm)}.action-buttons .btn{font-size:.8rem;min-height:36px;min-width:36px}.pagination-controls{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.complaints-page{padding:var(--spacing-sm)}.complaints-table{font-size:.75rem;min-width:700px}.complaints-table td,.complaints-table th{padding:.5rem .25rem}.complaints-table td:nth-child(3),.complaints-table td:nth-child(5),.complaints-table th:nth-child(3),.complaints-table th:nth-child(5){display:none}.complaint-stats{gap:var(--spacing-sm);grid-template-columns:1fr}.complaint-stats .stat-card{min-height:80px;padding:var(--spacing-sm)}.complaint-stats .stat-card h3{font-size:.7rem}.complaint-stats .stat-number{font-size:1.75rem}.complaint-modal{margin:.25rem;max-width:calc(100vw - .5rem)}.complaint-number strong,.customer-name{font-size:.8rem}.priority-badge{font-size:.7rem;padding:.2rem .4rem}.status-select{font-size:.7rem;min-width:100px}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}.attachment-list{grid-template-columns:1fr}.response-textarea{min-height:100px}}@media (max-width:360px){.complaints-table{min-width:600px}.complaints-table td,.complaints-table th{padding:.25rem}.complaint-stats .stat-card{min-height:70px;padding:var(--spacing-xs)}.complaint-stats .stat-number{font-size:1.5rem}.complaint-stats .stat-card h3{font-size:.65rem}.complaint-number strong{font-size:.75rem}.priority-badge{font-size:.65rem;padding:.15rem .3rem}.status-select{font-size:.65rem;min-width:90px}}@media (hover:none) and (pointer:coarse){.action-buttons .btn{min-height:44px;min-width:44px}.filter-box select,.search-box input{font-size:16px;min-height:44px}.status-select{font-size:.8rem;min-height:44px}.response-textarea{font-size:16px;min-height:120px}.pagination-controls .btn{min-height:44px;min-width:44px}}@media (max-width:768px) and (orientation:landscape){.complaints-table{min-width:900px}.complaints-table td,.complaints-table th{padding:var(--spacing-xs)}.complaint-stats{grid-template-columns:repeat(4,1fr)}.complaint-stats .stat-card{min-height:70px}.complaint-modal{max-height:calc(100vh - .5rem)}}@media (max-width:768px){.empty-state{padding:var(--spacing-lg)}}@media (max-width:480px){.empty-state{font-size:.875rem;padding:var(--spacing-md)}}.attachment-upload{margin:16px 0}.upload-area{border:2px dashed #e4e6eb;border-radius:8px;padding:20px;position:relative;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#007bff}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.upload-label{align-items:center;color:#65676b;cursor:pointer;display:flex;flex-direction:column;gap:8px}.upload-label svg{color:#007bff;font-size:2rem}.upload-label span{color:#1c1e21;font-weight:500}.upload-label small{color:#8a8d91;font-size:.8rem}.upload-error{background:#f8d7da;border-radius:4px;color:#721c24;font-size:.9rem;margin-top:8px;padding:8px 12px}.file-previews{grid-gap:12px;display:grid;gap:12px;margin-top:16px}.file-preview{align-items:center;background:#f8f9fa;border:1px solid #e4e6eb;border-radius:8px;display:flex;gap:12px;padding:12px}.image-preview{border-radius:4px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.image-preview img{height:100%;object-fit:cover;width:100%}.file-icon{align-items:center;background:#e4e6eb;border-radius:4px;color:#65676b;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.file-info{flex:1 1;min-width:0}.file-name{color:#1c1e21;font-weight:500;margin-bottom:4px;word-break:break-word}.file-size{color:#65676b;font-size:.85rem}.remove-file{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s;width:32px}.remove-file:hover{background:#c82333}.upload-actions{display:flex;justify-content:flex-end;margin-top:16px}.upload-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.upload-button:hover:not(:disabled){background:#0056b3}.upload-button:disabled{cursor:not-allowed;opacity:.7}.upload-area.drag-over{background:#007bff0d;border-color:#007bff}@media (max-width:768px){.file-preview{flex-direction:column;text-align:center}.file-icon,.image-preview{height:80px;width:80px}.upload-actions{justify-content:stretch}.upload-button{width:100%}}.product-chat{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%}.chat-header{border-bottom:1px solid #eee}.connection-status{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.connection-status.connected{color:#28a745}.connection-status.disconnected{color:#dc3545}.error-message{align-items:center;background-color:#fff3f3;border-radius:4px;color:#dc3545;display:flex;justify-content:space-between;margin:.5rem;padding:.75rem 1rem}.error-message button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.25rem;padding:0 .5rem}.chat-messages{display:flex;flex-direction:column;gap:1rem}.message{display:flex;margin-bottom:1rem}.message.sent{justify-content:flex-end}.message-content{border-radius:12px;max-width:70%;padding:.75rem 1rem;position:relative}.message.sent .message-content{background-color:#007bff;color:#fff}.message.received .message-content{background-color:#f1f3f4;color:#333}.message p{margin:0;word-break:break-word}.attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.attachment-image{border-radius:4px;cursor:pointer;max-height:200px;max-width:200px}.attachment-link{align-items:center;background:#0000000d;color:inherit;display:flex;gap:.5rem;padding:.5rem}.message-meta{font-size:.75rem;justify-content:space-between;margin-top:.25rem;opacity:.7}.no-messages{padding:2rem}.chat-input{border-top:1px solid #eee;padding:1rem}.input-container{display:flex;gap:.5rem}.message-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.send-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.send-button:hover{background-color:#0056b3}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.attachments-preview{background-color:#f8f9fa;flex-wrap:wrap;margin-bottom:.5rem;padding:.5rem}.attachment-item,.attachments-preview{border-radius:4px;display:flex;gap:.5rem}.attachment-item{align-items:center;background-color:#e9ecef;font-size:.875rem;padding:.25rem .5rem}.remove-attachment{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.remove-attachment:hover{color:#c82333}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.product-chat-list{background:#f5f5f5;display:flex;height:100vh}.conversations-sidebar{background:#fff;border-right:1px solid #e4e6eb;display:flex;flex-direction:column;width:350px}.conversations-header{background:#fff;border-bottom:1px solid #e4e6eb;padding:20px}.conversations-header h2{color:#1c1e21;font-size:1.5rem;margin:0}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #f0f2f5;cursor:pointer;padding:16px 20px;transition:background-color .2s}.conversation-item:hover{background-color:#f8f9fa}.conversation-item.active{background-color:#e3f2fd;border-left:3px solid #007bff}.conversation-info{display:flex;flex-direction:column;gap:4px}.product-name{color:#1c1e21;font-size:.9rem;font-weight:600}.customer-name{color:#65676b;font-size:.85rem}.last-message{color:#8a8d91;font-size:.8rem;margin-top:4px}.conversation-meta{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.timestamp{color:#8a8d91;font-size:.75rem}.unread-badge{background-color:#007bff;border-radius:50%;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.no-conversations{color:#65676b;font-style:italic;padding:40px 20px;text-align:center}.chat-container{display:flex;flex-direction:column}.no-chat-selected{align-items:center;background:#fff;color:#65676b;display:flex;flex:1 1;font-size:1.1rem;justify-content:center}.error,.loading{color:#65676b;padding:40px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.product-chat-list{flex-direction:column}.conversations-sidebar{height:40%;width:100%}.chat-container{height:60%}}.product-chats-page{display:flex;flex-direction:column;height:100vh}.page-header{border-bottom:1px solid #e4e6eb}.page-header h1{color:#1c1e21;font-size:1.8rem;margin:0 0 8px}.page-header p{color:#65676b;font-size:.9rem;margin:0}.chat-container{flex:1 1;overflow:hidden}.complaint-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px}.form-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:20px}.form-header h2{color:#1c1e21;font-size:1.5rem;margin:0}.complaint-form-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#1c1e21;font-weight:500;margin-bottom:8px}.form-group label:after{color:#dc3545;content:" *"}.form-control{border:1px solid #e4e6eb;border-radius:4px;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23343a40'%3E%3Cpath d='m3 5 3 3 3-3'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 12px;padding-right:2.5rem}textarea.form-control{min-height:100px;resize:vertical}.form-text{color:#65676b;font-size:.8rem;margin-top:4px}.attachment-preview{background:#f8f9fa;border-radius:4px;margin-top:12px;padding:12px}.attachment-preview h4{color:#1c1e21;font-size:.9rem;margin:0 0 8px}.attachment-preview ul{color:#65676b;font-size:.85rem;margin:0;padding-left:20px}.attachment-preview li{margin-bottom:4px}.form-actions{border-top:1px solid #e4e6eb;gap:12px;margin-top:24px;padding-top:20px}.btn:disabled{opacity:.7}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#5a6268}select[name=priority] option[value=low]{color:#28a745}select[name=priority] option[value=medium]{color:#ffc107}select[name=priority] option[value=high]{color:#fd7e14}select[name=priority] option[value=urgent]{color:#dc3545}@media (max-width:768px){.complaint-form{margin:0 16px}.form-actions{flex-direction:column-reverse}.btn{width:100%}}.complaints-management{background:#f5f5f5;min-height:100vh;padding:20px}.page-header{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-content h1{color:#1c1e21;font-size:1.8rem}.filters{align-items:center;display:flex;gap:16px}.search-input{width:100%}.search-input,.status-filter{border:1px solid #e4e6eb;border-radius:4px;font-size:.9rem;padding:8px 12px}.status-filter{min-width:150px}.complaints-list{grid-gap:16px;display:grid;gap:16px}.complaint-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .2s}.complaint-card:hover{box-shadow:0 4px 8px #00000026}.complaint-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.complaint-id{color:#1c1e21;font-size:1.1rem;font-weight:600}.status-badge{border-radius:4px;font-weight:500;padding:4px 8px}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-success{background:#d4edda;color:#155724}.badge-secondary{background:#e2e3e5;color:#383d41}.complaint-body{grid-gap:16px;display:grid;gap:16px}.complaint-info h3{color:#1c1e21;font-size:1.2rem;margin:0 0 8px}.complaint-info p{color:#65676b;line-height:1.5;margin:0}.complaint-meta{align-items:center;display:flex;gap:12px}.priority-badge{border-radius:3px;font-size:.75rem;font-weight:500;padding:2px 6px;text-transform:uppercase}.priority-low{background:#d4edda;color:#155724}.priority-medium{background:#fff3cd;color:#856404}.priority-high{background:#f8d7da;color:#721c24}.priority-urgent{animation:pulse 2s infinite;background:#f5c6cb;color:#721c24}.complaint-date{color:#8a8d91;font-size:.85rem}.complaint-actions{align-items:center;display:flex;gap:12px}.status-select{border:1px solid #e4e6eb;border-radius:4px;font-size:.85rem;padding:6px 8px}.btn{border-radius:4px;display:inline-block;padding:8px 16px;transition:all .2s}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.no-complaints{color:#65676b;font-style:italic;padding:40px;text-align:center}.modal-content{border-radius:8px}.complaint-detail{padding:0}.modal-header{border-bottom:1px solid #e4e6eb;padding:20px}.modal-header h2{color:#1c1e21}.btn-close{background:none;border:none;color:#65676b;cursor:pointer;font-size:1.5rem;padding:0 8px}.complaint-detail-content{padding:20px}.detail-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.detail-row .label{color:#1c1e21;font-weight:600;min-width:100px}.attachments-section{margin:20px 0}.attachments-section h4{color:#1c1e21;margin:0 0 12px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-link{border:1px solid #e4e6eb;border-radius:4px;color:#007bff;padding:8px 12px;text-decoration:none;transition:background-color .2s}.attachment-link:hover,.response-section{background:#f8f9fa}.response-section{border-radius:4px;margin:20px 0;padding:16px}.response-section h4{color:#1c1e21;margin:0 0 12px}.response-form{margin:20px 0}.response-form h4{color:#1c1e21;margin:0 0 12px}.response-form textarea{border:1px solid #e4e6eb;border-radius:4px;margin-bottom:12px;min-height:100px;padding:12px;resize:vertical;width:100%}.loading{color:#65676b;padding:40px;text-align:center}@media (max-width:768px){.complaints-management{padding:16px}.header-content{gap:16px}.filters,.header-content{align-items:stretch;flex-direction:column}.search-box{max-width:none}.complaint-actions{align-items:stretch;flex-direction:column}.modal-content{margin:20px;width:95%}.detail-row{flex-direction:column;gap:4px}.detail-row .label{min-width:auto}}.payment-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin:var(--spacing-xl) 0;max-width:100%;padding:0 var(--spacing-md)}.payment-stats .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .3s ease}.payment-stats .stat-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.payment-stats .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.payment-stats .stat-card:hover:before{height:6px}.payment-stats .stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.payment-stats .stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:0;transition:color .3s ease}.payment-stats .stat-number.pending{color:var(--warning-color)}.payment-stats .stat-number.paid{color:var(--success-color)}.payment-stats .stat-number.revenue{color:var(--primary-color);font-size:1.75rem}.payment-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto}.modal-body{max-height:70vh;overflow-y:auto;padding:var(--spacing-lg)}.detail-section{background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.section-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-title svg{color:var(--primary-color);height:20px;width:20px}.detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:1rem;font-weight:500}.detail-item span.amount{color:var(--success-color);font-size:1.25rem;font-weight:700}.proof-container{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center}.payment-proof-image{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:400px;max-width:100%}.modal-overlay{background:#00000080;padding:var(--spacing-md)}.modal-content{position:relative;width:100%}.modal-close{align-items:center;display:flex;justify-content:center;transition:all .2s}.status-badge{display:inline-flex;font-size:.875rem;padding:.25rem .75rem}.status-pending{background:var(--warning-light);color:var(--warning-dark)}.status-delivered{background:var(--success-light);color:var(--success-dark)}.status-cancelled{background:var(--danger-light);color:var(--danger-dark)}@media (max-width:1200px){.payment-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:0}.payment-stats .stat-card{padding:var(--spacing-lg)}.payment-stats .stat-number{font-size:2.25rem}.payment-stats .stat-number.revenue{font-size:1.5rem;word-break:break-word}}@media (max-width:768px){.payment-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin:var(--spacing-md) 0;padding:0}.payment-stats .stat-card{min-height:100px;padding:var(--spacing-md)}.payment-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}.payment-stats .stat-number{font-size:2rem}.payment-stats .stat-number.revenue{font-size:1.25rem}.payment-detail-modal{margin:var(--spacing-sm);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.modal-body{padding:var(--spacing-md)}.detail-grid{grid-template-columns:1fr}.modal-footer,.modal-header{padding:var(--spacing-md)}.detail-item span,.section-title{font-size:.875rem}.detail-item span.amount{font-size:1rem}}@media (max-width:480px){.payment-stats{gap:var(--spacing-sm);grid-template-columns:1fr;margin:var(--spacing-sm) 0;padding:0}.payment-stats .stat-card{aspect-ratio:3/1;min-height:auto;padding:var(--spacing-md)}.payment-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-xs)}.payment-stats .stat-number{font-size:1.75rem}.payment-stats .stat-number.revenue{font-size:1rem}.modal-overlay{padding:var(--spacing-sm)}.payment-detail-modal{margin:var(--spacing-xs);max-width:calc(100vw - 1rem)}.proof-container{padding:var(--spacing-sm)}.payment-proof-image{max-height:300px}}@media (max-width:360px){.payment-stats .stat-card{min-height:70px;padding:var(--spacing-sm)}.payment-stats .stat-number{font-size:1.5rem}.payment-stats .stat-number.revenue{font-size:.875rem}}.payment-settings-page{padding:var(--spacing-lg)}.payment-method-logo{border-radius:var(--border-radius);flex-shrink:0;height:40px;overflow:hidden;width:40px}.payment-method-logo img{height:100%;object-fit:cover;width:100%}.payment-method-name{align-items:center;display:flex;gap:var(--spacing-md);min-width:0}.payment-method-info{display:flex;flex-direction:column;min-width:0}.payment-method-info strong{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-method-info .method-type{color:var(--text-secondary);font-size:.75rem;margin-top:2px}.payment-instructions{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.4;max-width:300px;overflow:hidden;white-space:normal}.payment-account-info{display:flex;flex-direction:column;gap:2px}.payment-account-info>div:first-child{color:var(--text-primary);font-weight:600}.payment-account-info>div:not(:first-child){color:var(--text-secondary);font-size:.75rem}.payment-actions{gap:var(--spacing-sm)}.payment-actions,.payment-actions .btn{align-items:center;display:flex;justify-content:center}.payment-actions .btn{height:32px;min-width:32px;padding:0}.table-responsive{margin-bottom:var(--spacing-xl)}@media (max-width:1024px){.payment-instructions{-webkit-line-clamp:2;line-clamp:2;max-width:250px}}@media (max-width:768px){.payment-settings-page{padding:var(--spacing-md)}.payment-method-name{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.payment-method-logo{height:32px;width:32px}.payment-instructions{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem;max-width:200px}.payment-actions{flex-direction:column;gap:var(--spacing-xs)}.payment-actions .btn{font-size:.75rem;height:28px;min-width:28px}.table td:nth-child(4),.table th:nth-child(4){display:none}}@media (max-width:480px){.payment-method-name{gap:var(--spacing-xs)}.payment-method-logo{height:28px;width:28px}.payment-instructions{-webkit-line-clamp:1;line-clamp:1;font-size:.75rem;max-width:150px}.table td:nth-child(3),.table th:nth-child(3){display:none}.filters-section{flex-direction:column;gap:var(--spacing-md)}.filter-box,.search-box{min-width:auto}}.logo-upload-container{margin-bottom:var(--spacing-md)}.logo-upload-btn{align-items:center;background:var(--primary-color);border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s}.logo-upload-btn:hover{background:var(--primary-dark)}.logo-info{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:var(--spacing-sm)}.table-empty,.table-loading{min-height:300px}@media (max-width:768px){.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.form-grid{grid-template-columns:1fr}.logo-preview{max-width:150px}}.payment-proofs-page{padding:var(--spacing-lg)}.proof-order-info{display:flex;flex-direction:column;gap:4px}.proof-order-number{color:var(--text-primary);font-weight:600}.proof-user-info{color:var(--text-secondary);font-size:.75rem}.proof-amount{color:var(--primary-color);font-weight:600}.proof-image-cell{border-radius:var(--border-radius);height:60px;overflow:hidden;width:60px}.proof-image-cell img{height:100%;object-fit:cover;width:100%}.proof-date-info{display:flex;flex-direction:column;gap:2px}.proof-date{color:var(--text-primary);font-size:.875rem}.proof-time{color:var(--text-secondary);font-size:.75rem}.proof-verified-date{color:var(--success-color);font-size:.75rem;margin-top:2px}.proof-modal{max-width:800px}.proof-detail{padding:var(--spacing-lg)}.proof-info-section{margin-bottom:var(--spacing-xl)}.info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.info-item .value{color:var(--text-primary);font-size:.875rem}.proof-image-section{margin-bottom:var(--spacing-xl)}.proof-image-section h4{color:var(--text-primary);margin-bottom:var(--spacing-md)}.proof-image-large{border-radius:var(--border-radius);max-height:400px;overflow:hidden;width:100%}.proof-image-large img{height:100%;object-fit:contain;width:100%}.notes-section h4{color:var(--text-primary);margin-bottom:var(--spacing-md)}.notes-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;padding:var(--spacing-md);resize:vertical;width:100%}.notes-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #e53e3e1a;outline:none}@media (max-width:768px){.payment-proofs-page{padding:var(--spacing-md)}.proof-image-cell{height:48px;width:48px}.info-grid{grid-template-columns:1fr}.table td:nth-child(4),.table th:nth-child(4){display:none}}@media (max-width:480px){.proof-image-cell{height:40px;width:40px}.table td:nth-child(3),.table th:nth-child(3){display:none}.filters-section{flex-direction:column;gap:var(--spacing-md)}.filter-box,.search-box{width:100%}.proof-modal{margin:var(--spacing-sm);max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}}.proof-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-xl)}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);text-align:center}.stat-card h3{color:var(--text-secondary);font-size:.875rem;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.stat-number{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.stat-number.pending{color:var(--warning-color)}.stat-number.verified{color:var(--success-color)}.stat-number.rejected{color:var(--danger-color)}.shipping-page{padding:var(--spacing-lg)}.shipping-method-name{display:flex;flex-direction:column;gap:4px}.shipping-method-name strong{color:var(--text-primary);font-weight:600}.shipping-method-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;overflow:hidden}.shipping-cost{color:var(--primary-color);font-weight:600}.shipping-estimate{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.shipping-page{padding:var(--spacing-md)}.shipping-method-description{-webkit-line-clamp:1;line-clamp:1}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-buttons .btn{font-size:.75rem;height:28px;min-width:28px}.table td:nth-child(4),.table th:nth-child(4){display:none}}@media (max-width:480px){.filters-section{flex-direction:column;gap:var(--spacing-md)}.filter-box,.search-box{width:100%}.table td:nth-child(2),.table th:nth-child(2){display:none}}.shipping-method-form{padding:var(--spacing-lg)}@media (max-width:768px){.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.form-grid{grid-template-columns:1fr}.modal-footer,.modal-header,.shipping-method-form{padding:var(--spacing-md)}}.user-form,.users-page{padding:var(--spacing-lg)}.user-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl);max-width:100%}.user-stats .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .3s ease}.user-stats .stat-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.user-stats .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.user-stats .stat-card:hover:before{height:6px}.user-stats .stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.user-stats .stat-number{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin:0;transition:color .3s ease;word-break:break-word}.user-stats .stat-number.active{color:var(--success-color)}.user-stats .stat-number.inactive{color:var(--danger-color)}@media (max-width:1200px){.user-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.user-stats .stat-card{padding:var(--spacing-md)}.user-stats .stat-number{font-size:1.75rem}}@media (max-width:768px){.users-page{padding:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.modal-footer,.modal-header,.user-form{padding:var(--spacing-md)}.user-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.user-stats .stat-card{min-height:100px;padding:var(--spacing-md)}.user-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}.user-stats .stat-number{font-size:1.5rem}}@media (max-width:480px){.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.user-stats{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-md)}.user-stats .stat-card{aspect-ratio:3/1;min-height:auto;padding:var(--spacing-md)}.user-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-xs)}.user-stats .stat-number{font-size:1.25rem}}@media (max-width:360px){.user-stats .stat-card{min-height:70px;padding:var(--spacing-sm)}.user-stats .stat-number{font-size:1rem}}.admins-page{padding:var(--spacing-lg)}.form-control:disabled{background:var(--bg-secondary);color:var(--text-secondary)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.modal-content{max-width:800px}.admin-form{padding:var(--spacing-lg)}.role-badge{border-radius:var(--border-radius);font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.role-super-admin{background:var(--warning-light);color:var(--warning-dark)}.role-admin{background:var(--info-light);color:var(--info-dark)}.status-active{background:var(--success-light);color:var(--success-dark)}.status-inactive{background:var(--danger-light);color:var(--danger-dark)}.action-buttons .btn:disabled{cursor:not-allowed;opacity:.5}.admins-table-container{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.admins-table{border-collapse:collapse;width:100%}.admins-table td,.admins-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.admins-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.empty-state{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}@media (max-width:768px){.admins-page{padding:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.admin-form,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.admins-table td:nth-child(4),.admins-table td:nth-child(7),.admins-table th:nth-child(4),.admins-table th:nth-child(7){display:none}}@media (max-width:480px){.admins-table td:nth-child(3),.admins-table th:nth-child(3){display:none}}.messages-page{padding:20px}.page-header{align-items:center;margin-bottom:20px}.page-header h1{align-items:center;color:#333;display:flex;gap:10px;margin:0}.page-header p{color:#666;margin:5px 0 0}.send-message-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.send-message-form .form-row{align-items:flex-start;display:flex;gap:20px}.form-group{margin-bottom:15px}.form-group.flex-grow{flex:1 1}.form-group label{color:#555;display:block;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.filters-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;max-width:300px;position:relative}.search-box svg{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px 8px 35px;width:100%}.filter-buttons{display:flex;gap:10px}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px}.filter-btn.active{background:#007bff;border-color:#0056b3;color:#fff}.messages-list{min-height:200px;position:relative}.message-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:10px;padding:15px}.message-item.incoming{border-left:4px solid #28a745}.message-item.outgoing{border-left:4px solid #007bff}.message-item.inbound{border-left:4px solid #28a745}.message-item.outbound{border-left:4px solid #007bff}.message-header{margin-bottom:10px}.phone-number{color:#555;font-weight:500;gap:8px}.message-meta,.phone-number{align-items:center;display:flex}.message-meta{font-size:13px;gap:15px}.status{font-weight:500}.time{color:#666}.message-content{color:#333;line-height:1.5;white-space:pre-wrap}.message-sender{color:#666;font-size:12px;margin-top:10px}.auto-reply-badge{background:#6f42c1;border-radius:4px;color:#fff;font-size:11px;margin-left:8px;padding:2px 6px}.loading,.loading-overlay{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-overlay{background:#fffc;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.spinner{border:3px solid #f3f3f3;height:40px;width:40px}.no-messages{color:#666;padding:40px;text-align:center}.no-messages svg{color:#ddd;margin-bottom:15px}.no-messages h3{color:#333;margin:0 0 10px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.page-info{color:#666}@media (max-width:768px){.filters-section,.send-message-form .form-row{flex-direction:column}.filters-section{gap:15px}.search-box{max-width:100%}}.auto-replies-page{padding:var(--spacing-lg)}.auto-reply-keyword{display:flex;flex-direction:column;gap:4px}.auto-reply-keyword strong{color:var(--text-primary);font-weight:600}.auto-reply-type{background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);display:inline-block;font-size:.75rem;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.auto-reply-response{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.4;max-width:300px;overflow:hidden}.auto-reply-priority{color:var(--primary-color);font-weight:600}.action-buttons{gap:var(--spacing-sm)}.action-buttons,.action-buttons .btn{align-items:center;display:flex;justify-content:center}.action-buttons .btn{height:32px;min-width:32px;padding:0}.status-badge{border-radius:var(--border-radius);font-size:.75rem;letter-spacing:.025em;padding:.25rem .5rem}@media (max-width:768px){.auto-replies-page{padding:var(--spacing-md)}.auto-reply-response{-webkit-line-clamp:2;line-clamp:2;max-width:200px}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-buttons .btn{font-size:.75rem;height:28px;min-width:28px}.table td:nth-child(4),.table th:nth-child(4){display:none}}@media (max-width:480px){.auto-reply-response{-webkit-line-clamp:1;line-clamp:1;max-width:150px}.filters-section{flex-direction:column;gap:var(--spacing-md)}.filter-box,.search-box{width:100%}.table td:nth-child(2),.table th:nth-child(2){display:none}}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:700px}.modal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:var(--spacing-lg)}.modal-header h2{color:var(--text-primary);font-size:1.25rem}.modal-close{border-radius:var(--border-radius);color:var(--text-secondary);line-height:1;padding:var(--spacing-sm);transition:color .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.auto-reply-form{padding:var(--spacing-lg)}.modal-footer{border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:1px solid var(--border-color);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.form-section,.modal-footer{background:var(--bg-secondary)}.form-section{border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.form-section-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.form-section-title svg{color:var(--primary-color);height:20px;width:20px}.form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:var(--spacing-sm)}.form-group.full-width{grid-column:1/-1}.form-label{margin-bottom:var(--spacing-xs)}.form-label.required:after{color:var(--danger-color);content:" *"}.form-control{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:var(--spacing-sm);transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.form-control::placeholder,.form-text{color:var(--text-secondary)}.form-text{display:block}.checkbox-group,.form-text{margin-top:var(--spacing-xs)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:1.125rem;margin:0;width:1.125rem}@media (max-width:768px){.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.auto-reply-form,.modal-footer,.modal-header{padding:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.form-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.form-section-title{font-size:.875rem}}@media (max-width:480px){.modal-content{margin:var(--spacing-xs);max-height:calc(100vh - .5rem);max-width:calc(100vw - .5rem)}.form-section{padding:var(--spacing-xs)}}.video-player{background:#000;border-radius:12px;box-shadow:0 4px 20px #00000026;height:100%;min-height:400px;overflow:hidden;position:relative;width:100%}.video-player.fullscreen{border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.video-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-element{background:#000;height:100%;object-fit:cover;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.placeholder-content{padding:2rem;text-align:center}.placeholder-icon{color:#666;margin-bottom:1rem;opacity:.7}.placeholder-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.placeholder-content p{color:#999;font-size:.9rem;line-height:1.4;margin:0}.video-error-overlay{align-items:center;background:#000c;bottom:0;color:#ff6b6b;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;z-index:10}.video-error-overlay p{font-size:1rem;margin:1rem 0}.video-controls-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .3s ease}.video-player:hover .video-controls-overlay{opacity:1}.controls-group{gap:.5rem}.control-btn,.controls-group{display:flex;justify-content:center}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;transition:all .3s ease;width:44px}.control-btn:hover{background:#ffffff4d;transform:scale(1.05)}.control-btn.active{background:#22c55ecc}.control-btn.inactive{background:#ef4444cc}.stream-status-indicator{left:1rem;position:absolute;top:1rem;z-index:5}.live-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444e6;border-radius:20px;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.live-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@media (max-width:768px){.video-player{min-height:300px}.placeholder-content{padding:1rem}.placeholder-content h3{font-size:1.2rem}.control-btn{height:40px;width:40px}.controls-group{gap:.3rem}}@media (max-width:480px){.video-player{min-height:250px}.control-btn{height:36px;width:36px}.live-badge{font-size:.7rem;padding:.3rem .8rem}}.stream-stats{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.stats-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.stats-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.live-indicator{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.live-indicator .live-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card.live{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b981}.stat-card.counting{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-color:#f59e0b}.stat-icon{align-items:center;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1;min-width:0}.stat-value{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.stat-trend{position:absolute;right:.5rem;top:.5rem}.stat-trend.live .pulse-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.stat-trend.counting .counting-indicator{animation:bounce 1s infinite;font-size:.8rem}.peak-stats{border-top:1px solid #f3f4f6;display:flex;gap:2rem;padding-top:1rem}.peak-stat{display:flex;flex-direction:column;gap:.25rem}.peak-label{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.peak-value{color:#1f2937;font-size:1.1rem;font-weight:600}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@media (max-width:768px){.stream-stats{padding:1rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-icon{font-size:1rem;height:40px;width:40px}.stat-value{font-size:1.25rem}.peak-stats,.stats-header{flex-direction:column;gap:1rem}.stats-header{align-items:flex-start}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:.5rem}.stat-card,.stat-content{text-align:center}.stat-value{font-size:1.1rem}.stat-label{font-size:.8rem}}.stream-info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.stream-info-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.stream-status{display:flex;flex-direction:column;gap:.5rem}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.live{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.status-badge.offline{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d;color:#fff}.status-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.stream-time{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.stream-details{flex:1 1}.stream-content{display:flex;flex-direction:column;gap:1rem}.stream-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.stream-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.stream-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:.5rem}.copy-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;margin-left:.5rem;padding:.25rem;transition:all .2s ease}.copy-btn:hover{background:#f3f4f6;color:#3b82f6}.stream-url-section{border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:1rem}.stream-url-section label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.url-input-group{display:flex;gap:.5rem}.url-input-group .form-control{background:#f9fafb;border:1px solid #e5e7eb;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.edit-form{gap:1rem}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:600}.form-control{border:1px solid #d1d5db;border-radius:8px;padding:.75rem;transition:all .2s ease}.form-control:focus{box-shadow:0 0 0 3px #3b82f61a}.form-control:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.btn{border-radius:6px;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-outline-primary{background:#0000;border:1px solid #3b82f6;color:#3b82f6}.btn-outline-primary:hover:not(:disabled){background:#3b82f6;color:#fff}.btn-outline-secondary{border:1px solid #d1d5db}.btn-outline-secondary:hover:not(:disabled){border-color:#9ca3af}.btn-success{background:#10b981}.btn-success:hover:not(:disabled){background:#059669}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.stream-info{padding:1rem}.stream-info-header{align-items:flex-start;flex-direction:column;gap:1rem}.stream-title{font-size:1.25rem}.url-input-group{flex-direction:column}.form-actions{justify-content:stretch}.form-actions .btn{flex:1 1;justify-content:center}}@media (max-width:480px){.stream-meta{gap:.5rem}.meta-item{flex-wrap:wrap;font-size:.8rem}.stream-title{font-size:1.1rem}.stream-description{font-size:.9rem}}.stream-chat{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.chat-header h3{color:#495057;font-size:1.1rem;margin:0}.chat-messages{flex:1 1;max-height:400px;min-height:300px;overflow-y:auto;padding:1rem}.chat-message{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;margin-bottom:1rem;padding:.75rem}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.username{color:#007bff;font-size:.9rem;font-weight:600}.timestamp{color:#6c757d;font-size:.8rem}.message-content{word-wrap:break-word;color:#495057;line-height:1.4}.no-messages{font-style:italic}.chat-loading,.no-messages{align-items:center;color:#6c757d;display:flex;height:200px;justify-content:center}.chat-loading{flex-direction:column}.chat-error{align-items:center;background:#f8d7da;border-radius:4px;color:#dc3545;display:flex;height:200px;justify-content:center;margin:1rem;padding:1rem}.chat-form{background:#fff;border-top:1px solid #dee2e6;padding:1rem}.chat-input-group{display:flex;gap:.5rem}.chat-input{border:1px solid #ced4da;border-radius:20px;flex:1 1;font-size:.9rem;outline:none;padding:.75rem;transition:border-color .15s ease-in-out}.chat-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.chat-input:disabled{background-color:#e9ecef;opacity:1}.chat-send-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease-in-out;width:40px}.chat-send-btn:hover:not(:disabled){background:#0056b3}.chat-send-btn:disabled{background:#6c757d;cursor:not-allowed}.chat-input-footer{display:flex;justify-content:flex-end;margin-top:.5rem}.chat-input-footer small{color:#6c757d;font-size:.75rem}.spinner{border:2px solid #f3f3f3;border-top-color:#007bff;height:20px;margin:0 auto;width:20px}.spinner-sm{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@media (max-width:768px){.chat-header{padding:.75rem}.chat-header h3{font-size:1rem}.chat-messages{max-height:300px;min-height:200px;padding:.75rem}.chat-message{margin-bottom:.75rem;padding:.5rem}.username{font-size:.85rem}.timestamp{font-size:.75rem}.message-content{font-size:.9rem}.chat-form{padding:.75rem}.chat-input{font-size:.85rem;padding:.5rem .75rem}.chat-send-btn{height:36px;width:36px}}@media (prefers-color-scheme:dark){.stream-chat{background:#2d3748;color:#e2e8f0}.chat-header{background:#4a5568;border-bottom-color:#718096}.chat-header h3{color:#e2e8f0}.chat-message{background:#4a5568;border-left-color:#63b3ed}.username{color:#63b3ed}.timestamp{color:#a0aec0}.message-content{color:#e2e8f0}.chat-loading,.no-messages{color:#a0aec0}.chat-form{background:#2d3748;border-top-color:#718096}.chat-input{background:#4a5568;border-color:#718096;color:#e2e8f0}.chat-input:focus{border-color:#63b3ed;box-shadow:0 0 0 .2rem #63b3ed40}.chat-input:disabled{background-color:#718096}.chat-input-footer small{color:#a0aec0}}.live-streaming-page{background:#f8fafc;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.page-header{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.25rem;font-weight:800;margin:0}.header-content p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:.5rem 0 0}.header-actions{align-items:center;display:flex;gap:1rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-lg{border-radius:14px;font-size:1rem;padding:1rem 2rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px 0 #3b82f666;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px 0 #3b82f680;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px 0 #ef444466;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 8px 25px 0 #ef444480;transform:translateY(-2px)}.btn-outline-secondary{background:#0000;border:2px solid #e5e7eb;color:#6b7280}.btn-outline-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 8px 25px 0 #10b98166;transform:translateY(-2px)}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.streaming-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a;padding:2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-areas:"video info" "stats stats" "chat chat";grid-template-columns:2fr 1fr;grid-template-rows:auto auto 1fr}.video-section{grid-area:video}.info-section{grid-area:info}.stats-section{grid-area:stats}.chat-section{grid-area:chat}.no-stream-state{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:20px;display:flex;justify-content:center;min-height:500px;overflow:hidden;position:relative}.no-stream-state:before{background:linear-gradient(135deg,#f8fafc,#e2e8f0);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.no-stream-content{max-width:500px;padding:3rem;position:relative;text-align:center;z-index:1}.no-stream-illustration{display:inline-block;margin-bottom:2rem;position:relative}.stream-icon{display:block;font-size:5rem;margin-bottom:1rem;opacity:.8}.stream-waves{height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.wave{animation:wave-animation 2s ease-out infinite;border:2px solid #3b82f6;border-radius:50%;opacity:.6;position:absolute}.wave-1{animation-delay:0s;height:40px;width:40px}.wave-1,.wave-2{left:50%;top:50%;transform:translate(-50%,-50%)}.wave-2{animation-delay:.5s;height:60px;width:60px}.wave-3{animation-delay:1s;height:80px;left:50%;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes wave-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.no-stream-content h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.no-stream-content p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.no-stream-actions{flex-wrap:wrap;gap:1rem}.modal-overlay,.no-stream-actions{display:flex;justify-content:center}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:2rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#1f2937;transform:scale(1.1)}.start-stream-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-control{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:.875rem;padding:.875rem;transition:all .3s ease;width:100%}.form-control:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-text{color:#6b7280;font-size:.75rem;margin-top:.5rem}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}@media (max-width:1200px){.dashboard-grid{grid-template-areas:"video" "info" "stats" "chat";grid-template-columns:1fr}}@media (max-width:768px){.live-streaming-page{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1.5rem;padding:1.5rem}.header-content h1{font-size:1.75rem}.header-actions{justify-content:center}.streaming-dashboard{padding:1.5rem}.dashboard-grid{gap:1.5rem}.no-stream-content{padding:2rem}.no-stream-actions{align-items:center;flex-direction:column}.no-stream-actions .btn{justify-content:center;max-width:300px;width:100%}.modal-content{margin:1rem;width:95%}.modal-footer,.modal-header,.start-stream-form{padding:1.5rem}.modal-footer{flex-direction:column}.modal-footer .btn{justify-content:center;width:100%}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.header-content p{font-size:1rem}.stream-icon{font-size:4rem}.no-stream-content h2{font-size:1.5rem}.no-stream-content p{font-size:1rem}.btn-lg{font-size:.875rem;padding:.875rem 1.5rem}}.settings-page{padding:var(--spacing-lg)}.settings-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-xl)}.settings-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg)}.card-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);margin:0}.card-header h3 svg{color:var(--primary-color)}.card-body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:var(--spacing-sm)}.input-group{align-items:stretch;display:flex}.input-group-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius) 0 0 var(--border-radius);border-right:none;color:var(--text-secondary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.input-group .form-control{border-radius:0 var(--border-radius) var(--border-radius) 0}.file-upload-container{margin-bottom:var(--spacing-md)}.file-upload-btn{align-items:center;background:var(--primary-color);border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s}.file-upload-btn:hover{background:var(--primary-dark)}.file-info{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:var(--spacing-sm)}.logo-preview{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:var(--spacing-md);max-width:200px;padding:var(--spacing-md)}.logo-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.logo-preview-header span{color:var(--text-secondary);font-size:.875rem}.remove-logo-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--danger-color);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:background-color .2s}.remove-logo-btn:hover{background:var(--danger-light)}.logo-preview img{border-radius:var(--border-radius);display:block;height:auto;width:100%}.toggle-group{margin-bottom:var(--spacing-md)}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md)}.toggle-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--bg-muted);border-radius:1.25rem;cursor:pointer;height:1.25rem;position:relative;transition:all .3s ease;width:2.5rem}.toggle-label input[type=checkbox]:before{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:1.25rem;left:0;position:absolute;transition:all .3s ease;width:1.25rem}.toggle-label input[type=checkbox]:checked{background:var(--primary-color)}.toggle-label input[type=checkbox]:checked:before{left:1.25rem}.toggle-text{color:var(--text-primary);font-size:.875rem}.settings-actions{display:flex;justify-content:flex-end;padding:var(--spacing-lg) 0}@media (max-width:768px){.settings-page{padding:var(--spacing-md)}.settings-grid{gap:var(--spacing-md);grid-template-columns:1fr}.card-body,.card-header{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.settings-actions{padding:var(--spacing-md) 0}.settings-actions .btn{width:100%}}@media (max-width:480px){.input-group{flex-direction:column}.input-group-text{border:1px solid var(--border-color);border-bottom:none;border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--spacing-xs) var(--spacing-sm)}.input-group .form-control{border-radius:0 0 var(--border-radius) var(--border-radius)}.logo-preview{max-width:150px}}
/*# sourceMappingURL=main.f949de5c.css.map*/