@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap);.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform var(--transition-slow);width:var(--sidebar-width);z-index:100}.sidebar-overlay{display:none}.sidebar-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg)}.logo{gap:var(--spacing-md)}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f166;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:38px;justify-content:center;width:38px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:-.5px;line-height:1.2}.logo-subtitle{color:var(--text-muted);font-size:.6875rem;margin-top:1px}.sidebar-close{display:none}.sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md)}.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-radius:var(--radius-md);color:var(--text-light);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:10px 14px;position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:#ffffff14;color:#fff}.nav-link.active{background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);box-shadow:0 4px 12px #6366f14d;color:#fff}.nav-link.active:before{background-color:#fff;border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{flex-shrink:0;opacity:.9}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.logout-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:10px 14px;transition:all var(--transition-fast);width:100%}.logout-btn:hover{background-color:#ef444426;color:#fca5a5}@media (max-width:992px){.sidebar{box-shadow:4px 0 20px #0000004d;transform:translateX(-100%)}.sidebar.is-open{transform:translateX(0)}.sidebar-overlay{animation:fadeIn .2s ease;background-color:#00000080;display:block;inset:0;position:fixed;z-index:99}.sidebar-header{justify-content:space-between}.sidebar-close,.sidebar-header{align-items:center;display:flex}.sidebar-close{background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.sidebar-close:hover{background-color:#fff3}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-md)}.modal{box-shadow:0 25px 50px -12px #00000040;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;padding:var(--spacing-lg) var(--spacing-xl)}.modal-title{color:var(--text-primary)}.modal-close{height:36px;width:36px}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.modal-footer{flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl)}@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%}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-xs)}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-sm) var(--spacing-md)}.modal-title{font-size:1rem}}.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-light);border:none;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-white);box-shadow:var(--shadow-sm);color:var(--primary)}.notification-badge{animation:pulse 2s infinite;background:var(--danger);font-size:.6875rem;height:18px;min-width:18px;padding:0 5px;right:-4px;top:-4px}.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:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}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-md) var(--spacing-lg)}.notification-header h3{color:var(--text-primary);font-size:.9375rem;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);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);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:#e0e7ff}.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:40px;justify-content:center;width:40px}.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:.875rem;font-weight:600;margin:0 0 2px}.notification-message{color:var(--text-secondary);font-size:.8125rem;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:480px){.notification-dropdown{left:10px;max-height:calc(100vh - 80px);position:fixed;right:10px;top:60px;width:auto}}.header{background-color:var(--bg-white);border-bottom:1px solid var(--border);gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-md)}.menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;height:40px;justify-content:center;transition:background-color var(--transition-fast);width:40px}.menu-btn:hover{background-color:var(--bg-light)}.header-title-group{display:flex;flex-direction:column}.header-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.header-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:2px}.header-right{gap:var(--spacing-md)}.header-actions,.header-right{align-items:center;display:flex}.header-actions{gap:var(--spacing-sm)}.notification-btn{align-items:center;background-color:var(--bg-light);border:none;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-color:var(--border);color:var(--text-primary)}.notification-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background-color:var(--danger);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.625rem;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-profile{align-items:center;background-color:var(--bg-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:8px 12px;transition:background-color var(--transition-fast)}.user-profile:hover{background-color:var(--border)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);border-radius:var(--radius-md);color:#fff;display:flex;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}.profile-role{color:var(--text-secondary);font-size:.75rem}@media (max-width:992px){.menu-btn{display:flex}.header{padding:var(--spacing-xs) var(--spacing-md)}.header-title{font-size:1.125rem}}@media (max-width:640px){.header-actions,.profile-info{display:none}.notification-btn{height:36px;width:36px}}.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-slow)}.page-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md);width:100%}@media (max-width:992px){.main-content{margin-left:0}}@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{font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px}.export-btn span{display:inline}.export-dropdown{min-width:180px}.export-dropdown button{padding:12px 16px}.filter-bar{margin-bottom:var(--spacing-lg)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:4px}.date-filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{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-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 4px 12px #3b82f666;color:#fff;transform:translateY(-1px)}.custom-date-wrapper{position:relative}.custom-date-btn{align-items:center;display:flex;gap:6px}.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:100}.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:6px}.date-input-group .form-input{border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;padding:10px 12px;width:100%}.date-input-group .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.apply-date-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all var(--transition-fast);width:100%}.apply-date-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.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;border:none}.stat-card:first-child{animation-delay:.1s;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid #10b981}.stat-card:nth-child(2){animation-delay:.2s;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left:4px solid #f97316}.stat-card:nth-child(3){animation-delay:.3s;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.stat-card:nth-child(4){animation-delay:.4s;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:4px solid #8b5cf6}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.02)}.stat-icon{height:52px;width:52px}.stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;color:#fff}.stat-icon.pending{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f9731666;color:#fff}.stat-icon.orders{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666;color:#fff}.stat-icon.customers{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf666;color:#fff}.stat-value{font-size:1.875rem}.stat-label{margin-top:4px}.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{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-full);box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.8125rem;font-weight:600;padding:6px 14px}.view-all-link{align-items:center;color:var(--primary);display:flex;font-size:.875rem;font-weight:500;gap:4px}.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:8px;min-width:140px;padding:6px 12px}.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:12px;transition:all var(--transition-fast)}.order-item:hover{background-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateX(4px)}.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);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.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(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-card.highlight{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#0000;box-shadow:0 4px 20px #8b5cf64d}.action-card.highlight .action-arrow,.action-card.highlight .action-description,.action-card.highlight .action-title{color:#fff}.action-card.highlight .action-icon{background:#ffffff40;box-shadow:none;color:#fff}.action-card:first-child:hover{border-color:#3b82f6}.action-card:nth-child(3):hover{border-color:#14b8a6}.action-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.action-icon.orders{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666;color:#fff}.action-icon.customers{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf666;color:#fff}.action-icon.slots{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 4px 12px #14b8a666;color:#fff}.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:2px}.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:992px){.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{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.date-filter-group{width:100%}.filter-btn{flex:1 1;font-size:.8125rem;padding:8px 12px;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:42px;width:42px}}@media (max-width:480px){.stat-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-value{font-size:1.25rem}.stat-label{font-size:.6875rem}.chart-container{height:140px;min-height:120px}.order-item{padding:10px}.order-id{font-size:.8125rem}.order-customer{font-size:.75rem}.action-card{padding:var(--spacing-md)}.action-icon{height:38px;width:38px}.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)}.search-wrapper{min-width:250px}.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{font-size:.75rem;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}.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-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:2px 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}}.pagination-controls{align-items:center;border-top:1px solid var(--border);display:flex;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);cursor:pointer;display:flex;font-size:.875rem;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{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.875rem}.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:2px solid var(--border);border-radius:var(--radius-md);flex:1 1;font-size:.9375rem;padding:12px 20px}.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}}@media (max-width:480px){.garment-category-tabs{gap:2px}.garment-tab{font-size:.8125rem;padding:6px 12px}}.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:100}.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{flex:1 1;min-width:280px}.filter-group{display:flex;gap:var(--spacing-sm)}.filter-select{background:var(--bg-white);border-radius:var(--radius-md);color:var(--text-primary);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{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.customer-name{color:var(--text-primary);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-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: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:2px solid var(--primary-light);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%}}.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{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px}.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{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}}.header-actions-group{align-items:center;display:flex;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)}.pricing-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.stat-value.stat-warning{color:var(--warning)}.stat-value.stat-danger{color:var(--danger)}.search-filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-wrapper{max-width:300px;min-width:200px}.filter-select{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;font-size:.9375rem;min-width:150px;padding:10px 14px}.filter-select:focus{border-color:var(--primary);outline:none}.empty-state{padding:var(--spacing-xl) var(--spacing-lg)}.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)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-error{display:block;margin-top:4px}.status-option,.status-toggle-group{display:flex;gap:var(--spacing-sm)}.status-option{align-items:center;border:2px 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)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.pricing-table{min-width:800px}}@media (max-width:768px){.pricing-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.search-wrapper{flex-basis:100%;max-width:100%}.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:640px){.search-filter-bar{flex-direction:column}.header-actions-group{gap:var(--spacing-xs)}.header-icon-btn{height:32px;width:32px}}@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)}.stat-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-value{font-size:1.25rem}.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{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.section-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.locations-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.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;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-icon-btn:hover{background:var(--bg-light);border-color:var(--text-muted);color:var(--text-primary)}.locations-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,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-success{color:var(--success)}.tabs-container{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tabs-header{background:var(--bg-light);border-bottom:1px solid var(--border);display:flex}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:-1px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.tab-btn:hover{background:var(--bg-white);color:var(--text-primary)}.tab-btn.active{background:var(--bg-white);border-bottom-color:var(--primary);color:var(--primary)}.tab-count{align-items:center;background:var(--bg-light);border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:24px;padding:0 6px}.tab-btn.active .tab-count{background:var(--primary-light);color:var(--primary)}.tab-content{padding:var(--spacing-lg)}.tab-toolbar{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.search-wrapper{flex:1 1;max-width:320px}.search-input{padding:10px 14px 10px 44px}.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-light);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.pincode-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.pincode-card-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);display:flex;height:48px;justify-content:center;width:48px}.pincode-card-content{display:flex;flex-direction:column;gap:2px}.pincode-card-value{color:var(--text-primary);font-size:1.125rem;font-weight:700}.pincode-card-count{color:var(--text-muted);font-size:.8125rem}.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)}.empty-state{grid-column:1/-1;padding:var(--spacing-xl)}.empty-state-icon{color:var(--text-muted)}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary);margin-bottom:var(--spacing-md)}.error-banner{margin-bottom:var(--spacing-lg)}.modal-form{gap:var(--spacing-md)}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-input.error,.form-select.error{border-color:var(--danger)}.form-error{font-size:.75rem}.form-error-banner{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger)}.form-error-banner,.no-pincodes-message{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.no-pincodes-message{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)}.modal-actions{border-top:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.delete-confirmation{padding:var(--spacing-md);text-align:center}.delete-confirmation .warning-icon{color:var(--warning);margin-bottom:var(--spacing-md)}.delete-confirmation p{color:var(--text-primary);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}.search-wrapper{max-width:100%}.pincodes-grid{grid-template-columns:1fr}.data-table{min-width:500px}}@media (max-width:640px){.locations-stats{gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-value{font-size:1.25rem}.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}.stat-card{padding:10px var(--spacing-sm)}.stat-label{font-size:.6875rem}.stat-value{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-normal)}.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)}.table-container{margin-bottom:var(--spacing-lg);overflow:hidden}.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}.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}.actions-cell{align-items:center;display:flex;gap:4px;justify-content:center}.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-normal)}.admin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.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{align-items:center;background-color:var(--bg-light);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-btn:hover{background-color:var(--primary-light);color:var(--primary)}.action-btn.danger:hover{background-color:var(--danger-light);color:var(--danger)}.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}.badge{border-radius:var(--radius-md)}.badge-primary{color:var(--primary)}.badge-success{background-color:#dcfce7;background-color:var(--success-light,#dcfce7);color:#16a34a;color:var(--success,#16a34a)}.badge-warning{background-color:#fef3c7;background-color:var(--warning-light,#fef3c7);color:#d97706;color:var(--warning,#d97706)}.badge-info{background-color:#dbeafe;background-color:var(--info-light,#dbeafe);color:#2563eb;color:var(--info,#2563eb)}.badge-neutral{background-color:var(--bg-light)}.loading{color:var(--text-secondary)}.spinner{animation:spin 1s linear infinite;height:32px;width:32px}.empty-state{align-items:center;background:var(--bg-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.error-banner{align-items:center;background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-lg);color:var(--danger);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.error-banner button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.25rem;line-height:1;padding:var(--spacing-xs)}.form-hint{font-size:.75rem;margin-bottom:var(--spacing-sm)}.form-input,.form-select{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;padding:10px 14px;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}@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}}.auth-container{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.auth-background{inset:0;overflow:hidden;position:absolute}.bg-shape{border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.shape-1{background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;right:-100px;top:-100px;width:400px}.shape-2{background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:-50px;height:300px;left:-50px;width:300px}.shape-3{background:linear-gradient(135deg,#ec4899,#f43f5e);height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.auth-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0006;max-width:440px;padding:var(--spacing-2xl);position:relative;width:100%}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-logo{margin-bottom:var(--spacing-lg)}.auth-logo,.auth-logo .logo-icon{display:flex;justify-content:center}.auth-logo .logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);border-radius:var(--radius-xl);box-shadow:0 8px 24px #6366f166;color:#fff;font-size:1.5rem;font-weight:700;height:64px;width:64px}.auth-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-error{background-color:var(--danger-light);border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;padding:var(--spacing-md);text-align:center}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-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;gap:var(--spacing-sm)}.remember-me input[type=checkbox]{accent-color:var(--primary);height:16px;width:16px}.forgot-password{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:0}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.auth-footer{border-top:1px solid var(--border);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.demo-credentials{color:var(--text-secondary);font-size:.8125rem}.demo-credentials code{background-color:var(--bg-light);border-radius:4px;color:var(--primary);font-size:.75rem;padding:2px 6px}@media (max-width:480px){.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}:root{--primary:#0077b6;--primary-hover:#005f92;--primary-light:#e0f4ff;--primary-dark:#023e8a;--accent-purple:#7c3aed;--accent-purple-light:#ede9fe;--accent-pink:#ec4899;--accent-pink-light:#fce7f3;--accent-orange:#f97316;--accent-orange-light:#fff7ed;--accent-teal:#14b8a6;--accent-teal-light:#ccfbf1;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#06b6d4;--info-light:#cffafe;--bg-dark:#0f172a;--bg-sidebar:#0f172a;--bg-light:#f8fafc;--bg-white:#fff;--bg-card:#fff;--bg-input:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-light:#cbd5e1;--text-white:#f8fafc;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:260px;--header-height:70px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Plus Jakarta Sans",var(--font-family)}*,: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}body{background-color:var(--bg-light);font-family:var(--font-family);line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 2px 4px #0077b64d;color:#fff}.btn-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)}.btn-primary:active:not(:disabled){box-shadow:0 2px 4px #0077b64d;transform:translateY(0)}.btn-secondary{background-color:var(--bg-white);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-light);border-color:var(--text-muted)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0,#dc2626 100%);box-shadow:0 2px 4px #ef44444d;color:var(--text-white)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success) 0,#059669 100%);box-shadow:0 2px 4px #10b9814d;color:var(--text-white)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.btn-sm{font-size:.8125rem;padding:6px 12px}.btn-lg{font-size:1rem;padding:14px 28px}.btn-icon{border-radius:var(--radius-md);height:36px;padding:0;width:36px}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:10px 14px;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::placeholder{color:var(--text-muted)}.form-input:disabled{background-color:var(--bg-input);cursor:not-allowed}.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)}.card-header{border-bottom:1px solid var(--border);padding:var(--spacing-md) var(--spacing-lg)}.card-body,.stat-card{padding:var(--spacing-lg)}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.stat-card:before{background:linear-gradient(90deg,var(--primary) 0,var(--accent-purple) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-normal)}.stat-card:hover{border-color:#0000;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.stat-icon.revenue{background:linear-gradient(135deg,#d1fae5,#10b981);color:#065f46}.stat-icon.orders{background:linear-gradient(135deg,#e0f4ff,#0077b6);color:#023e8a}.stat-icon.customers{background:linear-gradient(135deg,#ede9fe,#7c3aed);color:#4c1d95}.stat-icon.pending{background:linear-gradient(135deg,#fff7ed,#f97316);color:#9a3412}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs)}.stat-change{align-items:center;display:flex;font-size:.8125rem;font-weight:500;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);overflow-x:auto}.table{border-collapse:collapse;min-width:800px;width:100%}.table td,.table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-md);text-align:left}.table th{background-color:var(--bg-light);color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody tr{transition:all var(--transition-fast)}.table tbody tr:hover{background-color:var(--bg-light);transform:scale(1.002)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.badge-success{background-color:var(--success-light);color:#065f46}.badge-warning{background-color:var(--warning-light);color:#92400e}.badge-danger{background-color:var(--danger-light);color:#b91c1c}.badge-info{background-color:var(--info-light);color:#0e7490}.badge-neutral{background-color:#f1f5f9;color:var(--text-secondary)}.badge-primary{background-color:var(--primary-light);color:var(--primary-dark)}.badge-purple{background-color:var(--accent-purple-light);color:#5b21b6}.badge-pink{background-color:var(--accent-pink-light);color:#9d174d}.badge-orange{background-color:var(--accent-orange-light);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;position:fixed;z-index:1000}.modal{animation:slideUp .3s ease;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);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-lg)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;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,.modal-footer{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.search-wrapper{max-width:400px;position:relative}.search-input{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.9375rem;padding:10px 14px 10px 42px;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-icon{color:var(--text-muted);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.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}.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:10px 24px;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:9999}.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:12px 16px}.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}.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:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}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:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}
/*# sourceMappingURL=main.36e25c8d.css.map*/