: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;color:var(--text-primary)}.page-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.page-header h1{color:#2d3748;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.page-header p{color:#718096;color:var(--text-secondary);font-size:1rem}.filters-section{gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.search-icon{color:#718096;color:var(--text-secondary);font-size:1rem;left:1rem;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e2e8f0;border:1px solid var(--border-color);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;border-color:var(--primary-color);box-shadow:0 0 0 3px #e53e3e1a;outline:none}.filter-box{position:relative}.filter-icon{color:#718096;color:var(--text-secondary);font-size:1rem;left:1rem;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.filter-select{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius);cursor:pointer;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;border-color:var(--primary-color);outline:none}.btn{border-radius:.5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-sm{font-size:.75rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1rem;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-group{margin-bottom:1.5rem}.form-label{color:#2d3748;margin-bottom:.5rem}.form-control{border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}.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}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.modal-close{border-radius:.5rem;color:#718096;padding:.5rem;transition:background-color .2s ease}.modal-close:hover{background-color:#f7fafc;background-color:var(--bg-secondary)}.modal-footer{border-top:1px solid #e2e8f0;gap:1rem;padding:1.5rem}.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 (min-width:1025px){.page-header{align-items:flex-start}.filters-section,.page-header{flex-direction:row;gap:1.5rem;gap:var(--spacing-lg)}.filters-section{flex-wrap:wrap}.search-box{flex:1 1;min-width:300px}.filter-box{min-width:200px}.form-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-content{margin:0 auto;max-width:600px}.action-buttons{align-items:center;flex-direction:row;gap:.5rem;gap:var(--spacing-sm)}.table{font-size:.875rem}.table th{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.table td{padding:1.5rem;padding:var(--spacing-lg)}}@media (min-width:769px) and (max-width:1024px){.page-header{align-items:flex-start;flex-direction:row;gap:1rem;gap:var(--spacing-md)}.page-header h1{font-size:1.75rem}.filters-section{flex-direction:row;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md)}.search-box{flex:1 1;min-width:250px}.filter-box{min-width:180px}.form-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-content{margin:1rem;margin:var(--spacing-md);max-width:90vw}.action-buttons{align-items:center;flex-direction:row;gap:.5rem;gap:var(--spacing-sm)}.btn{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn,.table{font-size:.8rem}.table th{font-size:.7rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.card-body,.table td{padding:1rem;padding:var(--spacing-md)}.stat-number{font-size:1.75rem}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.page-header h1{font-size:1.5rem}.filters-section{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.filter-box,.search-box{min-width:auto;width:100%}.form-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.modal-content{margin:1rem;margin:var(--spacing-md);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.modal-footer,.modal-header{padding:1rem;padding:var(--spacing-md)}.action-buttons{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.btn{justify-content:center;min-height:44px}.btn-sm{min-height:40px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:.75rem;min-width:600px}.table th{font-size:.65rem;padding:.5rem;padding:var(--spacing-sm)}.table td{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.card-body,.card-header{padding:1rem;padding:var(--spacing-md)}.stat-number{font-size:1.5rem}.stat-card{padding:1rem;padding:var(--spacing-md)}.filter-select,.form-control,.search-input{font-size:16px;min-height:44px}}@media (max-width:480px){.page-header h1{font-size:1.25rem}.filters-section,.form-grid{gap:.5rem;gap:var(--spacing-sm)}.modal-content{margin:.5rem;margin:var(--spacing-sm);max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-footer,.modal-header{padding:.5rem;padding:var(--spacing-sm)}.btn{font-size:.8rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.table{font-size:.7rem;min-width:500px}.table td,.table th{padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.card-body,.card-header{padding:.5rem;padding:var(--spacing-sm)}.stat-number{font-size:1.25rem}.stat-card{padding:.5rem;padding:var(--spacing-sm)}}@media (max-width:320px){.page-header h1{font-size:1.125rem}.btn{font-size:.75rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.table{font-size:.65rem;min-width:400px}.modal-content{margin:.25rem;max-height:calc(100vh - .5rem);max-width:calc(100vw - .5rem)}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:calc(100vh - 1rem);overflow-y:auto}.page-header{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.action-buttons,.btn,.header,.sidebar{display:none!important}.main-content{margin-left:0!important}.content{padding:0!important}.page-header{border-bottom:2px solid #000;margin-bottom:1rem}}:root{--spacing-responsive-xs:clamp(0.25rem,0.5vw,0.5rem);--spacing-responsive-sm:clamp(0.5rem,1vw,1rem);--spacing-responsive-md:clamp(1rem,2vw,1.5rem);--spacing-responsive-lg:clamp(1.5rem,3vw,2rem);--spacing-responsive-xl:clamp(2rem,4vw,3rem);--font-size-responsive-xs:clamp(0.65rem,1.5vw,0.75rem);--font-size-responsive-sm:clamp(0.75rem,2vw,0.875rem);--font-size-responsive-md:clamp(0.875rem,2.5vw,1rem);--font-size-responsive-lg:clamp(1rem,3vw,1.25rem);--font-size-responsive-xl:clamp(1.25rem,4vw,2rem)}.container-responsive{margin:0 auto;max-width:1920px;padding:0 clamp(1rem,2vw,1.5rem);padding:0 var(--spacing-responsive-md);width:100%}@media (min-width:1025px){.container-responsive{padding:0 clamp(1.5rem,3vw,2rem);padding:0 var(--spacing-responsive-lg)}}@media (max-width:768px){.container-responsive{padding:0 clamp(.5rem,1vw,1rem);padding:0 var(--spacing-responsive-sm)}}.grid-responsive{grid-gap:clamp(1rem,2vw,1.5rem);grid-gap:var(--spacing-responsive-md);display:grid;gap:clamp(1rem,2vw,1.5rem);gap:var(--spacing-responsive-md)}.grid-responsive-1{grid-template-columns:1fr}.grid-responsive-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-4{grid-template-columns:repeat(4,1fr)}@media (min-width:1025px){.grid-responsive-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-responsive-2-desktop{grid-template-columns:repeat(2,1fr)}.grid-responsive-3-desktop{grid-template-columns:repeat(3,1fr)}.grid-responsive-4-desktop{grid-template-columns:repeat(4,1fr)}}@media (min-width:769px) and (max-width:1024px){.grid-responsive-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-responsive-2-tablet,.grid-responsive-3,.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4,.grid-responsive-auto{grid-template-columns:1fr}.grid-responsive-2-mobile{grid-template-columns:repeat(2,1fr)}}.flex-responsive{display:flex;gap:clamp(1rem,2vw,1.5rem);gap:var(--spacing-responsive-md)}.flex-responsive-wrap{flex-wrap:wrap}.flex-responsive-column{flex-direction:column}@media (max-width:768px){.flex-responsive-mobile-column{flex-direction:column}.flex-responsive-mobile-wrap{flex-wrap:wrap}}.text-responsive-xs{font-size:clamp(.65rem,1.5vw,.75rem);font-size:var(--font-size-responsive-xs)}.text-responsive-sm{font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-responsive-sm)}.text-responsive-md{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--font-size-responsive-md)}.text-responsive-lg{font-size:clamp(1rem,3vw,1.25rem);font-size:var(--font-size-responsive-lg)}.text-responsive-xl{font-size:clamp(1.25rem,4vw,2rem);font-size:var(--font-size-responsive-xl)}.p-responsive-xs{padding:clamp(.25rem,.5vw,.5rem);padding:var(--spacing-responsive-xs)}.p-responsive-sm{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-responsive-sm)}.p-responsive-md{padding:clamp(1rem,2vw,1.5rem);padding:var(--spacing-responsive-md)}.p-responsive-lg{padding:clamp(1.5rem,3vw,2rem);padding:var(--spacing-responsive-lg)}.p-responsive-xl{padding:clamp(2rem,4vw,3rem);padding:var(--spacing-responsive-xl)}.m-responsive-xs{margin:clamp(.25rem,.5vw,.5rem);margin:var(--spacing-responsive-xs)}.m-responsive-sm{margin:clamp(.5rem,1vw,1rem);margin:var(--spacing-responsive-sm)}.m-responsive-md{margin:clamp(1rem,2vw,1.5rem);margin:var(--spacing-responsive-md)}.m-responsive-lg{margin:clamp(1.5rem,3vw,2rem);margin:var(--spacing-responsive-lg)}.m-responsive-xl{margin:clamp(2rem,4vw,3rem);margin:var(--spacing-responsive-xl)}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px) and (max-width:1024px){.hide-tablet{display:none!important}}@media (min-width:1025px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width:768px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}}.show-tablet{display:none!important}@media (min-width:769px) and (max-width:1024px){.show-tablet{display:block!important}.show-tablet-flex{display:flex!important}.show-tablet-grid{display:grid!important}}.show-desktop{display:none!important}@media (min-width:1025px){.show-desktop{display:block!important}.show-desktop-flex{display:flex!important}.show-desktop-grid{display:grid!important}}.btn-responsive{font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-responsive-sm);min-height:44px;padding:clamp(.5rem,1vw,1rem) clamp(1rem,2vw,1.5rem);padding:var(--spacing-responsive-sm) var(--spacing-responsive-md);touch-action:manipulation}@media (max-width:768px){.btn-responsive-full{justify-content:center;width:100%}.btn-group-responsive{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);gap:var(--spacing-responsive-xs)}.btn-group-responsive .btn{width:100%}}.form-responsive .form-control{font-size:16px;min-height:44px}@media (max-width:768px){.form-responsive .form-grid{gap:clamp(.5rem,1vw,1rem);gap:var(--spacing-responsive-sm);grid-template-columns:1fr}.form-responsive .form-group{margin-bottom:clamp(.5rem,1vw,1rem);margin-bottom:var(--spacing-responsive-sm)}}.card-responsive{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:clamp(1rem,2vw,1.5rem);padding:var(--spacing-responsive-md)}@media (max-width:768px){.card-responsive{margin:clamp(.25rem,.5vw,.5rem);margin:var(--spacing-responsive-xs);padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-responsive-sm)}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);overflow-x:auto}@media (max-width:768px){.table-responsive-wrapper{margin:0 calc(clamp(.5rem, 1vw, 1rem)*-1);margin:0 calc(var(--spacing-responsive-sm)*-1)}.table-responsive-wrapper .table{font-size:clamp(.65rem,1.5vw,.75rem);font-size:var(--font-size-responsive-xs);min-width:600px}}.modal-responsive .modal-content{margin:clamp(1rem,2vw,1.5rem);margin:var(--spacing-responsive-md);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}@media (min-width:1025px){.modal-responsive .modal-content{margin:0 auto;max-width:800px}}@media (max-width:768px){.modal-responsive .modal-content{margin:clamp(.5rem,1vw,1rem);margin:var(--spacing-responsive-sm);max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-responsive .modal-body,.modal-responsive .modal-footer,.modal-responsive .modal-header{padding:clamp(.5rem,1vw,1rem);padding:var(--spacing-responsive-sm)}.modal-responsive .modal-footer{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);gap:var(--spacing-responsive-xs)}.modal-responsive .modal-footer .btn{width:100%}}.sidebar-responsive-backdrop{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}@media (max-width:768px){.sidebar-responsive-backdrop.show{display:block;opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}.print-only{display:block!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-inside-avoid{page-break-inside:avoid}body{font-size:12pt;line-height:1.4}h1,h2,h3,h4,h5,h6{page-break-after:avoid}}@media (max-width:768px){.touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.focus-visible:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}}.scroll-responsive{-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width:768px){.scroll-responsive{max-height:60vh}}.img-responsive{display:block;height:auto;max-width:100%}.img-responsive-cover{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.img-responsive-mobile{height:auto;max-width:100%}}.overflow-responsive{overflow:hidden}@media (max-width:768px){.overflow-responsive-mobile{-webkit-overflow-scrolling:touch;overflow-x:auto}body,html{overflow-x:hidden}}*{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-group{margin-bottom:16px}.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-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--sidebar-mobile-transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.sidebar{-webkit-overflow-scrolling:touch;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;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);will-change:width,transform;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 (min-width:1025px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(0);z-index:1000}.sidebar.open{width:280px}.sidebar.closed{width:80px}}@media (min-width:769px) and (max-width:1024px){.sidebar{box-shadow:2px 0 8px #7e626233;box-shadow:2px 0 8px var(--sidebar-shadow);height:100vh;left:0;position:fixed;top:0;transform:translateX(0);z-index:1000}.sidebar.open{width:280px}.sidebar.closed{width:80px}.sidebar.closed .nav-link{justify-content:center;padding:.75rem}.sidebar.closed .nav-text,.sidebar.closed .submenu,.sidebar.closed .submenu-arrow{display:none}}@media (max-width:768px){.sidebar{box-shadow:4px 0 12px #0000004d;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-mobile-transition);width:280px;will-change:transform;z-index:1001}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.sidebar.closed,.sidebar.open{width:280px}.sidebar .nav-text,.sidebar .submenu,.sidebar .submenu-arrow{display:block!important}.sidebar .nav-link{justify-content:flex-start;padding:.875rem 1.5rem}.sidebar .nav-link,.sidebar .submenu-link{-webkit-tap-highlight-color:transparent;align-items:center;display:flex;min-height:48px;touch-action:manipulation}.sidebar .nav-icon{font-size:20px;min-width:28px}.sidebar .submenu{background-color:#11141acc;border-left:3px solid #e53e3e;border-left:3px solid var(--sidebar-text-active);margin-left:0;padding-left:2rem}.sidebar .submenu-link{margin-left:0;padding:.75rem 1.5rem}.sidebar-header{border-bottom:2px solid #2d3748;border-bottom:2px solid var(--sidebar-border);min-height:72px;padding:1.5rem}.sidebar-logo{height:44px;width:44px}.sidebar-title{font-size:1.25rem}}@media (max-width:480px){.sidebar,.sidebar.closed,.sidebar.open{width:min(320px,85vw)}.sidebar .nav-link{padding:.75rem 1rem}.sidebar .submenu-link{padding:.625rem 1rem}.sidebar-header{padding:1.25rem 1rem}.sidebar-nav{padding:.75rem 0}}@media (max-width:360px){.sidebar,.sidebar.closed,.sidebar.open{width:min(280px,90vw)}.sidebar .nav-link{font-size:.8rem;padding:.625rem .75rem}.sidebar .submenu-link{font-size:.75rem;padding:.5rem .75rem}.sidebar-header{min-height:64px;padding:1rem .75rem}.sidebar-logo{height:36px;width:36px}.sidebar-title{font-size:1.125rem}}@media (max-width:768px) and (orientation:landscape){.sidebar,.sidebar.closed,.sidebar.open{width:min(280px,40vw)}.sidebar-header{min-height:56px;padding:1rem 1.25rem}.sidebar .nav-link{padding:.625rem 1.25rem}.sidebar .submenu-link{padding:.5rem 1.25rem}}@media (max-width:768px){.sidebar .nav-link:focus,.sidebar .submenu-link:focus{outline:2px solid #e53e3e;outline:2px solid var(--sidebar-text-active);outline-offset:2px}.sidebar .nav-link:active,.sidebar .submenu-link:active{background-color:#2d3748;background-color:var(--sidebar-hover);transform:scale(.98)}.sidebar{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}}@media (max-width:768px){@media (prefers-reduced-motion:reduce){.sidebar{transition:none!important}}}:root{--header-shadow:#0000001a;--btn-hover-bg:#fef2f2;--btn-hover-color:#c53030;--notification-bg:#e53e3e;--notification-color:#fff;--border-radius:0.5rem;--header-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.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;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--header-transition);will-change:height,padding;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{align-items:center;display:flex;gap:.75rem}.user-info{align-items:center;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}.logout-btn{color:var(--danger);font-size:1.25rem}.logout-btn:hover{background-color:#fef2f2;background-color:var(--btn-hover-bg);color:#9b2c2c}@media (min-width:1025px){.header{padding:0 2rem}.header-title{font-size:1.25rem}.sidebar-toggle{display:inline-flex}.user-name{display:inline}.user-info{padding:.5rem 1rem}.header-right{gap:1rem}}@media (min-width:769px) and (max-width:1024px){.header{padding:0 1.5rem}.header-title{font-size:1.2rem}.sidebar-toggle{display:inline-flex}.user-name{display:inline;font-size:.8rem}.user-info{padding:.5rem .75rem}.header-right{gap:.75rem}.header-btn{font-size:16px;padding:.4rem}}@media (max-width:768px){.header{box-shadow:0 2px 12px #00000026;height:56px;padding:0 1rem}.header-title{font-size:1.125rem;font-weight:600}.sidebar-toggle{border-radius:8px;display:inline-flex;font-size:18px;min-height:44px;min-width:44px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--header-transition)}.user-name{display:none}.user-info{border-radius:8px;padding:.5rem}.header-right{gap:.5rem}.header-btn{border-radius:8px;font-size:16px;min-height:44px;min-width:44px;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--header-transition)}.notification-badge{border-radius:10px;font-size:.625rem;min-width:1rem;padding:.15rem .4rem}.header-left{gap:.75rem}.header-btn:active,.sidebar-toggle:active{background-color:#fef2f2;background-color:var(--btn-hover-bg);transform:scale(.95)}}@media (max-width:480px){.header{height:52px;padding:0 .75rem}.header-title{font-size:1rem;font-weight:600}.sidebar-toggle{font-size:16px}.header-btn,.sidebar-toggle{min-height:40px;min-width:40px;padding:.4rem}.header-btn{font-size:14px}.user-info{padding:.4rem}.header-right,.user-menu{gap:.375rem}.notification-badge{font-size:.5rem;min-width:.8rem;padding:.1rem .3rem}}@media (max-width:360px){.header{height:48px;padding:0 .5rem}.header-title{font-size:.875rem;font-weight:600}.sidebar-toggle{font-size:14px}.header-btn,.sidebar-toggle{min-height:36px;min-width:36px;padding:.3rem}.header-btn{font-size:12px}.user-info{padding:.3rem}.header-right,.user-menu{gap:.25rem}.header-left{gap:.5rem}}@media (max-width:320px){.header-title{display:none}.header{height:48px;padding:0 .375rem}.sidebar-toggle{margin-right:.25rem}.header-left{gap:.25rem}.header-right{gap:.125rem}}@media (max-width:768px) and (orientation:landscape){.header{height:48px;padding:0 1rem}.header-title{font-size:1rem}.header-btn,.sidebar-toggle{min-height:40px;min-width:40px;padding:.4rem}.user-info{padding:.4rem}}@media (max-width:768px){.header-btn,.logout-btn,.sidebar-toggle{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:center;touch-action:manipulation}.header-btn:focus,.logout-btn:focus,.sidebar-toggle:focus{outline:2px solid #e53e3e;outline:2px solid var(--primary-color);outline-offset:2px}@media (hover:hover){.header-btn:hover,.sidebar-toggle:hover{background-color:#fef2f2;background-color:var(--btn-hover-bg);color:#c53030;color:var(--btn-hover-color)}}}@media (max-width:768px){.header,.header-btn,.sidebar-toggle{-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-btn,.sidebar-toggle{transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.header,.header-btn,.sidebar-toggle{transition:none!important}}}.notification-container{position:relative}.notification-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 10px 25px #00000026;max-height:500px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:380px;z-index:1000}.notification-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.notification-header h4{color:#2d3748;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.mark-all-read-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e53e3e;color:var(--primary-color);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.mark-all-read-btn:hover{background:#fef2f2;background:var(--btn-hover-bg)}.notification-list{max-height:350px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:.75rem;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#fef2f2;border-left:3px solid #e53e3e;border-left:3px solid var(--primary-color)}.notification-content{flex:1 1}.notification-title{color:#2d3748;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.notification-message{color:#718096;color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin-bottom:.5rem}.notification-time{color:#a0aec0;font-size:.75rem}.notification-actions{display:flex;flex-shrink:0;gap:.25rem}.notification-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem;transition:all .2s ease}.notification-action-btn.read-btn{color:#38a169}.notification-action-btn.read-btn:hover{background:#f0fff4}.notification-action-btn.delete-btn{color:#e53e3e}.notification-action-btn.delete-btn:hover{background:#fef2f2}.notification-loading{align-items:center;color:#718096;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#e53e3e;border-top:2px solid var(--primary-color);height:20px;width:20px}.no-notifications{align-items:center;color:#718096;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center}.no-notifications-icon{color:#cbd5e0;font-size:2rem}.notification-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:.75rem;text-align:center}.view-all-btn{background:none;border:none;border-radius:4px;color:#e53e3e;color:var(--primary-color);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.view-all-btn:hover{background:#fef2f2;background:var(--btn-hover-bg)}.user-menu-container{position:relative}.user-menu{border-radius:.5rem;border-radius:var(--border-radius);cursor:pointer;padding:.25rem;transition:all .2s ease}.user-menu:hover{background:#fef2f2;background:var(--btn-hover-bg)}.user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 10px 25px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:280px;z-index:1000}.user-dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;padding:1rem}.user-avatar{color:#e53e3e;color:var(--primary-color);font-size:2rem}.user-details{flex:1 1}.user-display-name{color:#2d3748;color:var(--text-primary);font-size:.875rem;font-weight:600}.user-email{color:#718096;margin-top:.125rem}.user-dropdown-menu{padding:.5rem 0}.user-menu-item{align-items:center;background:none;border:none;color:#2d3748;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.user-menu-item:hover{background:#f8fafc}.user-menu-item.logout-item{color:#e53e3e}.user-menu-item.logout-item:hover{background:#fef2f2}.user-menu-divider{background:#e2e8f0;height:1px;margin:.5rem 0}@media (max-width:768px){.notification-dropdown{right:-1rem;width:320px}.user-dropdown{right:-1rem;width:250px}.notification-item{padding:.75rem}.notification-title{font-size:.8125rem}.notification-message{font-size:.75rem}}@media (max-width:480px){.notification-dropdown,.user-dropdown{right:-.5rem;width:calc(100vw - 2rem)}}@media (prefers-contrast:high){.header{border-bottom:2px solid #2d3748;border-bottom:2px solid var(--text-primary)}.header-btn,.sidebar-toggle{border:1px solid #718096;border:1px solid var(--text-secondary)}.notification-dropdown,.user-dropdown{border:2px solid #2d3748;border:2px solid var(--text-primary)}}: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;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--mobile-max:768px;--tablet-min:769px;--tablet-max:1024px;--desktop-min:1025px;--layout-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--backdrop-transition:opacity 0.3s ease,visibility 0.3s ease}body,html{overflow-x:hidden;scroll-behavior:smooth}.layout{background-color:#f7fafc;display:flex;min-height:100vh;overflow:hidden}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--layout-transition);width:100%}@media (min-width:1025px){.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:80px}.main-content{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}}@media (min-width:769px) and (max-width:1024px){.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:80px}.main-content{transition:margin-left .25s cubic-bezier(.4,0,.2,1)}}@media (max-width:768px){.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0}.main-content{transition:none}.layout:has(.sidebar-backdrop.show){overflow:hidden}}.content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}@media (min-width:1025px){.content{margin:0 auto;max-width:1920px;padding:2rem}}@media (min-width:769px) and (max-width:1024px){.content{max-width:100%;padding:1.5rem}}@media (max-width:768px){.content{max-width:100%;padding:1rem}}@media (max-width:480px){.content{padding:.75rem}}@media (max-width:360px){.content{padding:.5rem}}.content-wrapper{display:flex;flex-direction:column;gap:2rem;max-width:100%;width:100%}@media (max-width:768px){.content-wrapper{gap:1.5rem}}@media (max-width:480px){.content-wrapper{gap:1rem}}.sidebar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;transition:var(--backdrop-transition);visibility:hidden}@media (max-width:768px){.sidebar-backdrop.show{opacity:1;visibility:visible}}@media (min-width:769px){.sidebar-backdrop{display:none!important}}.layout{position:relative;z-index:0}.layout .sidebar{z-index:1000}.sidebar-backdrop{z-index:999}.main-content{z-index:1}.sidebar-backdrop:focus{outline:none}@media (prefers-reduced-motion:reduce){.main-content,.sidebar-backdrop{transition:none!important}}@media (prefers-contrast:high){.sidebar-backdrop{background-color:#000c}}@media (max-width:768px){.main-content{transform:translateZ(0);will-change:auto}}.sidebar-backdrop{transform:translateZ(0);will-change:opacity,visibility}@container (max-width: 768px){.content{padding:1rem}}@media print{.sidebar-backdrop{display:none!important}.main-content{margin-left:0!important}.content{padding:0!important}}@media (hover:none) and (pointer:coarse){.sidebar-backdrop{-webkit-tap-highlight-color:transparent}}@media (max-width:768px) and (orientation:landscape){.content{padding:.75rem}.content-wrapper{gap: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{align-items:center;color:#666;display:flex;justify-content:center;padding:40px}.form-grid{grid-gap:20px;gap:20px;margin-bottom:20px}.form-label{color:#333;font-size:14px;margin-bottom:6px}.form-control{background-color:#fff;padding:10px 12px}.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{display:flex;font-size:12px;height:24px;right:-8px;top:-8px;transition:background-color .3s ease;width:24px}.btn,.remove-image{align-items:center;justify-content:center}.btn{display:inline-flex;gap:6px}.btn-outline-primary{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-outline-primary:hover:not(:disabled){background-color:#007bff;color:#fff}.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-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-position:right 8px center;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}.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{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}.btn-sm{font-size:12px}.modal-overlay{padding:20px}.modal-content{border-radius:12px;box-shadow:0 20px 40px #0000004d}.modal-header{border-bottom:1px solid #e9ecef;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{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.checkbox-group{align-items:center;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 (min-width:1025px){.page-header{align-items:flex-start;justify-content:space-between}.filters-section,.page-header{flex-direction:row;gap:var(--spacing-lg)}.search-box{flex:1 1;min-width:300px}.filter-box{min-width:200px}.form-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.modal-content{margin:0 auto;max-width:800px}.products-table td,.products-table th{padding:16px 12px}.product-info{gap:12px}.product-image{height:60px;width:60px}}@media (min-width:769px) and (max-width:1024px){.page-header{align-items:flex-start;flex-direction:row;gap:var(--spacing-md);justify-content:space-between}.page-header h1{font-size:24px}.filters-section{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.search-box{flex:1 1;min-width:250px}.filter-box{min-width:180px}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr}.modal-content{margin:var(--spacing-md);max-width:90vw}.products-table th{font-size:13px;padding:12px 8px}.products-table td{padding:12px 8px}.product-info{gap:10px}.product-image{height:50px;width:50px}.product-info h4{font-size:15px}.product-info p{font-size:13px}.action-buttons{gap:6px}.btn-sm{font-size:11px;padding:3px 6px}}@media (max-width:768px){.products-page{padding:0}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header h1{font-size:20px}.filters-section{flex-direction:column;gap:var(--spacing-md)}.filter-box,.search-box{min-width:auto;width:100%}.filter-select,.search-input{font-size:16px;padding:12px 12px 12px 40px}.products-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.products-table{font-size:14px;min-width:700px}.products-table th{font-size:12px;padding:10px 6px}.products-table td{padding:10px 6px}.product-info{gap:8px;min-width:180px}.product-image{height:40px;width:40px}.product-info h4{font-size:14px}.product-info p{-webkit-line-clamp:1;line-clamp:1;font-size:12px}.price-info .regular-price{font-size:14px}.price-info .wholesale-price{font-size:11px}.stock-info .stock-count{font-size:13px}.action-buttons{flex-direction:column;gap:4px;min-width:80px}.btn-sm{font-size:10px;min-height:28px;padding:4px 6px}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.modal-content{margin:var(--spacing-md);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:20px}.modal-footer,.product-form{padding:var(--spacing-md)}.modal-footer{flex-direction:column;gap:var(--spacing-sm)}.modal-footer .btn{justify-content:center;width:100%}.image-upload-container{padding:var(--spacing-md)}.image-preview img{max-height:150px;max-width:150px}.upload-controls{gap:var(--spacing-sm)}}@media (max-width:480px){.page-header h1{font-size:18px}.products-table{font-size:13px;min-width:600px}.products-table th{font-size:11px;padding:8px 4px}.products-table td{padding:8px 4px}.product-info{gap:6px;min-width:150px}.product-image{height:35px;width:35px}.product-info h4{font-size:13px}.product-info p{font-size:11px}.action-buttons{min-width:70px}.btn-sm{font-size:9px;min-height:24px;padding:3px 4px}.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-footer,.modal-header,.product-form{padding:var(--spacing-sm)}.modal-header h2{font-size:18px}.form-grid{gap:var(--spacing-sm)}.image-preview img{max-height:120px;max-width:120px}.empty-state{padding:40px 15px}.empty-state .empty-icon{font-size:36px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media (max-width:320px){.page-header h1{font-size:16px}.products-table{font-size:12px;min-width:500px}.products-table td,.products-table th{padding:6px 3px}.product-info{min-width:120px}.product-image{height:30px;width:30px}.action-buttons{min-width:60px}.btn-sm{font-size:8px;min-height:20px}.modal-content{margin:.25rem;max-height:calc(100vh - .5rem);max-width:calc(100vw - .5rem)}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:calc(100vh - 1rem);overflow-y:auto}.products-table-container{max-height:60vh;overflow-y:auto}}@media (max-width:768px){.btn,.btn-sm{touch-action:manipulation}.btn,.btn-sm,.filter-select,.modal-close,.search-input{min-height:44px}.modal-close{align-items:center;display:flex;justify-content:center;min-width:44px}.remove-image{height:30px;line-height:30px;width:30px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.product-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.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 (min-width:1025px){.table th{font-size:.75rem;padding:var(--spacing-md) var(--spacing-lg)}.table td{font-size:.875rem;padding:var(--spacing-lg)}.table-actions{width:100px}.table .btn-icon{font-size:.875rem;height:28px;width:28px}.table .cell-image{height:40px;width:40px}}@media (min-width:769px) and (max-width:1024px){.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:.8rem;min-width:700px}.table th{font-size:.7rem;padding:var(--spacing-sm) var(--spacing-md)}.table td{font-size:.8rem;padding:var(--spacing-md)}.table-actions{width:90px}.table .btn-icon{font-size:.8rem;height:26px;width:26px}.table .cell-image{height:35px;width:35px}.table .cell-primary{font-size:.8rem}.table .cell-date,.table .cell-secondary{font-size:.7rem}}@media (max-width:768px){.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);overflow-x:auto}.table{font-size:.75rem;min-width:600px}.table th{font-size:.65rem;padding:var(--spacing-sm);white-space:nowrap}.table td{font-size:.75rem;padding:var(--spacing-sm) var(--spacing-md)}.table-actions{width:80px}.table .btn-icon{font-size:.75rem;height:24px;min-height:24px;width:24px}.table .cell-image{height:30px;width:30px}.table .cell-primary{font-size:.75rem}.table .cell-secondary{font-size:.65rem}.table .cell-amount{font-size:.75rem}.table .cell-date{font-size:.65rem}.table .action-buttons{flex-direction:column;gap:.25rem}.table-checkbox{width:40px}.table-checkbox input[type=checkbox]{height:.875rem;width:.875rem}.table .priority-badge,.table .status-badge{font-size:.65rem;padding:.2rem .5rem}}@media (max-width:480px){.table{font-size:.7rem;min-width:500px}.table th{font-size:.6rem}.table td,.table th{padding:var(--spacing-xs) var(--spacing-sm)}.table td{font-size:.7rem}.table-actions{width:70px}.table .btn-icon{font-size:.7rem;height:22px;min-height:22px;width:22px}.table .cell-image{height:25px;width:25px}.table .cell-primary{font-size:.7rem}.table .cell-secondary{font-size:.6rem}.table .cell-amount{font-size:.7rem}.table .cell-date{font-size:.6rem}.table .priority-badge,.table .status-badge{font-size:.6rem;padding:.15rem .4rem}.table-checkbox{width:35px}.table-checkbox input[type=checkbox]{height:.75rem;width:.75rem}}@media (max-width:320px){.table{font-size:.65rem;min-width:400px}.table td,.table th{padding:var(--spacing-xs)}.table th{font-size:.55rem}.table td{font-size:.65rem}.table-actions{width:60px}.table .btn-icon{font-size:.65rem;min-height:20px}.table .btn-icon,.table .cell-image{height:20px;width:20px}.table .priority-badge,.table .status-badge{font-size:.55rem;padding:.1rem .3rem}.table-checkbox{width:30px}.table-checkbox input[type=checkbox]{height:.65rem;width:.65rem}}@media (max-width:768px){.table .btn-icon{touch-action:manipulation}.table .btn-icon,.table-checkbox input[type=checkbox]{min-height:44px;min-width:44px}.table tr.clickable{touch-action:manipulation}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.table .cell-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width:768px) and (orientation:landscape){.table-responsive{max-height:60vh;overflow-y:auto}.table-sticky-header{max-height:50vh}}.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{background-color:#00000080}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 10px 30px #0000004d;max-width:500px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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}.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}.error-message{display:block;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{border-radius:6px;font-size:14px;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}.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;border-radius:6px;font-size:14px;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;transition:all .3s ease}.btn:disabled{opacity:.6}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.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;color:#fff}.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}}@media (max-width:768px){.categories-table .table-responsive{background:#0000;border-radius:0;box-shadow:none;overflow-x:visible}.categories-table .table{display:block;min-width:auto;width:100%}.categories-table .table thead{display:none}.categories-table .table tbody{display:block;width:100%}.categories-table .table tbody tr{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;margin-bottom:20px;padding:15px;width:100%}.categories-table .table tbody tr:hover{background:#fff;box-shadow:0 4px 12px #00000026}.categories-table .table tbody td{align-items:center;border:none;display:block;display:flex;min-height:40px;padding:8px 0 8px 120px;position:relative;text-align:left!important;width:100%}.categories-table .table tbody td:before{color:#555;content:attr(data-label);font-size:12px;font-weight:600;left:0;letter-spacing:.5px;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);width:110px}.categories-table .table tbody td:first-child:before{content:"Kategori"}.categories-table .table tbody td:nth-child(2):before{content:"Deskripsi"}.categories-table .table tbody td:nth-child(3):before{content:"Produk"}.categories-table .table tbody td:nth-child(4):before{content:"Status"}.categories-table .table tbody td:nth-child(5):before{content:"Aksi"}.categories-table .category-info{align-items:center;flex-direction:row;gap:12px;width:100%}.categories-table .category-image{flex-shrink:0;height:50px;width:50px}.categories-table .category-name{font-size:14px;font-weight:600;margin-bottom:2px}.categories-table .category-slug{color:#888;font-size:11px}.categories-table .category-description{color:#666;font-size:13px;line-height:1.4;max-width:none}.categories-table .badge{border-radius:12px;font-size:11px;padding:4px 8px}.categories-table .action-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start}.categories-table .btn{border-radius:4px;flex:none;font-size:11px;min-width:60px;padding:8px 12px}.categories-table .btn-secondary,.categories-table .btn-success{min-width:70px}}@media (max-width:480px){.categories-table .table tbody td{font-size:12px;padding-left:100px}.categories-table .table tbody td:before{font-size:11px;width:90px}.categories-table .category-image{height:40px;width:40px}.categories-table .category-name{font-size:13px}.categories-table .category-slug{font-size:10px}.categories-table .action-buttons{flex-direction:column;gap:6px}.categories-table .btn{font-size:12px;padding:10px;width:100%}}@media (max-width:768px){.categories-table .table-empty,.categories-table .table-loading{border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}.categories-table .table-loading .spinner{height:30px;width:30px}.categories-page .filters{flex-direction:column;gap:12px;margin-bottom:20px}.categories-page .filter-select,.categories-page .search-box{max-width:none;width:100%}.categories-page .form-control{font-size:16px;padding:12px 15px}}@media (max-width:768px) and (orientation:landscape){.categories-table .table tbody td{padding-left:100px}.categories-table .table tbody td:before{font-size:11px;width:90px}}.orders-page{padding:0}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;margin:0 0 4px}.filters-section{gap:16px;margin-bottom:24px}.filter-box,.search-box{align-items:center;display:flex}.search-box{min-width:300px}.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px}.search-icon{color:#666;left:12px;position:absolute;z-index:1}.filter-box{min-width:200px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;width:100%}.filter-icon{color:#666;left:12px;position:absolute;z-index:1}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px}.orders-table{margin:0}.orders-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;padding:16px 12px}.orders-table td{padding:16px 12px;vertical-align:middle}.order-number strong{color:#333;font-size:16px}.order-items-count{color:#666;font-size:12px;margin-top:2px}.customer-info .customer-name{color:#333;font-weight:600;margin-bottom:4px}.customer-contact{color:#666;font-size:12px}.customer-contact div{margin-bottom:2px}.order-total{color:#e53e3e;font-size:16px;font-weight:600}.status-select{background:#fff;border:1px solid #ddd;border-radius:20px;font-size:12px;padding:6px 12px}.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:#333;font-weight:600}.order-time{color:#666;font-size:12px;margin-top:2px}.action-buttons{gap:8px}.empty-state{color:#666;padding:40px}.order-stats{margin-bottom:var(--spacing-xl);max-width:100%}.order-stats .stat-number{font-size:2rem}.order-stats .stat-number.processing{color:var(--info-color)}.order-stats .stat-number.shipped{color:var(--success-color)}@media (min-width:1025px){.page-header{align-items:flex-start;justify-content:space-between}.filters-section,.page-header{flex-direction:row;gap:var(--spacing-lg)}.search-box{flex:1 1;min-width:300px}.filter-box{min-width:200px}.order-stats{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.order-stats .stat-card{min-height:120px;padding:var(--spacing-lg)}.order-stats .stat-number{font-size:2rem}.orders-table td,.orders-table th{padding:16px 12px}}@media (min-width:769px) and (max-width:1024px){.page-header{align-items:flex-start;flex-direction:row;gap:var(--spacing-md);justify-content:space-between}.page-header h1{font-size:24px}.filters-section{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.search-box{flex:1 1;min-width:250px}.filter-box{min-width:180px}.order-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.order-stats .stat-card{min-height:110px;padding:var(--spacing-md)}.order-stats .stat-number{font-size:1.75rem}.orders-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.orders-table{font-size:14px;min-width:800px}.orders-table th{font-size:13px;padding:12px 8px}.orders-table td{padding:12px 8px}.order-number strong{font-size:15px}.customer-contact,.order-items-count{font-size:11px}.order-total{font-size:15px}.status-select{font-size:11px;padding:5px 10px}.action-buttons{gap:6px}}@media (max-width:768px){.orders-page{padding:0}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header h1{font-size:20px}.filters-section{flex-direction:column;gap:var(--spacing-md)}.filter-box,.search-box{min-width:auto;width:100%}.filter-select,.search-input{font-size:16px;padding:12px 12px 12px 40px}.orders-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.orders-table{font-size:14px;min-width:800px}.orders-table th{font-size:12px;padding:10px 6px}.orders-table td{padding:10px 6px}.order-number strong{font-size:14px}.order-items-count{font-size:10px}.customer-info .customer-name{font-size:14px}.customer-contact{font-size:10px}.order-total{font-size:14px}.status-select{font-size:10px;padding:4px 8px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{font-size:10px;min-height:28px;padding:4px 6px}.order-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.order-stats .stat-card{min-height:100px;padding:var(--spacing-md)}.order-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}.order-stats .stat-number{font-size:1.5rem}.empty-state{padding:30px 15px}}@media (max-width:480px){.page-header h1{font-size:18px}.orders-table{font-size:13px;min-width:700px}.orders-table th{font-size:11px;padding:8px 4px}.orders-table td{padding:8px 4px}.customer-info .customer-name,.order-number strong,.order-total{font-size:13px}.status-select{font-size:9px;padding:3px 6px}.action-buttons .btn{font-size:9px;min-height:24px;padding:3px 4px}.order-stats{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-md)}.order-stats .stat-card{aspect-ratio:3/1;min-height:auto;padding:var(--spacing-md)}.order-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-xs)}.order-stats .stat-number{font-size:1.25rem}.empty-state{padding:25px 10px}}@media (max-width:320px){.page-header h1{font-size:16px}.orders-table{font-size:12px;min-width:600px}.orders-table td,.orders-table th{padding:6px 3px}.order-stats .stat-card{min-height:70px;padding:var(--spacing-sm)}.order-stats .stat-number{font-size:1rem}.action-buttons .btn{font-size:8px;min-height:20px}}@media (max-width:768px) and (orientation:landscape){.orders-table-container{max-height:60vh;overflow-y:auto}.order-stats{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.order-stats .stat-card{min-height:80px;padding:var(--spacing-sm)}.order-stats .stat-number{font-size:1.25rem}}@media (max-width:768px){.action-buttons .btn,.status-select{min-height:44px;touch-action:manipulation}.filter-select,.search-input{min-height:44px}}.orders-page{padding:var(--spacing-lg)}.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}}@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-bottom:15px;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{margin-bottom:var(--spacing-lg)}.header-left,.page-header{align-items:flex-start;gap:var(--spacing-md)}.header-left{display:flex}.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{display:flex;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)}.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}}.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)}.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-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.status-processing{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-dark)}.status-select.status-inactive{background:var(--secondary-light);border-color:var(--secondary-color);color:var(--secondary-dark)}.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)}}.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}.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-size:12px 12px;padding-right:2.5rem}textarea.form-control{min-height:100px}.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;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.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{background:#fff;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;margin:0}.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-size:.8rem;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:none;border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.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{background:#fff;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-content{position:relative;width:100%}.modal-close{transition:all .2s}.status-badge{align-items:center;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}}.payments-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}.payments-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}.payments-table{border-collapse:collapse;min-width:800px;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left;vertical-align:middle}.payments-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.payments-table tbody tr:hover,.payments-table th{background:var(--bg-secondary)}.transaction-id{color:var(--primary-color);font-family:monospace;font-size:.875rem;font-weight:600}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-info strong{color:var(--text-primary);font-size:.875rem}.order-id{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-email{color:var(--text-secondary);font-size:.75rem}.payment-amount{color:var(--success-color);font-size:.875rem;font-weight:700}.payment-method{background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-primary);display:inline-block;font-size:.875rem;padding:.25rem .5rem}.payment-date{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.payment-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-delivered{background:var(--success-light);border-color:var(--success-color);color:var(--success-dark)}.status-select.status-cancelled{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-dark)}@media (min-width:1025px){.payments-page{padding:var(--spacing-lg)}.payments-table{min-width:1000px}.filters-section{flex-wrap:nowrap}}@media (min-width:769px) and (max-width:1024px){.payments-page{padding:var(--spacing-md)}.payments-table{min-width:900px}.payments-table td,.payments-table th{padding:var(--spacing-sm)}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}}@media (max-width:768px){.payments-page{padding:var(--spacing-md)}.payments-table{font-size:.8rem;min-width:700px}.payments-table td,.payments-table th{padding:var(--spacing-sm)}.payments-table th{font-size:.75rem}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.payments-table td:nth-child(3),.payments-table td:nth-child(5),.payments-table th:nth-child(3),.payments-table th:nth-child(5){display:none}.transaction-id{font-size:.75rem}.customer-name,.order-info strong,.payment-amount{font-size:.8rem}.action-buttons .btn{font-size:.8rem;min-height:36px;min-width:36px}}@media (max-width:480px){.payments-page{padding:var(--spacing-sm)}.payments-table{font-size:.75rem;min-width:600px}.payments-table td,.payments-table th{padding:.5rem .25rem}.payments-table td:nth-child(2),.payments-table td:nth-child(7),.payments-table th:nth-child(2),.payments-table th:nth-child(7){display:none}.status-select{font-size:.7rem;min-width:100px}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}}@media (max-width:360px){.payments-table{min-width:500px}.payments-table td,.payments-table th{padding:.25rem}.payment-amount,.transaction-id{font-size:.7rem}.status-select{font-size:.65rem;min-width:80px;padding:.2rem .3rem}}@media (max-width:768px){.payment-detail-modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.detail-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-sm)}.payment-proof-image{max-height:250px}}@media (hover:none) and (pointer:coarse){.status-select{font-size:.8rem;min-height:44px}.action-buttons .btn{min-height:44px;min-width:44px}.filter-box input,.filter-box select,.search-box input{font-size:16px;min-height:44px}}@media (max-width:768px) and (orientation:landscape){.payments-table{min-width:800px}.payments-table td,.payments-table th{padding:var(--spacing-xs)}.payment-detail-modal{max-height:calc(100vh - .5rem)}}.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}}.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);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{gap:4px}.proof-image-section{margin-bottom:var(--spacing-xl)}.proof-image-large{max-height:400px;overflow:hidden;width:100%}.proof-image-large img{height:100%;width:100%}.notes-textarea{padding:var(--spacing-md)}.notes-textarea:focus{box-shadow:0 0 0 2px #e53e3e1a}@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-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{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)}.payment-proofs-page{padding:var(--spacing-lg)}.proof-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-xl)}.proof-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}.proof-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%}.proof-stats .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.proof-stats .stat-card:hover:before{height:6px}.proof-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}.proof-stats .stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:0;transition:color .3s ease}.proof-stats .stat-number.pending{color:var(--warning-color)}.proof-stats .stat-number.verified{color:var(--success-color)}.proof-stats .stat-number.rejected{color:var(--danger-color)}.proof-modal{max-height:90vh;max-width:900px;overflow-y:auto}.proof-detail,.proof-info-section{padding:var(--spacing-md)}.proof-info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item .label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-item .value{color:var(--text-primary);font-size:.875rem;font-weight:500}.proof-image-section{margin-bottom:var(--spacing-lg)}.proof-image-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.proof-image-large{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center}.proof-image-large img{border-radius:var(--border-radius);box-shadow:var(--shadow-md);height:auto;max-height:400px;max-width:100%;object-fit:contain}.notes-section{margin-bottom:var(--spacing-lg)}.notes-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.notes-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:100px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.notes-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.notes-textarea:disabled{background:var(--bg-secondary);cursor:not-allowed}.notes-textarea::placeholder,.notes-textarea:disabled{color:var(--text-secondary)}@media (min-width:1025px){.payment-proofs-page{padding:var(--spacing-lg)}.proof-stats{grid-template-columns:repeat(4,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-wrap:nowrap}}@media (min-width:769px) and (max-width:1024px){.payment-proofs-page{padding:var(--spacing-md)}.proof-stats{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.proof-stats .stat-card{min-height:100px;padding:var(--spacing-md)}.proof-stats .stat-number{font-size:2.25rem}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}}@media (max-width:768px){.payment-proofs-page{padding:var(--spacing-md)}.proof-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.proof-stats .stat-card{min-height:90px;padding:var(--spacing-md)}.proof-stats .stat-card h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}.proof-stats .stat-number{font-size:2rem}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.proof-modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.proof-image-large img{max-height:300px}.modal-footer,.modal-header,.proof-detail{padding:var(--spacing-sm)}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-buttons .btn{font-size:.8rem;min-height:36px;min-width:36px}}@media (max-width:480px){.payment-proofs-page{padding:var(--spacing-sm)}.proof-stats{gap:var(--spacing-sm);grid-template-columns:1fr}.proof-stats .stat-card{min-height:80px;padding:var(--spacing-sm)}.proof-stats .stat-card h3{font-size:.7rem}.proof-stats .stat-number{font-size:1.75rem}.proof-modal{margin:.25rem;max-width:calc(100vw - .5rem)}.proof-image-large img{max-height:250px}.notes-textarea{min-height:80px}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}}@media (max-width:360px){.proof-stats .stat-card{min-height:70px;padding:var(--spacing-xs)}.proof-stats .stat-number{font-size:1.5rem}.proof-stats .stat-card h3{font-size:.65rem}.proof-image-large img{max-height:200px}}@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}.notes-textarea{font-size:16px;min-height:120px}}@media (max-width:768px) and (orientation:landscape){.proof-stats{grid-template-columns:repeat(4,1fr)}.proof-stats .stat-card{min-height:70px}.proof-modal{max-height:calc(100vh - .5rem)}.proof-image-large img{max-height:200px}}@media (max-width:768px){.payment-proofs-page .table td:nth-child(3),.payment-proofs-page .table th:nth-child(3){display:none}}@media (max-width:480px){.payment-proofs-page .table td:nth-child(4),.payment-proofs-page .table th:nth-child(4){display:none}}@media (max-width:768px){.status-badge{font-size:.7rem;padding:.2rem .4rem}}@media (max-width:480px){.status-badge{font-size:.65rem;padding:.15rem .3rem}}.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{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}}.users-page{padding:var(--spacing-lg)}.users-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}.users-table{border-collapse:collapse;min-width:800px;width:100%}.users-table td,.users-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left;vertical-align:middle}.users-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.users-table tbody tr:hover,.users-table th{background:var(--bg-secondary)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-email,.user-phone{color:var(--text-secondary);font-size:.75rem}.user-phone{font-family:monospace}.user-address{color:var(--text-secondary);font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-stats-info{display:flex;flex-direction:column;gap:.25rem}.total-orders{color:var(--primary-color);font-weight:600}.total-spent{color:var(--success-color);font-size:.875rem;font-weight:600}.join-date{color:var(--text-secondary);font-size:.75rem}@media (min-width:1025px){.users-page{padding:var(--spacing-lg)}.users-table{min-width:1000px}.filters-section{flex-wrap:nowrap}.user-address{max-width:250px}}@media (min-width:769px) and (max-width:1024px){.users-page{padding:var(--spacing-md)}.users-table{min-width:900px}.users-table td,.users-table th{padding:var(--spacing-sm)}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}.user-address{max-width:180px}}@media (max-width:768px){.users-page{padding:var(--spacing-md)}.users-table{font-size:.8rem;min-width:700px}.users-table td,.users-table th{padding:var(--spacing-sm)}.users-table th{font-size:.75rem}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.users-table td:nth-child(4),.users-table td:nth-child(5),.users-table th:nth-child(4),.users-table th:nth-child(5){display:none}.user-name{font-size:.8rem}.user-email{font-size:.7rem}.total-spent{font-size:.8rem}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-buttons .btn{font-size:.8rem;min-height:36px;min-width:36px}.user-address{max-width:120px}}@media (max-width:480px){.users-page{padding:var(--spacing-sm)}.users-table{font-size:.75rem;min-width:600px}.users-table td,.users-table th{padding:.5rem .25rem}.users-table td:nth-child(3),.users-table td:nth-child(6),.users-table th:nth-child(3),.users-table th:nth-child(6){display:none}.user-name{font-size:.75rem}.status-badge,.user-email{font-size:.65rem}.status-badge{padding:.2rem .4rem}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}}@media (max-width:360px){.users-table{min-width:500px}.users-table td,.users-table th{padding:.25rem}.user-name{font-size:.7rem}.user-email{font-size:.6rem}.total-spent{font-size:.7rem}.status-badge{font-size:.6rem;padding:.15rem .3rem}}@media (max-width:768px){.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.form-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.modal-footer,.modal-header,.user-form{padding:var(--spacing-sm)}.user-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.user-stats .stat-card{min-height:80px;padding:var(--spacing-sm)}.user-stats .stat-number{font-size:1.5rem}}@media (max-width:480px){.user-stats{grid-template-columns:1fr}.user-stats .stat-card{min-height:60px;padding:var(--spacing-xs)}.user-stats .stat-number{font-size:1.25rem}.user-stats .stat-card h3{font-size:.7rem}}@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-badge{align-items:center;display:inline-flex;justify-content:center;min-height:32px}}@media (max-width:768px) and (orientation:landscape){.users-table{min-width:800px}.users-table td,.users-table th{padding:var(--spacing-xs)}.modal-content{max-height:calc(100vh - .5rem)}}.admin-form{padding:var(--spacing-lg)}.role-badge{letter-spacing:.025em}.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)}@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}}.admins-page{padding:var(--spacing-lg)}.admins-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}.admins-table{border-collapse:collapse;min-width:900px;width:100%}.admins-table td,.admins-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left;vertical-align:middle}.admins-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.admins-table tbody tr:hover,.admins-table th{background:var(--bg-secondary)}.admin-info{display:flex;flex-direction:column;gap:.25rem}.admin-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.admin-username{background:var(--bg-secondary);border-radius:var(--border-radius);display:inline-block;font-family:monospace;padding:.125rem .25rem}.admin-email,.admin-username{color:var(--text-secondary);font-size:.75rem}.admin-contact{display:flex;flex-direction:column;gap:.25rem}.admin-phone,.admin-whatsapp{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.admin-phone:before{content:"📞 ";margin-right:.25rem}.admin-whatsapp:before{content:"💬 ";margin-right:.25rem}.role-badge{border-radius:var(--border-radius);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.role-badge.role-super-admin{background:var(--warning-light);border:1px solid var(--warning-color);color:var(--warning-dark)}.role-badge.role-admin{background:var(--info-light);border:1px solid var(--info-color);color:var(--info-dark)}.last-login{color:var(--text-secondary);font-size:.75rem}.last-login.recent{color:var(--success-color);font-weight:600}.last-login.old{color:var(--warning-color)}.action-buttons .btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:1025px){.admins-page{padding:var(--spacing-lg)}.admins-table{min-width:1100px}.filters-section{flex-wrap:nowrap}}@media (min-width:769px) and (max-width:1024px){.admins-page{padding:var(--spacing-md)}.admins-table{min-width:1000px}.admins-table td,.admins-table th{padding:var(--spacing-sm)}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}}@media (max-width:768px){.admins-page{padding:var(--spacing-md)}.admins-table{font-size:.8rem;min-width:800px}.admins-table td,.admins-table th{padding:var(--spacing-sm)}.admins-table th{font-size:.75rem}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.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}.admin-name{font-size:.8rem}.admin-email,.admin-username{font-size:.7rem}.role-badge,.status-badge{font-size:.7rem;padding:.2rem .4rem}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-buttons .btn{font-size:.8rem;min-height:36px;min-width:36px}}@media (max-width:480px){.admins-page{padding:var(--spacing-sm)}.admins-table{font-size:.75rem;min-width:700px}.admins-table td,.admins-table th{padding:.5rem .25rem}.admins-table td:nth-child(3),.admins-table td:nth-child(6),.admins-table th:nth-child(3),.admins-table th:nth-child(6){display:none}.admin-name{font-size:.75rem}.admin-username{font-size:.65rem}.role-badge,.status-badge{font-size:.65rem;padding:.15rem .3rem}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}}@media (max-width:360px){.admins-table{min-width:600px}.admins-table td,.admins-table th{padding:.25rem}.admin-name{font-size:.7rem}.admin-username{font-size:.6rem}.role-badge,.status-badge{font-size:.6rem;padding:.1rem .25rem}}@media (max-width:768px){.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.form-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.admin-form,.form-section,.modal-footer,.modal-header{padding:var(--spacing-sm)}.form-section-title{font-size:.9rem}}@media (max-width:480px){.modal-content{margin:.25rem;max-width:calc(100vw - .5rem)}.modal-header h2{font-size:1.1rem}.form-section-title{font-size:.85rem}.form-label{font-size:.8rem}.form-control{font-size:.875rem}}@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}.role-badge,.status-badge{align-items:center;display:inline-flex;justify-content:center;min-height:32px}.form-control{font-size:16px;min-height:44px}}@media (max-width:768px) and (orientation:landscape){.admins-table{min-width:900px}.admins-table td,.admins-table th{padding:var(--spacing-xs)}.modal-content{max-height:calc(100vh - .5rem)}}.super-admin-row{background:linear-gradient(90deg,#ffc1071a,#0000)}.super-admin-row:hover{background:linear-gradient(90deg,#ffc10726 0,var(--bg-secondary) 100%)}.admin-security-badge{align-items:center;color:var(--warning-color);display:inline-flex;font-size:.7rem;gap:.25rem;margin-left:.5rem}@media (max-width:768px){.admin-security-badge{display:none}}.form-control:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.form-text{font-size:.7rem}}.messages-page{padding:20px}.page-header{justify-content:space-between;margin-bottom:20px}.page-header,.page-header h1{align-items:center;display:flex}.page-header h1{color:#333;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{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;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}.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-reply-keyword{gap:4px}.auto-reply-keyword strong{font-weight:600}.auto-reply-type{background:var(--bg-secondary);border-radius:var(--border-radius);display:inline-block;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.auto-reply-response{color:var(--text-secondary)}.auto-reply-priority{color:var(--primary-color)}.action-buttons{align-items:center;gap:var(--spacing-sm)}.action-buttons .btn{height:32px;min-width:32px;padding:0}.status-badge{letter-spacing:.025em}@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{box-shadow:var(--shadow-lg);max-width:700px}.modal-header{background:var(--bg-secondary)}.modal-header h2{font-size:1.25rem}.modal-close{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{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.form-section-title{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.form-section-title svg{height:20px;width:20px}.form-group{margin-bottom:var(--spacing-sm)}.form-label{margin-bottom:var(--spacing-xs)}.checkbox-group{margin-top:var(--spacing-xs)}.checkbox-label{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)}}.auto-replies-page{padding:var(--spacing-lg)}.filters-section{align-items:center;display:flex;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%)}.auto-reply-keyword{display:flex;flex-direction:column;gap:.25rem}.auto-reply-keyword strong{background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-primary);display:inline-block;font-family:monospace;font-size:.875rem;padding:.125rem .25rem}.auto-reply-type{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auto-reply-response{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.875rem;line-height:1.4;max-width:300px;overflow:hidden;text-overflow:ellipsis}.auto-reply-priority{background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;text-align:center}.auto-reply-priority,.status-badge{border-radius:var(--border-radius);display:inline-block;font-weight:600;padding:.25rem .5rem}.status-badge{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.status-badge.status-active{background:var(--success-light);color:var(--success-dark)}.status-badge.status-inactive{background:var(--danger-light);color:var(--danger-dark)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.action-buttons .btn{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--border-radius);display:flex;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-xs);touch-action:manipulation}.modal-content{max-width:800px}.auto-reply-form,.form-section{padding:var(--spacing-md)}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.form-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-section-title svg{color:var(--primary-color)}.form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group.full-width{grid-column:1/-1}.form-label.required:after{color:var(--danger-color);content:" *"}.form-control{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-sm);transition:border-color .2s,box-shadow .2s}.form-control:focus{box-shadow:0 0 0 2px var(--primary-light)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:18px;width:18px}@media (min-width:1025px){.auto-replies-page{padding:var(--spacing-lg)}.filters-section{flex-wrap:nowrap}.form-grid{grid-template-columns:repeat(2,1fr)}.auto-reply-response{max-width:350px}}@media (min-width:769px) and (max-width:1024px){.auto-replies-page{padding:var(--spacing-md)}.filters-section{gap:var(--spacing-sm)}.filter-box,.search-box{min-width:150px}.form-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.form-section{padding:var(--spacing-sm)}.auto-reply-response{max-width:250px}}@media (max-width:768px){.auto-replies-page{padding:var(--spacing-md)}.filters-section{flex-direction:column;gap:var(--spacing-sm)}.filter-box,.search-box{min-width:auto;width:100%}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.form-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.auto-reply-form,.form-section,.modal-footer,.modal-header{padding:var(--spacing-sm)}.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:.8rem;min-height:36px;min-width:36px}.auto-replies-page .table td:nth-child(3),.auto-replies-page .table th:nth-child(3){display:none}}@media (max-width:480px){.auto-replies-page{padding:var(--spacing-sm)}.modal-content{margin:.25rem;max-width:calc(100vw - .5rem)}.form-section-title{font-size:.9rem}.form-label{font-size:.8rem}.form-control{font-size:.875rem}.form-text{font-size:.7rem}.auto-reply-keyword strong{font-size:.8rem}.auto-reply-type{font-size:.7rem}.auto-reply-response{-webkit-line-clamp:1;line-clamp:1;font-size:.8rem;max-width:150px}.auto-reply-priority{font-size:.8rem;padding:.2rem .4rem}.status-badge{font-size:.7rem;padding:.2rem .4rem}.action-buttons .btn{font-size:.75rem;min-height:32px;min-width:32px}.auto-replies-page .table td:nth-child(2),.auto-replies-page .table th:nth-child(2){display:none}}@media (max-width:360px){.auto-reply-keyword strong{font-size:.75rem}.auto-reply-type{font-size:.65rem}.auto-reply-priority{font-size:.75rem}.status-badge{font-size:.65rem;padding:.15rem .3rem}.form-section-title{font-size:.85rem}.form-label{font-size:.75rem}.form-control{font-size:.8rem}}@media (hover:none) and (pointer:coarse){.action-buttons .btn{min-height:44px;min-width:44px}.filter-box select,.form-control,.search-box input{font-size:16px;min-height:44px}.checkbox-label input[type=checkbox]{height:20px;width:20px}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:calc(100vh - .5rem)}.form-grid{grid-template-columns:repeat(2,1fr)}}.empty-state{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}@media (max-width:768px){.empty-state{padding:var(--spacing-lg)}}@media (max-width:480px){.empty-state{font-size:.875rem;padding:var(--spacing-md)}}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);height:40px;width:40px}@media (max-width:768px){.loading{min-height:150px}.spinner{border-width:3px;height:32px;width:32px}}.form-control:invalid{border-color:var(--danger-color)}.form-control:invalid:focus{box-shadow:0 0 0 2px var(--danger-light)}.form-control:valid{border-color:var(--success-color)}.form-control:valid:focus{box-shadow:0 0 0 2px var(--success-light)}.modal-overlay{background:#00000080;padding:var(--spacing-md)}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:var(--spacing-sm);padding-top:var(--spacing-lg)}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-xs);padding-top:var(--spacing-md)}}.stream-chat{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem}.chat-header h3{color:#495057;font-size:1.1rem}.chat-messages{flex:1 1;min-height:300px;padding:1rem}.chat-message{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;margin-bottom:1rem;padding:.75rem}.message-header{align-items:center;margin-bottom:.5rem}.username{color:#007bff;font-size:.9rem}.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-radius:50%;border-top-color:#007bff;height:20px;margin:0 auto;width:20px}.spinner,.spinner-sm{animation:spin 1s linear infinite}.spinner-sm{border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@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{padding:var(--spacing-lg)}.video-section{margin-bottom:var(--spacing-xl)}.video-container{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.video-wrapper{padding-top:56.25%;position:relative;width:100%}.video-display{background:#000;height:100%!important;left:0;overflow:hidden;position:absolute!important;top:0;width:100%!important}.video-display,.video-display video{border-radius:var(--border-radius-lg)}.video-display video{height:100%;object-fit:cover;width:100%}.video-error,.video-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-lg)}.video-error svg,.video-placeholder svg{margin-bottom:var(--spacing-md);opacity:.7}.video-error p,.video-placeholder p{font-size:.875rem;margin:0;text-align:center}.video-error{background:linear-gradient(135deg,#2d1a1a,#3d2d2d)}.video-error p{color:#ff6b6b;margin:var(--spacing-sm) 0}.video-error button{background:#0000;border:1px solid #ff6b6b;border-radius:var(--border-radius);color:#ff6b6b;cursor:pointer;font-size:.875rem;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.video-error button:hover{background:#ff6b6b;box-shadow:0 4px 8px #ff6b6b4d;color:#fff;transform:translateY(-1px)}.video-error button:active{transform:translateY(0)}.play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #fff;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;left:50%;padding:var(--spacing-md) var(--spacing-lg);position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:10}.play-button:hover{background:#fff3;box-shadow:0 4px 12px #0000004d;transform:translate(-50%,-50%) scale(1.05)}.play-button:active{transform:translate(-50%,-50%) scale(.95)}.video-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:var(--border-radius);bottom:var(--spacing-md);display:flex;gap:var(--spacing-sm);left:50%;padding:var(--spacing-sm);position:absolute;transform:translateX(-50%)}.control-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-btn.active{background:var(--success-color);color:#fff}.control-btn.inactive{background:var(--danger-color);color:#fff}.control-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.stream-info-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.stream-header,.stream-info-card{margin-bottom:var(--spacing-lg)}.stream-status{align-items:center;border-radius:var(--border-radius);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.stream-status.live{background:#dc26261a;color:var(--danger-color)}.status-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.stream-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.stream-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);gap:var(--spacing-lg);padding:var(--spacing-lg)}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--border-radius);color:#fff;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-icon.viewers{background:var(--primary-color)}.stat-icon.total{background:var(--success-color)}.stat-icon.duration{background:var(--warning-color)}.stat-icon.messages{background:var(--info-color)}.stat-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.stat-content p{color:var(--text-secondary);font-size:.875rem;margin:0}.chat-section{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.chat-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.chat-header h3{font-size:1.125rem;margin:0}.chat-messages{max-height:400px;overflow-y:auto;padding:var(--spacing-lg)}.chat-message{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.chat-message:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.message-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.username{color:var(--text-primary);font-weight:600}.timestamp{color:var(--text-secondary);font-size:.75rem}.message-content{color:var(--text-primary);font-size:.875rem;line-height:1.5}.no-stream{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:400px}.no-stream-content{padding:var(--spacing-xl);text-align:center}.no-stream-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;justify-content:space-between;padding:var(--spacing-lg)}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;gap:var(--spacing-sm);margin:0}.modal-header h2:before{content:"🎥";font-size:1.25rem}.modal-close{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all .2s ease;width:32px}.modal-close:hover{background:var(--danger-color);color:#fff;transform:scale(1.1)}.modal-close:active{transform:scale(.95)}.start-stream-form{background:var(--bg-primary);padding:var(--spacing-lg)}.form-label{font-size:.875rem;font-weight:600;position:relative}.form-label:after{background:var(--primary-color);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:20px}.form-control{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:var(--spacing-md);transition:all .3s ease;width:100%}.form-control:focus{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-control:hover:not(:focus){border-color:var(--text-secondary)}.form-control::placeholder{color:var(--text-secondary);opacity:.7}textarea.form-control{line-height:1.5;min-height:80px;resize:vertical}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 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}select.form-control[multiple]{background-image:none;min-height:120px;padding-right:var(--spacing-md)}select.form-control[multiple] option{background:var(--bg-primary);border-radius:var(--border-radius);color:var(--text-primary);margin:2px 0;padding:var(--spacing-sm)}select.form-control[multiple] option:checked{background:var(--primary-color);color:#fff}.form-text{color:var(--text-secondary);display:block;font-size:.75rem;font-style:italic;margin-top:var(--spacing-xs)}.form-text:before{content:"💡 ";opacity:.7}.modal-footer{background:var(--bg-secondary);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.modal-footer .btn{align-items:center;border:2px solid #0000;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.modal-footer .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.modal-footer .btn:active{transform:translateY(0)}.modal-footer .btn-secondary{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.modal-footer .btn-secondary:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-primary)}.modal-footer .btn-success{background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);border-color:var(--success-color);box-shadow:0 2px 8px #10b9814d;color:#fff}.modal-footer .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.modal-footer .btn-success:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.form-control.is-invalid{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc26261a}.form-control.is-valid{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.form-loading{pointer-events:none;position:relative}.form-loading:after{background:#fffc;border-radius:var(--border-radius-lg);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.form-group{position:relative}.form-group.required .form-label:before{color:var(--danger-color);content:"* ";font-weight:700}@media (max-width:768px){.live-streaming-page{padding:var(--spacing-md)}.video-display{height:300px}.video-controls{bottom:var(--spacing-sm);gap:var(--spacing-xs)}.control-btn{font-size:.875rem;height:36px;width:36px}.stream-stats{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{gap:var(--spacing-md);padding:var(--spacing-md)}.stat-icon{height:40px;width:40px}.stat-content h3,.stat-icon{font-size:1.25rem}.chat-messages{max-height:300px}.modal-content{margin:var(--spacing-md);max-height:95vh;width:95%}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:1.25rem}.modal-footer,.start-stream-form{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{min-width:auto;width:100%}.form-control{padding:var(--spacing-sm) var(--spacing-md)}select.form-control[multiple]{min-height:100px}}@media (max-width:480px){.video-display{height:250px}.video-controls{padding:var(--spacing-xs)}.control-btn{font-size:.75rem;height:32px;width:32px}.stream-meta{flex-direction:column;gap:var(--spacing-md)}.stream-stats{grid-template-columns:1fr}.chat-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.chat-messages{max-height:250px}.modal-content{margin:var(--spacing-sm);width:98%}.modal-footer,.modal-header,.start-stream-form{padding:var(--spacing-sm) var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}}.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}}