@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Work+Sans:wght@300;400;500;600;700&display=swap);.sidebar{background:var(--bg-sidebar);border-right:1px solid #14b8a633;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform var(--transition-fast);width:var(--sidebar-width);z-index:var(--z-sidebar)}.sidebar-overlay{display:none}.sidebar-header{background:#00000047;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;padding:18px var(--spacing-lg)}.logo,.sidebar-header{align-items:center;display:flex}.logo{cursor:pointer;min-width:0;transition:opacity var(--transition-fast)}.logo:hover{opacity:.88}.sidebar-logo-img{filter:brightness(0) invert(1);height:36px;object-fit:contain;width:auto}.sidebar-close{display:none}.sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding:10px var(--spacing-sm)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.nav-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.nav-item,.nav-list{list-style:none}.nav-link{align-items:center;border-left:3px solid #0000;border-radius:var(--radius-sm);color:#ffffffa6;display:flex;font-size:.9375rem;font-weight:500;gap:12px;padding:10px 12px;position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:#ffffff17;border-left-color:#14b8a673;color:#ffffffeb;padding-left:14px}.nav-link.active{background:#14b8a62e;border-left-color:#14b8a6;color:#fff;font-weight:600;padding-left:14px}.nav-icon{color:#ffffff8c;flex-shrink:0;transition:color var(--transition-fast)}.nav-link:hover .nav-icon{color:#ffffffd9}.nav-link.active .nav-icon{color:#14b8a6}.nav-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md)}.logout-btn{align-items:center;background:#ef444414;border:1px solid #ef44442e;border-radius:var(--radius-sm);color:#fca5a5e6;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:#ef44442e;border-color:#ef444452;color:#fecaca}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.is-open{box-shadow:6px 0 32px #0000004d;transform:translateX(0)}.sidebar-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;inset:0;position:fixed;z-index:calc(var(--z-sidebar) - 1)}.sidebar-close{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:var(--radius-sm);color:#fffc;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all var(--transition-fast);width:34px}.sidebar-close:hover{background:#ffffff29;color:#fff}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{animation:slideUp .3s ease;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.modal-default{max-width:560px}.modal-full{max-width:calc(100vw - 40px)}.modal-header{flex-shrink:0}.modal-title{font-weight:600}.modal-close{height:36px;width:36px}.modal-body{flex:1 1;overflow-y:auto}.modal-footer{flex-shrink:0}@media (max-width:1024px){.modal-xl{max-width:90vw}.modal-lg{max-width:85vw}}@media (max-width:768px){.modal-lg,.modal-xl{max-width:95vw}.modal-default{max-width:90vw}.modal-overlay{padding:var(--spacing-sm)}.modal{max-height:calc(100vh - 20px)}}@media (max-width:640px){.modal-default,.modal-full,.modal-lg,.modal-xl{max-width:calc(100vw - 20px)}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-title{font-size:1.125rem}.modal-close{height:32px;width:32px}.modal-footer{flex-direction:column-reverse}.modal-footer>*{width:100%}}.button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;position:relative;transition:all var(--transition-fast);white-space:nowrap}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 2px 4px #0077b64d;color:#fff}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary-dark) 100%);box-shadow:0 4px 8px #0077b666;transform:translateY(-1px)}.button-secondary{background-color:var(--bg-white);border:1px solid var(--border);color:var(--text-primary)}.button-secondary:hover:not(:disabled){background-color:var(--bg-light);border-color:var(--text-muted)}.button-danger{background:linear-gradient(135deg,var(--danger) 0,#dc2626 100%);box-shadow:0 2px 4px #ef44444d;color:#fff}.button-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.button-success{background:linear-gradient(135deg,var(--success) 0,#059669 100%);box-shadow:0 2px 4px #10b9814d;color:#fff}.button-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.button-ghost{background-color:initial;color:var(--text-secondary)}.button-ghost:hover:not(:disabled){background-color:var(--bg-light);color:var(--text-primary)}.button-sm{font-size:.8125rem;padding:6px 12px}.button-default{font-size:.875rem;padding:10px 20px}.button-lg{font-size:1rem;padding:14px 28px}.button-icon-only{padding:10px}.button-full{width:100%}.button-loading{color:#0000!important}.button-icon{align-items:center;display:flex;justify-content:center}.button-spinner{animation:button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;height:16px;position:absolute;width:16px}.button-danger .button-spinner,.button-primary .button-spinner,.button-success .button-spinner{border-color:#ffffff4d #fff #ffffff4d #ffffff4d}@keyframes button-spin{to{transform:rotate(1turn)}}.notification-bell-container{position:relative}.notification-bell-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.notification-bell-btn:hover{background:var(--bg-hover);border-color:var(--border-dark);color:var(--text-primary)}.notification-badge{font-size:.6875rem;font-weight:600}.notification-dropdown{animation:slideDown .2s ease;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:var(--z-dropdown)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background:var(--bg-light);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.notification-header h3{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.notification-actions{display:flex;gap:var(--spacing-sm)}.clear-btn,.mark-read-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:.75rem;padding:4px 8px;transition:background var(--transition-fast)}.clear-btn:hover,.mark-read-btn:hover{background:var(--primary-light)}.notification-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.notification-empty p{font-size:.875rem;margin-top:var(--spacing-sm)}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:background var(--transition-fast)}.notification-item:hover{background:var(--bg-light)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--primary-light)}.notification-item.unread:hover{background:#ccfbf1}.notification-item.unread:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-icon-wrapper{align-items:center;background:var(--bg-light);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notif-icon.order{color:var(--primary)}.notif-icon.status{color:var(--success)}.notif-icon.payment{color:#10b981}.notif-icon.default{color:var(--text-secondary)}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:.8125rem;font-weight:600;margin:0 0 2px}.notification-message{color:var(--text-secondary);font-size:.75rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:var(--text-muted);font-size:.6875rem}.notification-remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:all var(--transition-fast);width:24px}.notification-item:hover .notification-remove{opacity:1}.notification-remove:hover{background:var(--danger-light);color:var(--danger)}@media (max-width:640px){.notification-dropdown{left:var(--spacing-sm);max-height:calc(100vh - var(--header-height) - var(--spacing-lg));position:fixed;right:var(--spacing-sm);top:var(--header-height);width:auto}}.header{background:var(--bg-white);border-bottom:1px solid var(--border);flex-shrink:0;height:var(--header-height);justify-content:space-between;min-height:var(--header-height);padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header,.header-left{align-items:center;display:flex;gap:var(--spacing-md)}.header-left{min-width:0}.menu-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.menu-btn:hover{background:var(--bg-hover);border-color:var(--border-dark)}.header-title-group{display:flex;flex-direction:column;min-width:0}.header-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-subtitle{color:var(--text-secondary);font-size:.8125rem;font-weight:500;margin-top:2px}.header-right{flex-shrink:0}.header-actions,.header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.notification-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.notification-btn:hover{background:var(--bg-hover);border-color:var(--border-dark);color:var(--text-primary)}.notification-badge{align-items:center;background:var(--danger);border:2px solid #fff;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.625rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.user-profile{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:4px 12px 4px 4px;transition:all var(--transition-fast)}.user-profile:hover{background:var(--bg-hover);border-color:var(--border-dark)}.profile-avatar{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.profile-info{display:flex;flex-direction:column}.profile-name{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2}.profile-role{color:var(--text-muted);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:1024px){.menu-btn{display:flex}.header{padding:0 var(--spacing-md)}.header-title{font-size:1.125rem}.header-subtitle{font-size:.75rem}}@media (max-width:640px){.header-actions,.profile-info{display:none}.notification-btn{height:36px;width:36px}.profile-avatar{height:32px;width:32px}.user-profile{padding:4px}.header-title{font-size:1rem}.header-subtitle{display:none}}.layout,.main-content{display:flex;height:100vh}.main-content{background-color:var(--bg-light);flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);overflow:hidden;transition:margin-left var(--transition-fast)}.page-content{flex:1 1;margin:0 auto;max-width:1600px;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl);width:100%}@media (max-width:1024px){.main-content{margin-left:0}.page-content{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:640px){.page-content{padding:var(--spacing-md)}}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.dashboard-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.action-icon-btn{border:1.5px solid var(--border);font-size:.875rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.export-btn span{display:inline}.export-dropdown{min-width:180px}.export-dropdown button{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.filter-bar{margin-bottom:var(--spacing-lg)}.section-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}.section-subtitle{font-size:.9375rem;font-weight:500}.date-filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{background-color:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.filter-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary-gradient);border-color:var(--primary);box-shadow:var(--shadow-colored);color:#fff}.custom-date-wrapper{position:relative}.custom-date-btn{align-items:center;display:flex;gap:var(--spacing-xs)}.custom-date-dropdown{animation:fadeInUp .2s ease;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;padding:var(--spacing-md);position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown)}.date-input-group{margin-bottom:var(--spacing-md)}.date-input-group label{color:var(--text-secondary);display:block;font-size:.8125rem;font-weight:500;margin-bottom:var(--spacing-xs)}.date-input-group .form-input{width:100%}.apply-date-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-colored);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.apply-date-btn:hover{box-shadow:var(--shadow-lg)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.stat-card{animation:fadeInUp .4s ease backwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-period{color:var(--text-muted);font-weight:400;margin-left:4px}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.dashboard-section{padding:var(--spacing-lg)}.section-header h3{font-size:1rem;font-weight:600}.live-order-count{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-coral) 0,var(--accent-coral-dark) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-coral);color:#fff;font-size:.8125rem;font-weight:700;padding:var(--spacing-sm) var(--spacing-md)}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-coral)}50%{box-shadow:0 8px 32px #f9731659}}.view-all-link{align-items:center;color:var(--primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs)}.view-all-link:hover{color:var(--primary-hover)}.chart-container{height:220px;margin-top:var(--spacing-md);min-height:180px}.status-legend{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.status-legend-item{align-items:center;background:var(--bg-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-sm);min-width:140px;padding:var(--spacing-xs) var(--spacing-sm)}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-dot.new{background-color:#8b5cf6}.status-dot.pick-up-pending{background-color:#f97316}.status-dot.in-progress{background-color:#3b82f6}.status-dot.delivery-pending{background-color:#eab308}.status-dot.delivered{background-color:#10b981}.status-dot.cancelled{background-color:#ef4444}.status-dot.pending{background-color:#f97316}.status-dot.confirmed{background-color:#3b82f6}.status-label{color:var(--text-secondary);flex:1 1;font-size:.8125rem}.status-count{color:var(--text-primary);font-size:.875rem;font-weight:700}.recent-orders-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-item{grid-gap:var(--spacing-md);align-items:center;background-color:var(--bg-light);border-radius:var(--radius-md);cursor:pointer;display:grid;gap:var(--spacing-md);grid-template-columns:1.5fr 1fr .8fr auto;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.order-item:hover{background-color:var(--border-light);box-shadow:var(--shadow-sm)}.order-info{display:flex;flex-direction:column}.order-id{color:var(--text-primary);font-size:.875rem;font-weight:600}.order-customer{color:var(--text-secondary);font-size:.8125rem}.order-service{color:var(--text-secondary);font-size:.875rem}.order-amount{color:var(--text-primary);font-size:.875rem;font-weight:600}.quick-actions-section h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.action-card{align-items:center;animation:fadeInUp .4s ease backwards;background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-fast)}.action-card:before{background:linear-gradient(135deg,#0000,#14b8a608);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.action-card:first-child{animation-delay:.1s}.action-card:nth-child(2){animation-delay:.2s}.action-card:nth-child(3){animation-delay:.3s}.action-card:hover{border-color:var(--border-teal);box-shadow:var(--shadow-md)}.action-card:hover:before{opacity:1}.action-card.highlight{background:var(--primary-gradient);border-color:var(--primary);box-shadow:var(--shadow-colored)}.action-card.highlight:after{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-50%;top:-50%;width:200px}.action-card.highlight .action-arrow,.action-card.highlight .action-description,.action-card.highlight .action-icon,.action-card.highlight .action-title{color:#fff;position:relative;z-index:1}.action-card.highlight .action-icon{background:#ffffff40}.action-card:first-child:hover{border-color:var(--accent-blue)}.action-card:nth-child(3):hover{border-color:var(--primary)}.action-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:transform var(--transition-fast);width:48px}.action-card:hover .action-icon{transform:scale(1.05)}.action-icon.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--accent-blue)}.action-icon.customers{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:var(--accent-purple)}.action-icon.slots{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary)}.action-content{display:flex;flex:1 1;flex-direction:column}.action-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.action-description{color:var(--text-secondary);font-size:.8125rem;margin-top:var(--spacing-xs)}.action-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.action-card:hover .action-arrow{transform:translateX(4px)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-container{height:200px}}@media (max-width:1024px){.actions-grid,.dashboard-grid{grid-template-columns:1fr}.status-legend-item{min-width:120px}}@media (max-width:768px){.chart-container{height:180px;min-height:160px}.actions-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:640px){.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-icon{height:40px;width:40px}.dashboard-header{align-items:flex-start;flex-direction:column}.date-filter-group{width:100%}.filter-btn{flex:1 1;font-size:.8125rem;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.order-item{gap:var(--spacing-sm);grid-template-columns:1fr auto}.order-amount,.order-service{display:none}.dashboard-actions{justify-content:flex-end;width:100%}.export-btn span{display:none}.chart-container{height:160px;min-height:140px}.status-legend-item{flex:none;min-width:100%}.action-icon{height:40px;width:40px}}@media (max-width:480px){.stat-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.chart-container{height:140px;min-height:120px}.order-item{padding:var(--spacing-sm)}.order-id{font-size:.8125rem}.order-customer{font-size:.75rem}.action-card{padding:var(--spacing-md)}.action-icon{height:36px;width:36px}.action-title{font-size:.875rem}.action-description{font-size:.75rem}}@media print{.dashboard-actions,.filter-bar,.header,.quick-actions-section,.sidebar{display:none!important}.main-content{margin-left:0!important}.page-content{padding:0!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.stat-card{border:1px solid #e2e8f0!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.dashboard-grid{grid-template-columns:1fr!important}.dashboard-section{break-inside:avoid;page-break-inside:avoid}}.orders-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.stat-card{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md) var(--spacing-lg)}.stat-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{font-size:1.5rem}.stat-value.stat-warning{color:var(--warning)}.stat-value.stat-danger{color:var(--danger)}.filter-badge{align-items:center;background-color:var(--primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.6875rem;font-weight:600;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 5px}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-tag{align-items:center;background-color:var(--primary-light);border-radius:var(--radius-full);color:var(--primary-dark);display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.filter-tag svg{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.filter-tag svg:hover{opacity:1}.clear-filters-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 12px}.clear-filters-btn:hover{text-decoration:underline}.orders-table{width:100%}.orders-table.scrollable{min-width:1200px}.orders-table td,.orders-table th{padding:12px 10px;vertical-align:middle;white-space:nowrap}.orders-table th{font-size:.75rem}.order-id-link{font-size:inherit}.order-date{color:var(--text-muted);font-size:.7rem;margin-left:8px}.service-name{font-weight:500}.service-type{background:var(--bg-light);border-radius:4px;color:var(--text-secondary);font-size:.7rem;margin-left:6px;padding:2px 6px}.customer-phone{margin-left:8px}.location-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.amount-cell{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.original-price{color:var(--text-muted);font-size:.75rem;text-decoration:line-through}.final-price{color:var(--text-primary);font-weight:600}.discount-tag{align-items:center;background:#10b9811a;background:var(--success-light,#10b9811a);border-radius:var(--radius-full);color:var(--success);display:inline-flex;font-size:.65rem;font-weight:500;gap:2px;padding:2px 6px}.amount-cell-inline{align-items:center;display:flex;gap:6px;justify-content:flex-end}.amount-cell-inline .final-price{color:var(--text-primary);font-weight:600}.discount-amount{color:var(--success);font-size:.75rem;font-weight:500}.total-amount{color:var(--text-primary);font-weight:700}.discount-inline{color:var(--success);font-size:.75rem;margin-left:6px}.discount-inline s{color:var(--text-muted)}.schedule-date{font-weight:500}.schedule-slot{font-size:.7rem;margin-left:6px}.badge-with-icon{align-items:center;display:inline-flex;gap:4px}.badge-with-icon svg{flex-shrink:0}.badge-source{align-items:center;border-radius:999px;display:inline-flex;font-size:.65rem;font-weight:600;gap:3px;letter-spacing:.02em;padding:2px 7px}.badge-source-whatsapp{background:#25d3661f;color:#15803d}.badge-source-app{background:#6366f11f;color:#4338ca}.badge-source-call{background:#3b82f61f;color:#1d4ed8}.badge-source-store{background:#f59e0b1f;color:#92400e}.filter-section{margin-bottom:var(--spacing-lg)}.filter-section h4{color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-chip{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.filter-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.order-details hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-lg) 0}.order-details h4{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.order-details h4 svg{color:var(--text-muted)}.order-banner-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.order-banner-row .badge-source{flex-shrink:0;font-size:.7rem;padding:4px 10px}.order-banner-row .order-status-banner{flex:1 1;margin-bottom:0}.order-status-banner{align-items:center;border-radius:var(--radius-md);display:flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.order-status-banner.status-new{background:var(--primary-light);color:var(--primary-dark)}.order-status-banner.status-cancelled{background:var(--danger-light);color:var(--danger)}.order-status-banner.status-delivery-pending,.order-status-banner.status-pick-up-pending{background:var(--warning-light);color:#92400e;color:var(--warning-dark,#92400e)}.order-status-banner.status-in-progress{background:#3b82f61a;background:var(--info-light,#3b82f61a);color:#3b82f6;color:var(--info,#3b82f6)}.order-status-banner.status-delivered{background:#10b9811a;background:var(--success-light,#10b9811a);color:var(--success)}.details-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.details-section{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.details-section h4{margin-bottom:var(--spacing-md)}.info-card p{align-items:center;color:var(--text-primary);display:flex;font-size:.9375rem;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.info-card p strong{color:var(--text-secondary);font-weight:500}.info-card p svg{color:var(--text-muted)}.schedule-info-grid{grid-gap:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);padding:var(--spacing-md)}.info-block{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--text-primary);font-weight:500}.info-sub{color:var(--text-secondary);font-size:.75rem}.order-summary{background:var(--bg-light);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.summary-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.summary-row:last-child{border-bottom:none}.discount-row{color:var(--success)}.discount-code{color:var(--text-muted);font-size:.75rem;margin-left:var(--spacing-xs)}.discount-value{font-weight:500}.total-row{border-top:2px solid var(--border);font-size:1.125rem;padding-top:var(--spacing-md)}.total-value{color:var(--primary)}.order-notes{background:var(--bg-light);border-left:3px solid var(--primary);color:var(--text-secondary);font-size:.9375rem;font-style:italic}.items-list,.order-notes{border-radius:var(--radius-md);padding:var(--spacing-md)}.items-list{background-color:var(--bg-light)}.item-row{grid-gap:var(--spacing-md);border-bottom:1px solid var(--border);display:grid;gap:var(--spacing-md);grid-template-columns:1fr auto auto;padding:var(--spacing-sm) 0}.item-row:last-child{border-bottom:none}.item-name{font-weight:500}.item-qty{color:var(--text-secondary)}.discount-form hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-md) 0}.current-order-info{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.current-order-info p{margin-bottom:var(--spacing-xs)}.discount-type-group{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.discount-type-option{align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.discount-type-option input{display:none}.discount-type-option:hover{border-color:var(--primary)}.discount-type-option.active{background:var(--primary-light);border-color:var(--primary)}.discount-type-option svg{color:var(--text-muted)}.discount-type-option.active svg{color:var(--primary)}.discount-preview{background:#10b9811a;background:var(--success-light,#10b9811a);justify-content:space-between;margin-top:var(--spacing-md)}.preview-amount{color:var(--success);font-size:1.25rem;font-weight:700}.edit-order-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.edit-section{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.edit-section h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-md)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h4{margin-bottom:0}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.items-edit-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.item-edit-row{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 80px 100px 100px 40px}.item-qty-input{text-align:center}.item-price-input,.item-total{text-align:right}.item-total{color:var(--text-primary);font-size:.875rem;font-weight:600}.items-subtotal{align-items:center;border-top:2px solid var(--border);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md) 0 0}.items-subtotal span:last-child{color:var(--primary);font-size:1.125rem}.action-btn.danger{color:var(--text-muted)}.action-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1200px){.orders-stats{grid-template-columns:repeat(2,1fr)}.orders-table.scrollable{min-width:1000px}.schedule-info-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.orders-stats{grid-template-columns:1fr}.search-wrapper{flex-basis:100%;max-width:100%;min-width:100%}.search-filter-bar{flex-direction:column}.details-grid,.filter-grid{grid-template-columns:1fr}.schedule-info-grid{grid-template-columns:repeat(2,1fr)}.discount-type-group,.form-row,.form-row.three-col{grid-template-columns:1fr}.item-edit-row{gap:4px;grid-template-columns:1fr 60px 80px 80px 36px}.orders-table.scrollable{min-width:800px}.orders-table td,.orders-table th{padding:10px 8px}}@media (max-width:640px){.header-actions-group{gap:var(--spacing-xs)}.header-icon-btn{height:32px;width:32px}.filter-badge{font-size:.625rem;height:16px;min-width:16px}.active-filters{gap:var(--spacing-xs)}.filter-tag{font-size:.75rem;padding:4px 10px}}@media (max-width:480px){.orders-stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-value{font-size:1.25rem}.schedule-info-grid{grid-template-columns:1fr}.orders-table.scrollable{min-width:650px}.orders-table td,.orders-table th{font-size:.8125rem;padding:8px 6px}.action-btn{height:28px;width:28px}.item-edit-row{gap:2px;grid-template-columns:1fr 50px 70px 70px 32px}}.error-banner{justify-content:space-between;margin-bottom:var(--spacing-lg)}.pagination-controls{border-top:1px solid var(--border);gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-lg)}.pagination-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5}.pagination-info{color:var(--text-secondary)}.status-cell{align-items:center;display:flex;flex-direction:column;gap:4px}.live-indicator{align-items:center;color:#ef4444;display:inline-flex;font-size:.625rem;font-weight:700;gap:4px;letter-spacing:.05em;text-transform:uppercase}.live-dot{animation:pulse-live 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:6px;width:6px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.add-service-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-type-section{margin-bottom:var(--spacing-sm)}.service-type-tabs{gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.service-type-tab{background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-md);flex:1 1;font-size:.9375rem;padding:10px var(--spacing-md)}.service-type-tab:hover{color:var(--primary)}.service-type-tab.active,.service-type-tab:hover{border-color:var(--primary)}.adding-info{background:var(--bg-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.adding-info strong{color:var(--text-primary)}.item-search-wrapper{position:relative}.item-search-wrapper .search-icon{color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.item-search-input{padding-left:40px!important}.garment-category-tabs{border-bottom:1px solid var(--border);gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.garment-tab{background:none;border:none;border-bottom:2px solid #0000;font-size:.875rem}.garment-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.items-selection-list{border:1px solid var(--border);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.item-selection-row{grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--border);display:grid;gap:var(--spacing-md);grid-template-columns:1fr auto auto;padding:var(--spacing-sm) var(--spacing-md)}.item-selection-row:last-child{border-bottom:none}.item-selection-row:hover{background:var(--bg-light)}.item-info{display:flex;flex-direction:column}.item-info .item-name{color:var(--text-primary);font-weight:500}.item-price{color:var(--text-primary);font-weight:600;min-width:70px;text-align:right}.item-selection-row .item-qty-input{border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;padding:8px 10px;text-align:center;width:70px}.item-selection-row .item-qty-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.add-items-action{display:flex;justify-content:flex-start}.perkg-input-section,.perpair-input-section{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.perkg-price-info,.perpair-price-info{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-sm)}.added-items-section{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md)}.added-items-section h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.added-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.added-item-row{grid-gap:var(--spacing-sm);align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr auto auto;padding:var(--spacing-sm)}.added-item-info{display:flex;flex-direction:column}.added-item-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.added-item-type{color:var(--text-muted);font-size:.75rem}.added-item-details{color:var(--text-secondary);font-size:.875rem}.added-item-price{color:var(--primary);font-weight:600}.remove-item-btn{background:var(--danger-light);border-radius:var(--radius-md);color:var(--danger)}.remove-item-btn:hover{background:var(--danger);color:#fff}.added-items-total{align-items:center;border-top:2px solid var(--border);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.added-items-total span:last-child{color:var(--primary);font-size:1.125rem}@media (max-width:768px){.service-type-tabs{flex-direction:column}.item-selection-row{gap:var(--spacing-sm);grid-template-columns:1fr auto}.item-price{grid-column:1;text-align:left}.item-selection-row .item-qty-input{grid-column:2;grid-row:1/3}.added-item-row{grid-template-columns:1fr auto auto}.added-item-details{grid-column:1/-1}}.summary-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8125rem;padding-left:16px}.required-star{color:#ef4444;margin-left:2px}.payment-form{display:flex;flex-direction:column;gap:16px}.payment-info-text{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.9rem;padding:10px 14px}.radio-group-inline{flex-wrap:wrap;gap:10px}.radio-pill{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;font-size:.875rem;gap:6px;padding:8px 16px;transition:all .15s}.radio-pill.active{background:#eef2ff;background:var(--primary-light,#eef2ff);border-color:#6366f1;border-color:var(--primary,#6366f1);color:#6366f1;color:var(--primary,#6366f1);font-weight:500}.radio-pill input[type=radio]{display:none}@media (max-width:480px){.garment-category-tabs{gap:2px}.garment-tab{font-size:.8125rem;padding:6px 12px}}.header-actions-group{gap:var(--spacing-sm)}.header-icon-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.header-icon-btn:hover{background:var(--bg-light);border-color:var(--text-muted);color:var(--text-primary)}.export-wrapper{position:relative}.export-dropdown{animation:fadeInUp .2s ease;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown)}.export-dropdown button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:10px 14px;transition:background-color var(--transition-fast);width:100%}.export-dropdown button:hover{background:var(--bg-light)}.export-dropdown button svg{color:var(--text-secondary)}.search-filter-bar .search-wrapper{min-width:280px}.filter-group{gap:var(--spacing-sm)}.filter-select{font-size:.875rem}.customers-table{width:100%}.table-container{-webkit-overflow-scrolling:touch}.customers-table.scrollable{min-width:800px}.customer-info{align-items:center;display:flex;gap:var(--spacing-md)}.customer-avatar{background:var(--primary-gradient);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;height:40px;width:40px}.customer-name{font-weight:500}.customer-phone{color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;font-size:.875rem}.society-name{display:block;font-weight:500}.address{display:block;font-size:.875rem}.pincode{color:var(--text-muted);display:block;font-size:.75rem;margin-top:2px}.order-count{align-items:center;background-color:var(--bg-light);border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 8px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--primary)}.sort-indicator{margin-left:4px}.action-btn.primary{background-color:var(--primary-light);color:var(--primary)}.action-btn.primary:hover{background-color:var(--primary);color:#fff}.form-error{margin-top:4px}.form-hint{font-size:.875rem}.society-options{grid-gap:var(--spacing-sm);background-color:var(--bg-light);display:grid;grid-template-columns:repeat(2,1fr);padding:var(--spacing-md)}.society-option,.society-options{border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--spacing-sm)}.society-option{align-items:center;background-color:var(--bg-white);cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.society-option:hover{border-color:var(--primary)}.society-option input[type=radio]{accent-color:var(--primary)}.society-option input[type=radio]:checked+span{color:var(--primary);font-weight:500}.order-form hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-lg) 0}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.radio-group{background-color:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-md)}.radio-option{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:var(--spacing-sm)}.radio-option input[type=radio]{accent-color:var(--primary)}.service-type-group{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.service-type-option{align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.service-type-option:hover{border-color:var(--primary)}.service-type-option input[type=radio]{accent-color:var(--primary);margin-top:2px}.service-type-option input[type=radio]:checked~.service-type-label{color:var(--primary)}.service-type-label{display:flex;flex-direction:column}.service-type-label strong{font-size:.9375rem}.service-type-label small{color:var(--text-muted);font-size:.75rem;margin-top:2px}.discount-preview{align-items:center;background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac;border-radius:var(--radius-md);color:#166534;display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.discount-preview svg{color:#22c55e}.history-container{max-height:500px;overflow-y:auto}.history-table{min-width:600px;width:100%}.history-total{align-items:center;background-color:var(--bg-light);border-radius:var(--radius-md);display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md)}.history-total .total-value,.order-id-link{color:var(--primary)}.order-id-link{background:none;border:none;cursor:pointer;font-family:SF Mono,Monaco,monospace;font-size:.875rem;font-weight:600;padding:0;text-decoration:none;transition:all var(--transition-fast)}.order-id-link:hover{color:var(--primary-dark);text-decoration:underline}.category-tag{background-color:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:.75rem;padding:4px 10px}.amount-with-discount{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.original-amount{color:var(--text-muted);font-size:.75rem;text-decoration:line-through}.discounted-amount{color:var(--text-primary);font-weight:600}.discount-badge{background-color:#dcfce7;border-radius:var(--radius-sm);color:#166534;display:inline-block;font-size:.6875rem;font-weight:600;padding:2px 6px}.order-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-view-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:var(--spacing-md)}.order-view-status{display:flex;flex-direction:column;gap:var(--spacing-xs)}.badge-lg{align-items:center;display:inline-flex;font-size:.9375rem;padding:8px 14px}.cancel-reason{color:var(--danger);font-size:.8125rem;font-style:italic}.order-view-meta{display:flex;gap:var(--spacing-lg)}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-xs)}.meta-item svg{color:var(--text-muted)}.order-view-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-view-section h4{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0;padding-bottom:var(--spacing-xs)}.items-table{font-size:.875rem}.items-table td,.items-table th{padding:var(--spacing-sm) var(--spacing-md)}.schedule-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.schedule-item{background-color:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md)}.schedule-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.schedule-value{color:var(--text-primary);font-weight:600}.schedule-slot{color:var(--text-secondary);font-size:.8125rem}.payment-summary{background-color:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.payment-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.payment-row:not(:last-child){border-bottom:1px solid var(--border)}.discount-row{background-color:#dcfce7}.discount-row span:first-child{align-items:center;color:#166534;display:flex;gap:var(--spacing-xs)}.discount-value{color:#166534;font-weight:600}.total-row{font-size:1rem;font-weight:600}.payment-status-row,.total-row{background-color:var(--bg-white)}.payment-status-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md)}.payment-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.payment-badge.paid{background-color:#dcfce7;color:#166534}.payment-badge.pending{background-color:#fef3c7;color:#92400e}.payment-badge.refunded{background-color:#fce7f3;color:#9d174d}.payment-method{color:var(--text-secondary);font-size:.8125rem}@media (max-width:1024px){.customers-table.scrollable{min-width:700px}}@media (max-width:768px){.search-filter-bar{flex-direction:column}.search-filter-bar .search-wrapper{min-width:100%}.filter-group{width:100%}.filter-select{flex:1 1;min-width:120px}.form-row,.schedule-grid,.service-type-group,.society-options{grid-template-columns:1fr}.order-view-header{flex-direction:column;gap:var(--spacing-md)}.order-view-meta{flex-direction:column}.customer-info,.order-view-meta{gap:var(--spacing-sm)}.customer-avatar{font-size:.875rem;height:36px;width:36px}.history-table{min-width:500px}}@media (max-width:640px){.customers-table.scrollable{min-width:600px}.history-table{min-width:450px}}@media (max-width:480px){.header-actions-group{gap:var(--spacing-xs)}.header-icon-btn{height:32px;width:32px}.filter-select{font-size:.8125rem;padding:8px 12px}.customer-avatar{font-size:.8125rem;height:32px;width:32px}.customer-name{font-size:.875rem}.customer-phone{font-size:.8125rem}}.order-booking-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.booking-header-row{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding-bottom:var(--spacing-md)}.form-group.compact{flex:1 1;min-width:150px}.form-group.compact .form-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.radio-group-inline{display:flex;gap:var(--spacing-xs)}.radio-pill{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.8125rem;justify-content:center;padding:6px 12px;transition:all var(--transition-fast)}.radio-pill.active,.radio-pill:hover{border-color:var(--primary)}.radio-pill.active{background:var(--primary);color:#fff}.radio-pill input{display:none}.pickup-schedule-row{background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.pickup-schedule-row .form-group{flex:1 1}.service-selection-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.service-selection-row .form-group{flex:1 1;min-width:200px}.service-type-tabs{background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.service-type-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:4px;padding:8px 16px;transition:all var(--transition-fast)}.service-type-tab:hover{background:var(--bg-white)}.service-type-tab.active{background:var(--primary);color:#fff}.service-type-tab .multiplier{font-size:.6875rem;opacity:.8}.delivery-date-info{align-items:center;background:linear-gradient(135deg,#dbeafe,#ede9fe);border:1px solid #93c5fd;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.date-info-item{display:flex;flex-direction:column;gap:2px}.date-label{color:var(--text-muted);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.date-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.date-arrow,.date-value.highlight{color:var(--primary)}.date-arrow{font-size:1.25rem;font-weight:700}.delivery-type-badge{background:var(--primary);border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:6px 12px}.items-selection-section{background:var(--bg-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.item-search-box{align-items:center;display:flex;position:relative}.item-search-box .search-icon{color:var(--text-muted);left:12px;position:absolute}.item-search-box .form-input{padding-left:40px;padding-right:36px}.item-search-box .clear-search{align-items:center;background:var(--bg-light);border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;width:24px}.item-search-box .clear-search:hover{background:var(--border);color:var(--text-primary)}.garment-category-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.garment-tab{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;padding:8px 16px;transition:all var(--transition-fast);white-space:nowrap}.garment-tab:hover{border-color:var(--primary);color:var(--primary)}.garment-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.items-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:280px;overflow-y:auto;padding:4px}.item-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-sm);transition:all var(--transition-fast)}.item-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.item-card.selected{background:var(--primary-light);border-color:var(--primary)}.item-card-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-xs)}.item-card .item-name{color:var(--text-primary);font-size:.8125rem;font-weight:500;line-height:1.3}.item-card .item-code{color:var(--text-muted);font-family:SF Mono,Monaco,monospace;font-size:.6875rem}.item-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:var(--spacing-xs);justify-content:space-between;margin-top:auto;padding-top:var(--spacing-xs)}.item-card .item-price{color:var(--primary);font-size:.875rem;font-weight:600}.qty-controls{gap:2px}.qty-btn,.qty-controls{align-items:center;display:flex}.qty-btn{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1rem;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.qty-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.qty-btn:disabled{cursor:not-allowed;opacity:.5}.qty-input{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;height:24px;text-align:center;width:36px}.qty-input:focus{border-color:var(--primary);outline:none}.no-items-message{color:var(--text-muted);grid-column:1/-1;padding:var(--spacing-xl);text-align:center}.add-items-row{display:flex;justify-content:flex-end}.perkg-section{align-items:center;background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-md)}.perkg-section .form-group{flex:1 1;max-width:200px}.perkg-price{color:var(--text-secondary);font-size:.875rem}.order-summary-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.order-summary-section h4{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.order-items-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.order-item-row{align-items:center;background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.order-item-info{flex:1 1;min-width:0}.order-item-name{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-service{color:var(--text-muted);display:block;font-size:.75rem}.order-item-qty{color:var(--text-secondary);font-size:.8125rem;min-width:30px}.order-item-price{font-size:.875rem;font-weight:600;min-width:60px;text-align:right}.remove-item-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.remove-item-btn:hover{background:var(--danger-light);color:var(--danger)}.discount-section{border-top:1px solid var(--border);padding-top:var(--spacing-md)}.discount-section .form-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.discount-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.discount-pill{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.discount-pill:hover{border-color:var(--success);color:var(--success)}.discount-pill.active{background:var(--success);border-color:var(--success);color:#fff}.order-totals{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding-top:var(--spacing-md)}.order-totals .total-row{display:flex;font-size:.875rem;justify-content:space-between;padding:4px 0}.order-totals .total-row.discount{color:var(--success)}.order-totals .total-row.grand-total{border-top:2px solid var(--text-primary);font-size:1.125rem;font-weight:700;margin-top:4px;padding-top:var(--spacing-sm)}@media (max-width:768px){.booking-header-row{gap:var(--spacing-md)}.booking-header-row,.service-selection-row{flex-direction:column}.service-type-tabs{overflow-x:auto;width:100%}.items-grid{grid-template-columns:repeat(2,1fr)}.perkg-section{align-items:stretch;flex-direction:column}.perkg-section .form-group{max-width:none}.delivery-date-info{flex-wrap:wrap;justify-content:center}.delivery-type-badge{margin-left:0;margin-top:var(--spacing-xs)}}@media (max-width:480px){.items-grid{grid-template-columns:1fr}.order-item-row{flex-wrap:wrap}.order-item-info{width:100%}}.order-info-note{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:.875rem;margin-top:8px;padding:12px 16px}.service-type-tabs .multiplier{font-size:.75rem;margin-left:4px;opacity:.75}.pagination-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 0 8px}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:4px}.pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:36px;padding:6px 12px;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination-btn.active{background:#111827;border-color:#111827;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:#9ca3af;font-size:.875rem;padding:6px 4px}.date-picker-wrapper{align-items:center;display:flex;gap:var(--spacing-md)}.date-picker-wrapper label{color:var(--text-secondary);font-weight:500;white-space:nowrap}.date-picker{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;padding:8px 12px}.date-picker:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.slots-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.slot-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.slot-section-header{align-items:center;background:var(--bg-light);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.slot-section-header h2{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.slot-date{color:var(--text-secondary);font-size:.875rem;font-weight:500}.slots-table{border-collapse:collapse;width:100%}.slots-table thead{background:var(--bg-light)}.slots-table th{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-lg);text-align:left;text-transform:uppercase}.slots-table th.text-center{text-align:center}.slots-table td{border-bottom:1px solid var(--border);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.slots-table tbody tr:last-child td{border-bottom:none}.slots-table tbody tr:hover{background:var(--bg-light)}.slot-row{border-left:4px solid var(--success)}.slot-row.nearly-full{border-left-color:var(--warning)}.slot-row.full{border-left-color:var(--danger)}.slot-name{color:var(--text-primary);font-weight:600}.slot-usage{align-items:center;display:inline-flex;font-weight:600;gap:4px}.usage-current{color:var(--text-primary)}.usage-separator{color:var(--text-muted)}.usage-max{color:var(--text-secondary)}.slot-row.nearly-full .usage-current{color:var(--warning)}.slot-row.full .usage-current{color:var(--danger)}.capacity-input{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;padding:6px 10px;text-align:center;width:70px}.capacity-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.status-badge{border-radius:var(--radius-md)}.status-badge.available{background-color:#dcfce7;background-color:var(--success-light,#dcfce7);color:#16a34a;color:var(--success,#16a34a)}.status-badge.nearly-full{background-color:#fef3c7;background-color:var(--warning-light,#fef3c7);color:#d97706;color:var(--warning,#d97706)}.status-badge.full{background-color:#fee2e2;background-color:var(--danger-light,#fee2e2);color:#dc2626;color:var(--danger,#dc2626)}.empty-cell{color:var(--text-muted);padding:var(--spacing-xl)!important;text-align:center}.slot-legend{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xl);justify-content:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.legend-indicator{border-radius:2px;height:12px;width:12px}.legend-indicator.available{background-color:var(--success)}.legend-indicator.nearly-full{background-color:var(--warning)}.legend-indicator.full{background-color:var(--danger)}@media (max-width:768px){.slot-section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.slots-table td,.slots-table th{padding:var(--spacing-sm) var(--spacing-md)}.slot-legend{align-items:center;flex-direction:column;gap:var(--spacing-md)}.date-picker-wrapper{align-items:flex-start;flex-direction:column;width:100%}.date-picker{width:100%}}@media (max-width:640px){.slots-table td,.slots-table th{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.table-container{-webkit-overflow-scrolling:touch}.slots-table{min-width:500px}}@media (max-width:480px){.slot-section-header{padding:var(--spacing-sm) var(--spacing-md)}.slot-section-header h2{font-size:.9375rem}.slots-table{min-width:450px}.slots-table td,.slots-table th{font-size:.75rem;padding:var(--spacing-xs) 8px}}.header-actions-group{align-items:center;display:flex;gap:var(--spacing-md)}.edit-slots-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-slot-button-section{border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;padding-bottom:var(--spacing-md)}.slot-form-section{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.slot-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.slot-form-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.slot-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.slot-form .form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.slot-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.slot-form .form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.slot-form .form-input,.slot-form .form-select{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;padding:10px 12px}.slot-form .form-input:focus,.slot-form .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.slot-form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.edit-slots-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-inline{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.spinner.small{height:20px;width:20px}.empty-slots-message{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.empty-slots-message svg{margin-bottom:var(--spacing-md);opacity:.5}.empty-slots-message p{font-size:.9375rem;margin:0}.empty-slots-message .text-muted{font-size:.8125rem;margin-top:var(--spacing-xs)}.slot-type-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.slot-type-title{background:var(--bg-light);border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0;padding:var(--spacing-md) var(--spacing-lg)}.slots-edit-grid{display:flex;flex-direction:column}.no-slots-text{color:var(--text-muted);font-size:.875rem;padding:var(--spacing-lg);text-align:center}.slot-edit-card{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .15s ease}.slot-edit-card:last-child{border-bottom:none}.slot-edit-card:hover{background:var(--bg-light)}.slot-edit-card.inactive{background:#fef2f2;opacity:.8}.slot-edit-info{display:flex;flex-direction:column;gap:4px}.slot-edit-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.slot-edit-capacity{color:var(--text-secondary);font-size:.8125rem}.slot-edit-time{color:var(--text-muted);font-size:.75rem}.slot-inactive-badge{align-items:center;background:#fee2e2;background:var(--danger-light,#fee2e2);border-radius:var(--radius-sm);color:var(--danger);display:inline-flex;font-size:.6875rem;font-weight:600;margin-top:4px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.slot-edit-actions{display:flex;gap:var(--spacing-xs)}.slot-edit-actions .action-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.slot-edit-actions .action-btn:hover{background:var(--bg-light);border-color:var(--primary);color:var(--primary)}.slot-edit-actions .action-btn.warning:hover{background:#fef3c7;border-color:var(--warning);color:var(--warning)}.slot-edit-actions .action-btn.success:hover{background:#dcfce7;border-color:var(--success);color:var(--success)}.slot-edit-actions .action-btn.danger:hover{background:#fee2e2;border-color:var(--danger);color:var(--danger)}.slot-edit-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.header-actions-group{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.slot-form .form-row{grid-template-columns:1fr}.slot-edit-card{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.slot-edit-actions{align-self:flex-end}}@media (max-width:480px){.slot-form-section{padding:var(--spacing-md)}.slot-edit-card{padding:var(--spacing-sm) var(--spacing-md)}}.reports-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.report-card{overflow:hidden}.report-header{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-white) 100%);border-bottom:1px solid var(--border);gap:var(--spacing-md);padding:var(--spacing-lg)}.report-header,.report-icon{align-items:center;display:flex}.report-icon{border-radius:var(--radius-lg);flex-shrink:0;height:56px;justify-content:center;width:56px}.report-icon.pickup{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1d4ed8}.report-icon.delivery{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#047857}.report-info h3{font-size:1.125rem;font-weight:600;margin-bottom:4px}.report-info p{color:var(--text-secondary);font-size:.875rem}.report-body{padding:var(--spacing-lg)}.report-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.report-form .form-label{align-items:center;display:flex;gap:var(--spacing-sm)}.report-placeholder{align-items:center;background-color:var(--bg-light);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.report-placeholder svg{margin-bottom:var(--spacing-md);opacity:.5}.report-placeholder p{font-size:.9375rem}.reports-info{padding:var(--spacing-lg)}.reports-info h4{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.reports-info ul{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none}.reports-info li{color:var(--text-secondary);font-size:.9375rem;padding-left:var(--spacing-lg);position:relative}.reports-info li:before{background-color:var(--primary);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:8px;width:8px}.reports-info li strong{color:var(--text-primary)}@media (max-width:992px){.reports-grid{grid-template-columns:1fr}}@media (max-width:768px){.report-card{padding:var(--spacing-lg)}.report-content{padding:var(--spacing-md)}}@media (max-width:640px){.report-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.report-title{font-size:1rem}.report-description{font-size:.8125rem}}@media (max-width:480px){.report-card{padding:var(--spacing-md)}.report-icon{height:42px;width:42px}.report-title{font-size:.9375rem}.report-description{font-size:.75rem}}.pricing-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.filter-select{background-color:var(--bg-white);font-size:.9375rem;min-width:150px;padding:10px 14px}.filter-select:focus{border-color:var(--primary);outline:none}.pricing-table{border-collapse:collapse;width:100%}.pricing-table thead{background:var(--bg-light)}.pricing-table th{border-bottom:1px solid var(--border);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}.pricing-table th.text-right{text-align:right}.pricing-table th.text-center{text-align:center}.pricing-table td{border-bottom:1px solid var(--border);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.pricing-table td.text-right{text-align:right}.pricing-table tbody tr:last-child td{border-bottom:none}.service-row:hover{background:var(--bg-light)}.service-name-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.service-icon{color:var(--success)}.service-name{color:var(--text-primary);font-weight:600}.price-value{color:var(--success);font-size:1rem;font-weight:700}.tat-cell{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.tat-cell svg{color:var(--text-muted);flex-shrink:0}.multiplier{color:var(--text-muted);font-size:.75rem}.items-toggle{align-items:center;background:var(--primary-light);border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.items-toggle:hover{background:var(--primary);color:#fff}.subcategories-row{background:var(--bg-light)}.subcategories-row td{padding:0}.subcategories-container{padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 24px)}.subcategories-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-sm)}.status-option,.status-toggle-group{display:flex;gap:var(--spacing-sm)}.status-option{align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.status-option input{display:none}.status-option.active,.status-option:hover{border-color:var(--primary)}.status-option.active{background:var(--primary-light);color:var(--primary)}.pricing-badges{flex-wrap:wrap}.pricing-badges,.tat-section{display:flex;gap:var(--spacing-xs)}.tat-section{border-top:1px solid var(--border);flex-direction:column;padding-top:var(--spacing-sm)}.tat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.tat-item svg{color:var(--text-muted);flex-shrink:0}.subcategories-section{border-top:1px solid var(--border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.subcategories-header{align-items:center;background:var(--bg-light);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:var(--spacing-sm);transition:background var(--transition-fast)}.subcategories-header:hover{background:var(--bg-lighter)}.subcategories-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.subcategory-item{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.subcategory-info{display:flex;flex-direction:column;gap:2px}.subcategory-name{font-size:.875rem;font-weight:500}.subcategory-meta{color:var(--text-muted);font-size:.75rem}.subcategory-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.subcategory-price{color:var(--success);font-weight:600}.action-btn-small{align-items:center;background-color:var(--bg-light);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.action-btn-small:hover{background-color:var(--primary-light);color:var(--primary)}.action-btn-small.danger:hover{background-color:var(--danger-light);color:var(--danger)}.add-subcategory-btn{align-items:center;background:#0000;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.add-subcategory-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.form-section-title{border-top:1px solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0;padding-top:var(--spacing-md)}@media (max-width:1200px){.pricing-stats{grid-template-columns:repeat(2,1fr)}.pricing-table{min-width:800px}}@media (max-width:768px){.pricing-stats{grid-template-columns:1fr 1fr}.filter-select{flex:1 1;min-width:120px}.subcategories-grid{grid-template-columns:1fr}.pricing-table{min-width:650px}.pricing-table td,.pricing-table th{padding:var(--spacing-sm) var(--spacing-md)}.subcategories-container{padding-left:var(--spacing-lg)}}@media (max-width:480px){.pricing-stats{grid-template-columns:1fr}.pricing-table{min-width:550px}.pricing-table td,.pricing-table th{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.service-name{font-size:.8125rem}.price-value{font-size:.875rem}}.locations-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.locations-header-content{display:flex;flex-direction:column;gap:4px}.section-title{font-size:1.5rem}.locations-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.action-icon-btn{background:#0000;border-radius:var(--radius-full);height:40px;width:40px}.locations-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.locations-stats .stat-card{display:flex;flex-direction:column;gap:8px}.locations-stats .stat-label{color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.locations-stats .stat-value{color:var(--text-primary);font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.stat-value.stat-success{color:var(--success)}.tab-count{font-size:.75rem;font-weight:600;min-width:24px}.tab-toolbar{justify-content:space-between;margin-bottom:var(--spacing-lg)}.pincodes-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pincode-card{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.pincode-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.pincode-card-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pincode-card-content{display:flex;flex-direction:column;gap:2px}.pincode-card-value{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1}.pincode-card-count{color:var(--text-muted);font-size:.8125rem;font-weight:500;margin-top:4px}.data-table th{white-space:nowrap}.society-name-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.society-icon{color:var(--text-muted)}.pincode-name-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.pincode-icon{color:var(--primary)}.society-count-badge{background:#e6f7ef;background:var(--success-light,#e6f7ef);color:var(--success);font-weight:500}.pincode-badge,.society-count-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.8125rem;padding:4px 10px}.pincode-badge{background:var(--primary-light);color:var(--primary);font-weight:600}.actions-cell{gap:var(--spacing-xs)}.loading-state{color:var(--text-secondary);min-height:300px;padding:var(--spacing-2xl)}.loading-spinner{margin-bottom:var(--spacing-md)}.form-error-banner,.no-pincodes-message{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.no-pincodes-message{align-items:center;background:#fff8e6;background:var(--warning-light,#fff8e6);border:1px solid #f0ad4e;border:1px solid var(--warning,#f0ad4e);border-radius:var(--radius-md);color:#f0ad4e;color:var(--warning,#f0ad4e);display:flex;font-size:.875rem}.modal-actions{gap:var(--spacing-sm)}.delete-confirmation{padding:var(--spacing-md)}.delete-confirmation .warning-icon{color:var(--warning);margin-bottom:var(--spacing-md)}.delete-confirmation p{margin-bottom:var(--spacing-sm)}.delete-confirmation .warning-text{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.locations-header{flex-direction:column;gap:var(--spacing-md)}.locations-header-actions{justify-content:flex-end;width:100%}.locations-stats{grid-template-columns:1fr}.tabs-header{overflow-x:auto}.tab-btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.tab-toolbar{align-items:stretch;flex-direction:column}.pincodes-grid{grid-template-columns:1fr}.data-table{min-width:500px}}@media (max-width:640px){.locations-stats{gap:var(--spacing-sm)}.tab-btn{font-size:.8125rem;padding:8px var(--spacing-sm)}.data-table{min-width:450px}}@media (max-width:480px){.locations-header{padding:var(--spacing-sm) 0}.locations-header h1{font-size:1.125rem}.data-table{font-size:.8125rem;min-width:400px}.data-table td,.data-table th{padding:var(--spacing-xs) 8px}}.admin-section{margin-bottom:var(--spacing-xl)}.section-heading{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.roles-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-lg)}.role-card{padding:var(--spacing-md);transition:all var(--transition-fast)}.role-card:hover{box-shadow:var(--shadow-md)}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.role-info{display:flex;flex-direction:column;gap:2px}.role-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.role-permissions-count{color:var(--text-muted);font-size:.75rem}.role-permissions{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{background-color:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);display:inline-block;font-size:.6875rem;letter-spacing:.03em;padding:4px 8px;text-transform:uppercase}.permission-tag.active{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.role-name-cell{color:var(--text-primary);font-weight:600}.module-count-badge{align-items:center;background:#dcfce7;background:var(--success-light,#dcfce7);border-radius:var(--radius-md);color:#16a34a;color:var(--success,#16a34a);display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px}.permissions-inline{display:flex;flex-wrap:wrap;gap:6px}.user-name-cell{gap:var(--spacing-sm)}.user-avatar,.user-name-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{color:var(--text-primary);font-weight:600}.user-email,.user-phone{color:var(--text-secondary)}.user-email{font-size:.8125rem}.admin-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.admin-card{overflow:hidden;position:relative;transition:all var(--transition-fast)}.admin-card:hover{box-shadow:var(--shadow-md)}.admin-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.admin-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:52px;justify-content:center;width:52px}.admin-info{flex:1 1;min-width:0}.admin-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:6px}.admin-actions{display:flex;gap:4px}.action-btn{background-color:var(--bg-light)}.action-btn:hover{background-color:var(--primary-light)}.action-btn.danger:hover{background-color:var(--danger-light)}.admin-details{flex-direction:column;padding:var(--spacing-lg)}.admin-details,.detail-item{display:flex;gap:var(--spacing-sm)}.detail-item{align-items:flex-start;color:var(--text-secondary);font-size:.875rem}.detail-item svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.detail-item.permissions{flex-direction:column;gap:var(--spacing-xs)}.detail-item.permissions svg{display:none}.permissions-list{display:flex;flex-wrap:wrap;gap:4px}.permission-mini-tag{background-color:var(--primary-light);border-radius:var(--radius-full);color:var(--primary);display:inline-block;font-size:.6875rem;font-weight:500;padding:2px 8px}.permissions-checkbox-group,.stores-checkbox-group{grid-gap:var(--spacing-sm);background-color:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto;padding:var(--spacing-md)}.checkbox-item,.permission-checkbox-item{align-items:center;background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.checkbox-item:hover,.permission-checkbox-item:hover{border-color:var(--primary)}.checkbox-item input[type=checkbox],.permission-checkbox-item input[type=checkbox]{accent-color:var(--primary);height:16px;width:16px}@media (max-width:1024px){.admin-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.admin-grid,.permissions-checkbox-group,.roles-grid,.stores-checkbox-group{grid-template-columns:1fr}.admin-card,.role-card{padding:var(--spacing-md)}.admin-list{max-height:350px}}@media (max-width:640px){.admin-header{gap:var(--spacing-sm)}.admin-header,.admin-header-info,.role-header{align-items:flex-start;flex-direction:column}.admin-name,.role-name{font-size:.9375rem}.role-description{font-size:.8125rem}}@media (max-width:480px){.admin-card,.role-card{padding:var(--spacing-sm) var(--spacing-md)}.admin-avatar,.role-icon{font-size:.875rem;height:38px;width:38px}.admin-name,.role-name{font-size:.875rem}.admin-email,.admin-phone,.role-stats{font-size:.75rem}}.chat-page{background:#f0f2f5;flex:1 1;flex-direction:column}.chat-container,.chat-page{display:flex;min-height:0;overflow:hidden}.chat-container{flex:1 1}.conversations-sidebar{background:#fff;border-right:1px solid #e9edef;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:360px}.conversations-sidebar .sidebar-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e9edef;display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:12px 16px}.conversations-sidebar .sidebar-header h3{align-items:center;color:#111b21;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.sidebar-actions{align-items:center;display:flex;gap:2px}.compose-btn,.refresh-btn{align-items:center;background:none;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .15s}.compose-btn:hover,.refresh-btn:hover{background:#d9dbe0}.refresh-btn:disabled{cursor:not-allowed;opacity:.45}.compose-panel{background:#fff;border-bottom:2px solid #128c7e;box-shadow:0 3px 10px #0000001a;display:flex;flex-direction:column;flex-shrink:0;max-height:340px}.compose-header{align-items:center;color:#128c7e;display:flex;font-size:.8125rem;font-weight:700;justify-content:space-between;letter-spacing:.04em;padding:10px 16px 6px;text-transform:uppercase}.compose-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;padding:4px;transition:background .15s}.compose-close-btn:hover{background:#e9edef}.compose-search-wrapper{align-items:center;background:#f0f2f5;border-radius:8px;color:#54656f;display:flex;gap:8px;margin:0 12px 8px;padding:7px 12px}.compose-search-input{background:none;border:none;color:#111b21;flex:1 1;font-size:.875rem;outline:none}.compose-search-input::placeholder{color:#8696a0}.compose-list{flex:1 1;overflow-y:auto}.compose-list::-webkit-scrollbar{width:4px}.compose-list::-webkit-scrollbar-thumb{background:#ccd0d5;border-radius:2px}.compose-item{align-items:center;border-bottom:1px solid #f5f6f6;cursor:pointer;display:flex;gap:12px;padding:9px 16px;transition:background .12s}.compose-item:hover{background:#f0f2f5}.compose-item:last-child{border-bottom:none}.compose-avatar{align-items:center;background:linear-gradient(135deg,#128c7e,#25d366);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.compose-info{display:flex;flex-direction:column;gap:2px;min-width:0}.compose-name{color:#111b21;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-phone{align-items:center;color:#667781;display:flex;font-size:.75rem;gap:4px}.compose-empty,.compose-loading{color:#8696a0;font-size:.8125rem;padding:20px;text-align:center}.search-container{background:#fff;border-bottom:1px solid #e9edef;flex-shrink:0;padding:8px 12px;position:relative}.search-input-wrapper{align-items:center;background:#f0f2f5;border-radius:8px;color:#54656f;display:flex;gap:8px;padding:8px 14px}.chat-container .search-input{background:none;border:none;color:#111b21;flex:1 1;font-size:.9375rem;outline:none;padding:0}.chat-container .search-input::placeholder{color:#8696a0}.search-results{background:#fff;border:1px solid #e9edef;border-radius:8px;box-shadow:0 4px 20px #0000002e;left:12px;max-height:280px;overflow-y:auto;position:absolute;right:12px;top:calc(100% - 4px);z-index:30}.search-result-item{align-items:center;border-bottom:1px solid #f5f6f6;color:#54656f;cursor:pointer;display:flex;gap:12px;padding:11px 16px;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f5f6f6}.result-info{display:flex;flex-direction:column;gap:2px}.result-name{color:#111b21;font-size:.9rem;font-weight:600}.result-phone{color:#667781;font-size:.8125rem}.conversations-list{flex:1 1;min-height:0;overflow-y:auto}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-thumb{background:#ccd0d5;border-radius:3px}.chat-container .empty-state,.chat-container .loading-state{align-items:center;color:#8696a0;display:flex;flex-direction:column;font-size:.9375rem;gap:12px;justify-content:center;padding:48px 20px;text-align:center}.conversation-item{align-items:flex-start;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .12s}.conversation-item:hover{background:#f5f6f6}.conversation-item.active{background:#ebebeb;border-left:3px solid #128c7e}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#128c7e,#25d366);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-top:1px;width:48px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.conversation-name{color:#111b21;font-size:.9375rem;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#667781;flex-shrink:0;font-size:.6875rem;margin-left:8px;white-space:nowrap}.conversation-preview{align-items:center;color:#667781;display:flex;font-size:.8125rem;gap:4px}.conversation-last-message{color:#8696a0;font-size:.8125rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-count{align-self:center;background:#25d366;border-radius:10px;color:#fff;flex-shrink:0;font-size:.6875rem;font-weight:700;max-width:36px;min-width:20px;overflow:hidden;padding:2px 7px;text-align:center;text-overflow:ellipsis}.chat-area{background-color:#efeae2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M10 10h10v10H10zm20 0h10v10H30zm20 0h10v10H50zm20 0h10v10H70zm20 0h10v10H90zM20 30h10v10H20zm20 0h10v10H40zm20 0h10v10H60zm20 0h10v10H80zM10 50h10v10H10zm20 0h10v10H30zm20 0h10v10H50zm20 0h10v10H70zm20 0h10v10H90zM20 70h10v10H20zm20 0h10v10H40zm20 0h10v10H60zm20 0h10v10H80zM10 90h10v10H10zm20 0h10v10H30zm20 0h10v10H50zm20 0h10v10H70zm20 0h10v10H90z' fill='%23d9d2cb' opacity='.35'/%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.chat-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e9edef;box-shadow:0 1px 3px #0000000f;display:flex;flex-shrink:0;min-height:60px;padding:10px 18px}.chat-customer-info{gap:13px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#128c7e,#25d366);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.customer-details h3{color:#111b21;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 2px}.chat-container .customer-phone{align-items:center;color:#667781;display:flex;font-size:.8125rem;gap:4px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding:16px 60px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.loading-messages,.no-messages{align-items:center;color:#8696a0;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;margin:auto 0;text-align:center}.chat-handover-divider{align-items:center;display:flex;gap:10px;margin:14px 0 10px}.chat-handover-line{background:#7e57c259;flex:1 1;height:1px}.chat-handover-text{background:#ede7f6;border-radius:10px;color:#7e57c2;font-size:.72rem;font-weight:500;padding:3px 10px;white-space:nowrap}.message{display:flex;margin-bottom:2px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble{border-radius:7.5px;box-shadow:0 1px 2px #0000001f;max-width:62%;padding:7px 12px 5px;position:relative;word-break:break-word}.message.received .message-bubble{background:#fff;border-top-left-radius:0}.message.received .message-bubble:before{border-left:8px solid #0000;border-top:8px solid #fff;content:"";left:-8px;position:absolute;top:0}.message.sent .message-bubble{background:#d9fdd3;border-top-right-radius:0}.message.sent .message-bubble:before{border-right:8px solid #0000;border-top:8px solid #d9fdd3;content:"";position:absolute;right:-8px;top:0}.message.sent.bot .message-bubble{background:#d9fdd3}.message.sent.bot .message-bubble:before{border-top-color:#d9fdd3}.message.sent.bot .message-sender-name{color:#2e7d32}.message.sent.admin .message-bubble{background:#e3f0ff;border-top-right-radius:0}.message.sent.admin .message-bubble:before{border-right:8px solid #0000;border-top:8px solid #e3f0ff;content:"";position:absolute;right:-8px;top:0}.message.sent.admin .message-sender-name{color:#1565c0}.message-sender-name{display:block;font-size:.72rem;font-weight:700;line-height:1;margin-bottom:2px}.message.received .message-sender-name{color:#128c7e}.message.sent .message-sender-name{color:#2e7d32}.message-text{color:#111b21;font-size:.9375rem;line-height:1.45;margin:0;white-space:pre-wrap}.message-empty{color:#8696a0;font-style:italic}.message-media-tag{color:#3b4a54;display:block;font-size:.875rem;font-style:italic;padding:2px 0}.message-meta{align-items:center;color:#8696a0;display:flex;font-size:.6875rem;gap:3px;justify-content:flex-end;line-height:1;margin-top:4px}.msg-tick{flex-shrink:0}.tick-delivered,.tick-pending,.tick-sent{color:#8696a0}.tick-read{color:#53bdeb}.message-input-container{align-items:center;background:#f0f2f5;border-top:1px solid #e9edef;display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.message-input{background:#fff;border:none;border-radius:22px;box-shadow:0 1px 3px #00000014;color:#111b21;flex:1 1;font-size:.9375rem;min-width:0;outline:none;padding:10px 16px;transition:box-shadow .15s}.message-input:focus{box-shadow:0 1px 6px #00000024}.message-input::placeholder{color:#8696a0}.message-input:disabled{background:#f0f2f5}.send-button{align-items:center;background:#128c7e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:46px;justify-content:center;transition:background .15s,transform .1s;width:46px}.send-button:hover:not(:disabled){background:#0d7a6d;transform:scale(1.06)}.send-button:disabled{background:#ccd0d5;cursor:not-allowed;transform:none}.no-conversation-selected{align-items:center;color:#8696a0;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:32px;text-align:center}.no-conversation-selected h3{color:#41525d;font-size:1.375rem;font-weight:400;margin:0}.no-conversation-selected p{color:#8696a0;font-size:.9375rem;margin:0}@media (max-width:768px){.conversations-sidebar{inset:0;position:absolute;width:100%;z-index:10}.chat-area,.conversations-sidebar.has-selection{display:none}.chat-area.has-selection{display:flex;inset:0;position:absolute;z-index:10}.messages-container{padding:8px 12px}.message-bubble{max-width:85%}}.wa-chat-embed{background:#f0f2f5;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.wa-chat-tabs-strip{background:#fff;border-bottom:1px solid #e9edef;flex-shrink:0;padding:8px 16px}.wa-chat-back-btn{background:none;border:none;color:#14b8a6;color:var(--primary,#14b8a6);cursor:pointer;font-size:.875rem;font-weight:600;padding:4px 0}.wa-chat-back-btn:hover{text-decoration:underline}.wa-chat-embed .chat-container{flex:1 1;min-height:0}.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9375rem;gap:12px;justify-content:center;padding:80px 24px}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary)}.modal-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.form-error-banner{align-items:center;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 14px}.delete-confirmation{align-items:center;display:flex;flex-direction:column;gap:12px;padding:8px 0;text-align:center}.delete-confirmation p{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin:0}.warning-icon{color:#f59e0b;color:var(--warning,#f59e0b)}.warning-text{color:var(--text-muted);font-size:.8125rem}.section-title{color:var(--text-primary);font-size:1.375rem;font-weight:700;line-height:1.3;margin:0}.section-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.action-icon-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-icon-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.stat-value.stat-success{color:#16a34a;color:var(--success,#16a34a)}.stat-value.stat-danger{color:#dc2626;color:var(--danger,#dc2626)}.stat-value.stat-warning{color:#d97706;color:var(--warning,#d97706)}.tabs-container{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.tabs-header{-webkit-overflow-scrolling:touch;background:var(--bg-light);border-bottom:1px solid var(--border);display:flex;overflow-x:auto;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:-1px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{background:var(--bg-white);border-bottom-color:var(--border-teal);color:var(--text-primary)}.tab-btn.active{background:var(--bg-white);border-bottom-color:var(--primary);color:var(--primary);font-weight:700}.tab-count{align-items:center;background:var(--bg-light);border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:.6875rem;font-weight:700;height:20px;justify-content:center;min-width:22px;padding:0 6px}.tab-btn.active .tab-count{background:var(--primary-light);color:var(--primary)}.tab-count.complaint-count{background:var(--danger);color:#fff}.tab-content{padding:var(--spacing-lg)}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--bg-light)}.data-table th{border-bottom:1px solid var(--border);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}.data-table th.text-center{text-align:center}.data-table td{border-bottom:1px solid var(--border);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-light)}.data-table tbody tr:last-child td{border-bottom:none}.actions-cell{gap:4px}.action-btn,.actions-cell{align-items:center;display:flex;justify-content:center}.action-btn{background:var(--bg-light);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:32px;transition:all var(--transition-fast);width:32px}.action-btn:hover{background:var(--primary-light);color:var(--primary)}.action-btn.danger:hover{background:var(--danger-light);color:var(--danger)}.whatsapp-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.whatsapp-header-content{display:flex;flex-direction:column;gap:4px}.whatsapp-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.whatsapp-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.status-approved{background:#e6f7ef;background:var(--success-light,#e6f7ef);color:var(--success)}.status-pending{background:#fff8e6;background:var(--warning-light,#fff8e6);color:#f0ad4e;color:var(--warning,#f0ad4e)}.status-rejected{background:var(--danger-light);color:var(--danger)}.status-draft{background:var(--bg-light);color:var(--text-secondary)}.category-badge{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);display:inline-flex;font-size:.75rem;font-weight:600;margin-right:4px;padding:4px 10px}.template-name-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.template-icon{color:var(--text-muted)}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.empty-state-hint{color:var(--text-muted);font-size:.8125rem;margin-top:0}.filter-group{align-items:center;color:var(--text-muted);display:flex;gap:6px}.filter-select{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.8125rem;padding:6px 10px}.tab-toolbar{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.customer-cell,.tab-toolbar{align-items:center;display:flex}.customer-cell{gap:var(--spacing-sm)}.customer-icon{color:var(--text-muted);flex-shrink:0}.customer-cell div{display:flex;flex-direction:column}.customer-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.customer-phone{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.conv-status{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px}.conv-active{background:#e6f7ef;background:var(--success-light,#e6f7ef);color:var(--success)}.conv-ended{background:var(--bg-light);color:var(--text-muted)}.intent-badge{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.time-ago{color:var(--text-muted);font-size:.8125rem}.pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-md) 0}.pagination button{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:.8125rem;font-weight:600;padding:6px 16px;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:var(--text-muted);font-size:.8125rem}.complaint-summary{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-md)}.complaint-summary-card{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md);transition:all var(--transition-fast)}.complaint-summary-card:hover{border-color:var(--primary)}.complaint-summary-card.active{background:var(--primary-light);border-color:var(--primary)}.complaint-summary-card.open .complaint-summary-count{color:var(--danger)}.complaint-summary-card.in-progress .complaint-summary-count{color:#f0ad4e;color:var(--warning,#f0ad4e)}.complaint-summary-card.resolved .complaint-summary-count{color:var(--success)}.complaint-summary-count{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1}.complaint-summary-label{color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.complaint-status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px}.complaint-open{background:var(--danger-light);color:var(--danger)}.complaint-in-progress{background:#fff8e6;background:var(--warning-light,#fff8e6);color:#f0ad4e;color:var(--warning,#f0ad4e)}.complaint-resolved{background:#e6f7ef;background:var(--success-light,#e6f7ef);color:var(--success)}.complaint-closed{background:var(--bg-light);color:var(--text-muted)}.complaint-type-badge{background:#fff3e0;color:#e65100;text-transform:capitalize}.complaint-type-badge,.priority-badge{border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px}.priority-badge{align-items:center}.priority-low{background:#e8f5e9;color:#2e7d32}.priority-medium{background:#fff8e1;color:#f57f17}.priority-high{background:#fce4ec;color:#c62828}.priority-urgent{background:#c62828;color:#fff}.row-urgent{background:#fff5f5!important}.row-urgent:hover{background:#ffe8e8!important}.analytics-container{max-width:800px}.analytics-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.analytics-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:all var(--transition-fast)}.analytics-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.analytics-card-header{align-items:center;color:var(--text-muted);display:flex;font-size:.8125rem;font-weight:600;gap:var(--spacing-sm)}.analytics-card-value{color:var(--text-primary);font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.analytics-success{color:var(--success)}.analytics-section{margin-bottom:var(--spacing-xl)}.analytics-section-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.intent-distribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.intent-bar-row{align-items:center;display:flex;gap:var(--spacing-md)}.intent-bar-label{color:var(--text-primary);font-size:.8125rem;font-weight:600;min-width:80px;text-transform:capitalize}.intent-bar-track{background:var(--bg-light);border-radius:var(--radius-md);flex:1 1;height:24px;overflow:hidden}.intent-bar-fill{background:linear-gradient(90deg,var(--primary),#0d9488);background:linear-gradient(90deg,var(--primary),var(--primary-dark,#0d9488));border-radius:var(--radius-md);height:100%;min-width:4px;transition:width .5s ease}.intent-bar-count{color:var(--text-muted);font-size:.8125rem;font-weight:600;min-width:80px;text-align:right}.feedback-stats{display:flex;gap:var(--spacing-lg)}.feedback-stat-card{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;min-width:120px;padding:var(--spacing-lg)}.feedback-star{color:#f59e0b}.feedback-value{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1}.feedback-label{color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.chat-modal-content{display:flex;flex-direction:column;height:72vh}.chat-header-info{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.chat-customer-info{align-items:center;display:flex;gap:var(--spacing-sm)}.chat-customer-info strong{display:block;font-size:.9375rem}.chat-phone{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.chat-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.chat-messages{background:#efeae2;border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:4px;margin-bottom:var(--spacing-sm);overflow-y:auto;padding:12px 16px}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#c4c9cb;border-radius:3px}.no-messages-hint{color:var(--text-muted);font-size:.875rem;margin:auto;text-align:center}.chat-bubble{display:flex;max-width:72%}.chat-customer{align-self:flex-start}.chat-admin,.chat-bot{align-self:flex-end}.chat-bubble-content{border-radius:7.5px;box-shadow:0 1px 1px #0000001f;font-size:.9375rem;line-height:1.45;min-width:90px;padding:7px 12px 5px;position:relative;word-break:break-word}.chat-customer .chat-bubble-content{background:#fff;border-top-left-radius:0;color:#111b21}.chat-customer .chat-bubble-content:before{border-left:8px solid #0000;border-top:8px solid #fff;content:"";left:-8px;position:absolute;top:0}.chat-bot .chat-bubble-content{background:#d9fdd3;border-top-right-radius:0;color:#111b21}.chat-bot .chat-bubble-content:before{border-right:8px solid #0000;border-top:8px solid #d9fdd3;content:"";position:absolute;right:-8px;top:0}.chat-admin .chat-bubble-content{background:var(--primary);border-top-right-radius:0;color:#fff}.chat-admin .chat-bubble-content:before{border-right:8px solid #0000;border-top:8px solid var(--primary);content:"";position:absolute;right:-8px;top:0}.chat-bubble-content p{margin:0;white-space:pre-wrap}.chat-sender-label{line-height:1;margin-bottom:2px}.label-admin,.label-bot,.label-customer{font-size:.6875rem;font-weight:700;letter-spacing:.02em}.label-customer{color:#128c7e}.label-bot{color:#2e7d32}.label-admin{color:#fffc}.chat-time{display:block;font-size:.6rem;margin-top:3px;opacity:.65;text-align:right}.handover-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;font-weight:600;gap:10px;letter-spacing:.04em;margin:12px 0}.handover-divider-line{background:#e0d4f7;flex:1 1;height:1px}.handover-divider-text{background:#f3eeff;border:1px solid #d9c8f5;border-radius:20px;color:#6d3fc0;padding:2px 10px;white-space:nowrap}.chat-reply-bar{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.chat-reply-input{border:1.5px solid var(--border);border-radius:var(--radius-md);flex:1 1;font-size:.875rem;outline:none;padding:10px 14px;transition:border-color var(--transition-fast)}.chat-reply-input:focus{border-color:var(--primary)}.chat-send-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.chat-send-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.complaint-modal-content{display:flex;flex-direction:column;max-height:80vh}.complaint-info-bar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.complaint-info-left,.complaint-info-right{align-items:center;display:flex;gap:var(--spacing-md)}.complaint-control{align-items:center;display:flex;gap:6px}.complaint-control label{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.complaint-context{background:#fff8e1;border:1px solid #ffecb3;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.context-item{align-items:center;color:#795548;display:flex;font-size:.8125rem;gap:6px}.complaint-split-view{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:1fr 1fr;overflow:hidden}.complaint-chat-section,.complaint-notes-section{display:flex;flex-direction:column;overflow:hidden}.complaint-chat-section h4,.complaint-notes-section h4{border-bottom:1px solid var(--border);color:var(--text-primary);flex-shrink:0;font-size:.875rem;font-weight:700;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm)}.complaint-chat-messages{background:#efeae2;border-radius:var(--radius-md);flex:1 1;max-height:340px;padding:8px 10px}.admin-notes-list{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);max-height:280px;overflow-y:auto;padding-right:4px}.no-notes{padding:var(--spacing-lg) 0;text-align:center}.admin-note-item{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.admin-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.admin-note-author{color:var(--primary);font-size:.75rem;font-weight:700}.admin-note-time{color:var(--text-muted);font-size:.625rem}.admin-note-text{color:var(--text-primary);font-size:.8125rem;line-height:1.4;margin:0}.add-note-bar{border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.add-note-input{border:1.5px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:.8125rem;min-height:48px;outline:none;padding:8px 12px;resize:vertical;transition:border-color var(--transition-fast);width:100%}.add-note-input:focus{border-color:var(--primary)}.settings-container{max-width:640px}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.settings-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-grid .form-label input[type=checkbox]{accent-color:var(--primary);margin-right:8px}.settings-actions{border-top:1px solid var(--border);padding-top:var(--spacing-md)}.settings-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.settings-message.success{background:#e6f7ef;background:var(--success-light,#e6f7ef);border:1px solid var(--success);color:var(--success)}.settings-message.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.settings-message button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:2px}.template-create-form{max-height:70vh;overflow-y:auto}.form-row{grid-template-columns:1fr 1fr}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-label-row{align-items:center;display:flex;justify-content:space-between}.add-button-btn{align-items:center;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px;transition:all var(--transition-fast)}.add-button-btn:hover{background:var(--primary);color:#fff}.button-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.button-row .form-input{flex:1 1}.remove-button-btn{align-items:center;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.remove-button-btn:hover{background:var(--danger);color:#fff}.template-detail{flex-direction:column}.detail-row,.template-detail{display:flex;gap:var(--spacing-md)}.detail-row{align-items:center;border-bottom:1px solid var(--border);padding:var(--spacing-sm) 0}.detail-row:last-of-type{border-bottom:none}.detail-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:80px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:.875rem;word-break:break-all}.detail-components{border-top:1px solid var(--border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.detail-components h4{color:var(--text-primary);font-size:.875rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.component-block{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.component-type{color:var(--primary);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.component-text{color:var(--text-primary);font-size:.875rem;margin:4px 0 0;white-space:pre-wrap}.component-format{color:var(--text-muted);font-size:.75rem}.component-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.component-button{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:.75rem;padding:4px 10px}.image-upload-area{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.upload-btn{align-items:center;background:var(--bg-light);border:1.5px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all var(--transition-fast)}.upload-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.upload-btn.disabled{cursor:not-allowed;opacity:.6}.image-preview{display:inline-block;position:relative}.image-preview img{border:1px solid var(--border);border-radius:var(--radius-md);height:80px;object-fit:cover;width:80px}.settings-image-preview img{height:120px;width:120px}.image-preview-remove{align-items:center;background:var(--danger);border:2px solid var(--bg-white);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;transition:transform var(--transition-fast);width:20px}.image-preview-remove:hover{transform:scale(1.15)}.uploaded-images-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.uploaded-image-card{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.uploaded-image-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.uploaded-image-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.uploaded-image-card img{display:block;height:80px;object-fit:cover;width:100%}.uploaded-image-actions{background:var(--bg-light);display:flex;gap:4px;justify-content:center;padding:4px}.uploaded-image-delete,.uploaded-image-use{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all var(--transition-fast);width:24px}.uploaded-image-use:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.uploaded-image-delete:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}@media (max-width:1024px){.complaint-split-view{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.whatsapp-header{flex-direction:column;gap:var(--spacing-md)}.whatsapp-header-actions{justify-content:flex-end;width:100%}.complaint-summary,.whatsapp-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid,.form-row{grid-template-columns:1fr}.complaint-info-bar{align-items:flex-start}.complaint-info-bar,.feedback-stats,.tab-toolbar{flex-direction:column}.tab-toolbar{align-items:stretch}}.auth-container{align-items:center;background:linear-gradient(135deg,#0f766e,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.auth-container:before{background:radial-gradient(circle at 25% 35%,#f9731626 0,#0000 50%),radial-gradient(circle at 75% 65%,#14b8a61f 0,#0000 50%);content:"";inset:0;position:absolute}.auth-background{inset:0;overflow:hidden;position:absolute}.bg-shape{animation:float-shape 8s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}@keyframes float-shape{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.shape-1{animation-delay:0s;background:radial-gradient(circle,#f97316 0,#0000 70%);height:500px;right:-100px;top:-150px;width:500px}.shape-2{animation-delay:2s;background:radial-gradient(circle,#14b8a6 0,#0000 70%);bottom:-100px;height:400px;left:-100px;width:400px}.shape-3{animation-delay:4s;background:radial-gradient(circle,#fbbf24 0,#0000 70%);height:300px;left:50%;top:45%;transform:translate(-50%,-50%);width:300px}.auth-card{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:var(--bg-white);border:3px solid #14b8a633;border-radius:var(--radius-2xl);box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff1a;max-width:480px;overflow:hidden;padding:var(--spacing-2xl);position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,var(--primary) 0,var(--accent-coral) 50%,var(--accent-amber) 100%);content:"";height:6px;left:0;position:absolute;right:0;top:0}.auth-card:after{background:radial-gradient(circle,#14b8a614 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:200px}.auth-header{margin-bottom:var(--spacing-xl);position:relative;text-align:center;z-index:1}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.auth-logo-img{height:52px;object-fit:contain;width:auto}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent-coral) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:-.03em;margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;z-index:1}.auth-error{animation:shake .5s ease;background:linear-gradient(135deg,var(--danger-light) 0,#fecaca 100%);border:2px solid var(--danger);border-radius:var(--radius-lg);color:var(--danger);font-size:.875rem;font-weight:600;padding:var(--spacing-md);text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.password-toggle:hover{background:var(--primary-light);color:var(--primary)}.form-options{font-size:.875rem;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;font-weight:500;gap:var(--spacing-sm);transition:color var(--transition-fast)}.remember-me:hover{color:var(--text-primary)}.remember-me input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.forgot-password{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:0;transition:all var(--transition-fast)}.forgot-password:hover{color:var(--accent-coral);text-decoration:underline}.auth-footer{border-top:2px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);position:relative;text-align:center;z-index:1}.demo-credentials{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.demo-credentials code{background:linear-gradient(135deg,var(--primary-light) 0,var(--accent-amber-light) 100%);border:1px solid var(--border-teal);border-radius:var(--radius-md);color:var(--primary);font-size:.75rem;font-weight:700;padding:3px 8px}@media (max-width:480px){.auth-card{border-radius:var(--radius-xl);padding:var(--spacing-lg)}.auth-logo-img{height:42px}.auth-title{font-size:1.625rem}.auth-subtitle{font-size:.9375rem}.form-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.privacy-policy-container{background:var(--bg-white);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;margin:0 auto;max-width:900px;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg)}.privacy-header{border-bottom:3px solid var(--primary);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) 0;text-align:center}.privacy-header h1{color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);margin-top:0}.privacy-header .subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0}.effective-date{background:var(--success-light);border-radius:var(--radius-md);color:#065f46;font-weight:600;padding:var(--spacing-md);text-align:center}.effective-date,.privacy-content section{margin-bottom:var(--spacing-xl)}.privacy-content h2{border-left:4px solid var(--primary);color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl);padding-left:var(--spacing-md)}.privacy-content p{color:var(--text-secondary);margin-bottom:var(--spacing-md);text-align:justify}.privacy-content ul{margin-bottom:var(--spacing-md);margin-left:var(--spacing-xl)}.privacy-content li{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.contact-info{background:var(--bg-light);border-left:4px solid var(--primary);border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.contact-info ul{list-style:none;padding-left:0}.contact-info li{margin-bottom:var(--spacing-sm)}.contact-info a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.contact-info a:hover{color:var(--primary-hover);text-decoration:underline}.privacy-footer{border-top:2px solid var(--border);color:var(--text-secondary);margin-top:var(--spacing-2xl);padding:var(--spacing-xl) 0;text-align:center}@media (max-width:768px){.privacy-policy-container{padding:var(--spacing-lg) var(--spacing-md)}.privacy-header h1{font-size:2rem}.privacy-header{padding:var(--spacing-lg) 0}.privacy-content h2{font-size:1.375rem}}@media (max-width:640px){.privacy-policy-container{padding:var(--spacing-md)}.privacy-header h1{font-size:1.75rem}.privacy-content h2{font-size:1.25rem}.privacy-content ul{margin-left:var(--spacing-lg)}.contact-info{padding:var(--spacing-md)}}:root{--primary:#14b8a6;--primary-hover:#0d9488;--primary-light:#ccfbf1;--primary-dark:#0f766e;--primary-gradient:linear-gradient(135deg,#14b8a6,#0d9488);--accent-coral:#f97316;--accent-coral-light:#fed7aa;--accent-coral-dark:#ea580c;--accent-amber:#fbbf24;--accent-amber-light:#fef3c7;--accent-pink:#ec4899;--accent-pink-light:#fce7f3;--accent-blue:#3b82f6;--accent-blue-light:#dbeafe;--accent-purple:#a855f7;--accent-purple-light:#f3e8ff;--success:#10b981;--success-light:#d1fae5;--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning:#f59e0b;--warning-light:#fef3c7;--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger:#ef4444;--danger-light:#fee2e2;--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--info:#06b6d4;--info-light:#cffafe;--bg-dark:#0f172a;--bg-sidebar:linear-gradient(165deg,#0f766e,#0f172a);--bg-light:#f8fafc;--bg-cream:#fef3c7;--bg-white:#fff;--bg-card:#fff;--bg-input:#fff;--bg-gradient-subtle:linear-gradient(135deg,#f8fafc,#f1f5f9);--bg-hover:#f1f5f9;--bg-pattern:none;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#cbd5e1;--text-white:#fafafa;--text-cream:#fef3c7;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--border-teal:#99f6e4;--shadow-sm:0 2px 4px 0 #0000000f;--shadow:0 2px 8px 0 #14b8a61f;--shadow-md:0 6px 16px -2px #14b8a626;--shadow-lg:0 12px 24px -4px #14b8a62e;--shadow-xl:0 24px 48px -8px #14b8a638;--shadow-colored:0 8px 24px #14b8a640;--shadow-glow:0 0 0 4px #14b8a626;--shadow-coral:0 8px 24px #f9731640;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed-width:0px;--header-height:64px;--z-base:1;--z-dropdown:50;--z-sticky:60;--z-sidebar:100;--z-overlay:200;--z-modal:1000;--z-toast:9999;--transition-fast:180ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.34,1.56,0.64,1);--transition-slow:450ms cubic-bezier(0.34,1.56,0.64,1);--transition-bounce:600ms cubic-bezier(0.68,-0.55,0.265,1.55);--transition-spring:500ms cubic-bezier(0.175,0.885,0.32,1.275);--font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Outfit","Work Sans",sans-serif;--blur-sm:blur(4px);--blur-md:blur(12px);--blur-lg:blur(24px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background:var(--bg-light);font-family:var(--font-family);line-height:1.6;position:relative}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.3}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}@media (max-width:768px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-colored);color:#fff;overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-dark)}.btn-danger{background:var(--danger);box-shadow:var(--shadow-sm);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:var(--shadow-md)}.btn-success{background:var(--success);box-shadow:var(--shadow-sm);color:#fff}.btn-success:hover:not(:disabled){background:#047857;box-shadow:var(--shadow-md)}.btn-sm{font-size:.875rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:14px 28px}.btn-icon{border-radius:var(--radius-md);height:36px;padding:0;width:36px}.form-container,.modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.form-row.full-width{grid-template-columns:1fr}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{background-color:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.5;padding:10px var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:var(--border-dark)}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{background-color:var(--bg-hover);cursor:not-allowed;opacity:.7}.form-select{-webkit-appearance:none;appearance:none;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 10px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{border-color:var(--border-teal);box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border)}.card-body,.card-header,.stat-card{padding:var(--spacing-lg)}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-fast)}.stat-card:before{background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.stat-card:hover{border-color:var(--border-teal);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:var(--spacing-md);position:relative;width:48px}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-icon.revenue{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.stat-icon.customers{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#a855f7}.stat-icon.pending{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.stat-value{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-change{align-items:center;display:flex;font-size:.8125rem;font-weight:600;gap:4px;margin-top:var(--spacing-sm)}.stat-change.increase{color:var(--success)}.stat-change.decrease{color:var(--danger)}.table-container{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);text-align:left;white-space:nowrap}.table th{background:var(--bg-light);color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:var(--z-base)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.badge-success{background:var(--success-light);border-color:#a7f3d0;color:#065f46}.badge-warning{background:var(--warning-light);border-color:#fde68a;color:#92400e}.badge-danger{background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.badge-info{background:var(--info-light);border-color:#93c5fd;color:#1e40af}.badge-neutral{background:var(--bg-hover);border-color:var(--border);color:var(--text-secondary)}.badge-primary{background:var(--primary-light);border-color:#5eead4;color:#0f766e}.badge-purple{background:var(--accent-purple-light);border-color:#d8b4fe;color:#6b21a8}.badge-pink{background:var(--accent-pink-light);border-color:#f9a8d4;color:#9d174d}.badge-orange{background:var(--accent-coral-light);border-color:#fb923c;color:#9a3412}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a99;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-modal)}.modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.modal-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--bg-light);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.search-wrapper{flex:1 1;max-width:400px;position:relative}.search-input{background-color:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.search-input:hover:not(:focus){border-color:var(--border-dark)}.search-icon,.search-input::placeholder{color:var(--text-muted)}.search-icon{left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper:focus-within .search-icon{color:var(--primary)}.search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-filter-bar .search-wrapper{flex:1 1;max-width:400px;min-width:200px}@media (max-width:640px){.search-filter-bar{align-items:stretch;flex-direction:column}.search-filter-bar .search-wrapper{max-width:100%}}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.loading-text{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-sm)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.empty-state{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.error-state{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.error-icon{align-items:center;background:var(--danger-light);border-radius:50%;color:var(--danger);display:flex;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;margin:0 auto var(--spacing-md);width:56px}.success-banner{background-color:var(--success-light);border-left:4px solid var(--success);color:#065f46}.error-banner,.success-banner{align-items:center;animation:fadeInUp .3s ease;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.error-banner{background-color:var(--danger-light);border-left:4px solid var(--danger);color:#b91c1c}.banner-close-btn{background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;flex-shrink:0;font-size:1.125rem;margin-left:auto;padding:4px;transition:background-color var(--transition-fast)}.banner-close-btn:hover{background-color:#0000001a}.error-message{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-md)}.retry-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.retry-btn:hover{background:var(--primary-hover)}.form-input.error,.form-select.error,.form-textarea.error{background-color:var(--danger-light);border-color:var(--danger)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef444433}.form-error{color:var(--danger)}.form-error,.form-hint{font-size:.8125rem;margin-top:var(--spacing-xs)}.form-hint{color:var(--text-muted)}.toast-container{flex-direction:column;position:fixed;right:20px;top:20px;z-index:var(--z-toast)}.toast,.toast-container{display:flex;gap:var(--spacing-sm)}.toast{align-items:center;animation:slideInRight .3s ease;background:var(--bg-white);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:400px;min-width:280px;padding:var(--spacing-sm) var(--spacing-md)}.toast.toast-success{border-left-color:var(--success)}.toast.toast-error{border-left-color:var(--danger)}.toast.toast-warning{border-left-color:var(--warning)}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.toast-message{color:var(--text-secondary);font-size:.8125rem;margin-top:2px}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast-close:hover{background:var(--bg-light);color:var(--text-primary)}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.grid-auto-fit{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:640px){.grid-auto-fit{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}
/*# sourceMappingURL=main.a406feb9.css.map*/