*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{overflow:hidden}#root,.app{height:100vh}.app{background-color:#f8fafc;display:flex}.loading-container{gap:16px;min-height:400px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#8b5cf6}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#8b5cf6;display:inline-block;height:14px;margin-right:4px;width:14px}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#dc2626;font-size:24px;font-weight:600;margin:0}.error-container p{color:#6b7280;font-size:16px;margin:0}.customer-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.role-badge{border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.role-superadmin{background-color:#fef3c7;color:#92400e}.role-manager{background-color:#dbeafe;color:#1e40af}.role-courier{background-color:#dcfce7;color:#166534}.role-vendor{background-color:#f3e8ff;color:#7c3aed}.role-user{background-color:#f0f9ff;color:#0369a1}.role-service_provider{background-color:#fef2f2;color:#dc2626}.breadcrumb-navigation{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding:12px 24px}.breadcrumb-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.breadcrumb-item{align-items:center;background-color:initial;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.breadcrumb-item:hover{background-color:#e2e8f0;color:#475569}.breadcrumb-item.current{background-color:#8b5cf6;color:#fff;cursor:default}.breadcrumb-item.home{color:#8b5cf6;font-weight:600}.breadcrumb-item.home:hover{background-color:#f3f4f6;color:#7c3aed}.breadcrumb-separator{color:#94a3b8;flex-shrink:0}.category-info.clickable{border-radius:6px;cursor:pointer;padding:8px;transition:all .2s ease}.category-info.clickable:hover{background-color:#f8fafc;border:1px solid #e2e8f0}.category-name{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:8px}.nav-arrow{color:#8b5cf6;transition:transform .2s ease}.category-info.clickable:hover .nav-arrow{transform:translateX(2px)}.category-hint{color:#64748b;font-size:12px;font-style:italic;margin-top:4px}.service-categories-table{table-layout:fixed}.service-categories-table .table-cell{padding:12px 8px;vertical-align:top}.service-categories-table .table-cell:first-child{flex:0 0 80px;width:80px}.service-categories-table .category-column{flex:0 0 280px;max-width:350px;min-width:250px;width:280px}.service-categories-table .table-cell:nth-child(3){flex:0 0 400px;max-width:500px;min-width:350px;width:400px}.service-categories-table .table-cell:nth-child(4){flex:0 0 140px;max-width:160px;min-width:120px;width:140px}.service-categories-table .table-cell:nth-child(5){flex:0 0 100px;width:100px}.service-categories-table .actions-column{flex:0 0 120px;max-width:140px;min-width:100px;width:120px}.service-categories-table .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}.service-categories-table .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:4px;transition:all .2s ease}.service-categories-table .action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.service-categories-table .description-info{line-height:1.4}.service-categories-table .category-info,.service-categories-table .description-info{word-wrap:break-word;overflow-wrap:break-word}.service-categories-table .service-count{text-align:center;white-space:nowrap}.service-categories-table{border-collapse:initial;border-spacing:0;display:table;width:100%}.product-categories-table{table-layout:fixed}.product-categories-table .table-cell{padding:12px 8px;vertical-align:top}.product-categories-table .table-cell:first-child{flex:0 0 80px;width:80px}.product-categories-table .category-column{max-width:350px;min-width:250px;width:280px}.product-categories-table .table-cell:nth-child(3){flex:0 0 400px;max-width:500px;min-width:350px;width:400px}.product-categories-table .table-cell:nth-child(4){flex:0 0 140px;max-width:160px;min-width:120px;width:140px}.product-categories-table .table-cell:nth-child(5){flex:0 0 100px;width:100px}.product-categories-table .actions-column{max-width:140px;min-width:100px;width:120px}.product-categories-table .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}.product-categories-table .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:4px;transition:all .2s ease}.product-categories-table .action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.product-categories-table .description-info{line-height:1.4}.product-categories-table .category-info,.product-categories-table .description-info{word-wrap:break-word;overflow-wrap:break-word}.product-categories-table .product-count{text-align:center;white-space:nowrap}.product-categories-table{border-collapse:initial;border-spacing:0;display:table;width:100%}.sidebar{background-color:#fff;border-right:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;position:relative;transition:all .3s ease;width:205px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:24px 20px;transition:all .3s ease}.sidebar.collapsed .sidebar-header{display:flex;justify-content:center;padding:24px 16px}.logo-container{align-items:center;display:flex;gap:12px;transition:all .3s ease}.sidebar.collapsed .logo-container{gap:0;justify-content:center}.sidebar-logo{border-radius:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:40px;max-width:100%;object-fit:contain;transition:all .3s ease;width:auto}.sidebar.collapsed .sidebar-logo{height:32px;max-width:48px}.sidebar-title{color:#1e293b;font-size:24px;font-weight:700;margin:0;transition:all .3s ease;white-space:nowrap}.sidebar.collapsed .sidebar-title{opacity:0;overflow:hidden;width:0}.sidebar-nav{flex:1 1;max-height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;padding:16px 0 24px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-item{align-items:center;border-left:3px solid #0000;color:#64748b;cursor:pointer;display:flex;gap:12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar.collapsed .nav-item{gap:0;justify-content:center;padding:12px 16px}.nav-item:hover{background-color:#f1f5f9;color:#475569}.nav-item.active{background-color:#f8fafc;border-left-color:#8b5cf6;color:#8b5cf6;font-weight:600}.nav-item span{font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap}.sidebar.collapsed .nav-item span{opacity:0;overflow:hidden;width:0}.sidebar.collapsed .nav-item:hover:after{background-color:#1e293b;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;content:attr(title);font-size:12px;font-weight:500;left:100%;margin-left:8px;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1001}.sidebar.collapsed .nav-item:hover:before{border:4px solid #0000;border-right-color:#1e293b;content:"";left:100%;margin-left:4px;position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:all .3s ease}.main-content.expanded{margin-left:0}.header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;justify-content:space-between;padding:16px 24px}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.hamburger-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.hamburger-btn:hover{background-color:#f1f5f9;color:#475569}.header-nav{gap:8px}.header-nav,.header-nav-item{align-items:center;display:flex}.header-nav-item{border-radius:6px;color:#64748b;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.header-nav-item:hover{background-color:#f1f5f9;color:#475569}.header-nav-item.active{background-color:#dbeafe;color:#1e40af;font-weight:600}.header-actions,.header-right{align-items:center;display:flex;gap:16px}.notification-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.notification-btn:hover{background-color:#f1f5f9;color:#475569}.settings-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.settings-btn:hover{background-color:#f1f5f9;color:#475569}.settings-container{position:relative}.settings-dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:8px;min-width:220px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.settings-dropdown-item{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.settings-dropdown-item:hover{background-color:#f1f5f9;color:#475569}.user-avatar{align-items:center;background-color:#8b5cf6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-avatar:hover{background-color:#7c3aed}.profile-container{position:relative}.profile-dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:8px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.profile-dropdown-header{border-bottom:1px solid #e2e8f0;padding:16px}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-dropdown .profile-name{color:#1e293b!important;font-size:14px;font-weight:600}.profile-email{color:#64748b;font-size:12px}.profile-dropdown-menu{padding:8px 0}.profile-dropdown-item{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.profile-dropdown-item:hover{background-color:#f1f5f9;color:#475569}.profile-dropdown-item:last-child{color:#dc2626}.profile-dropdown-item:last-child:hover{background-color:#fee2e2;color:#b91c1c}.login-container{background-color:#f8fafc;display:flex;height:100vh}.login-left{align-items:center;background:linear-gradient(135deg,#1e40af,#7c3aed);display:flex;flex:0.6 1;justify-content:center;overflow:hidden;position:relative}.login-hero{color:#fff;position:relative;text-align:center;z-index:2}.login-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.login-brand{color:#fffc;font-size:1rem;font-weight:400;margin-bottom:2rem;text-shadow:0 1px 2px #0000001a}.login-illustration{height:200px;margin:0 auto;position:relative;width:300px}.computer-setup{height:100%;position:relative;width:100%}.monitor{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:80px;left:50%;top:20px;transform:translateX(-50%);width:120px}.monitor,.screen{position:absolute}.screen{background:#f1f5f9;border-radius:4px;bottom:8px;left:8px;overflow:hidden;right:8px;top:8px}.chart-line{background:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:1px;height:2px;left:10px;position:absolute;right:10px;top:10px}.chart-bar{bottom:10px;height:20px;left:15px}.chart-bar,.chart-bar:before{background:#8b5cf6;border-radius:2px;position:absolute;width:8px}.chart-bar:before{content:"";height:15px;right:12px}.chart-bar:after{background:#8b5cf6;content:"";height:25px;right:24px;width:8px}.chart-bar:after,.chart-rect{border-radius:2px;position:absolute}.chart-rect{background:#06b6d4;height:15px;right:15px;top:20px;width:20px}.keyboard{border-radius:4px;bottom:40px;height:8px;transform:translateX(-50%);width:100px}.keyboard,.mouse{background:#fff;box-shadow:0 2px 4px #0000001a;left:50%;position:absolute}.mouse{border-radius:6px;bottom:35px;height:12px;transform:translateX(30px);width:20px}.coins{bottom:0;left:0;right:0;top:0}.coin,.coins{position:absolute}.coin{background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 2px 4px #0000001a;height:12px;width:12px}.coin-1{animation:float 3s ease-in-out infinite;right:20px;top:10px}.coin-2{animation:float 3s ease-in-out 1s infinite;right:10px;top:40px}.coin-3{animation:float 3s ease-in-out 2s infinite;right:30px;top:70px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-right{align-items:center;background-color:#fff;display:flex;flex:0.4 1;justify-content:center}.login-form-container{max-width:400px;padding:2rem;width:100%}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.form-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.form-underline{background-color:#1e293b;height:2px;margin-bottom:2rem;width:40px}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.error-message{background-color:#fef2f2;border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:.5rem}.submit-btn{background-color:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;transition:background-color .2s ease;width:100%}.submit-btn:hover:not(:disabled){background-color:#6d28d9}.submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-container{align-items:center;background-color:#f8fafc;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#7c3aed;height:40px;margin-bottom:1rem;width:40px}.dashboard{flex:1 1;overflow-y:auto;padding:24px}.dashboard-content{margin:0 auto;max-width:1200px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.metric-header{justify-content:space-between;margin-bottom:16px}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.metric-icon.purple{background-color:#f3e8ff;color:#8b5cf6}.metric-icon.blue{background-color:#dbeafe;color:#3b82f6}.metric-icon.green{background-color:#dcfce7;color:#22c55e}.metric-content{display:flex;flex-direction:column;gap:8px}.metric-value{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2}.metric-change{color:#64748b;font-size:14px;font-weight:500}.metric-change.positive{color:#22c55e}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{color:#1e293b;font-size:18px;font-weight:600;margin:0}.chart-icon{color:#64748b}.chart-summary{display:flex;flex-direction:column;gap:4px;text-align:right}.summary-value{color:#1e293b;font-size:24px;font-weight:700}.summary-label{color:#64748b;font-size:14px}.summary-change{font-size:14px;font-weight:500}.summary-change.positive{color:#22c55e}.summary-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.summary-status.green{background-color:#dcfce7;color:#22c55e}.chart-container{height:200px}.placeholder-page{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px 24px}.placeholder-content{max-width:400px;text-align:center}.placeholder-title{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:16px}.placeholder-description{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:32px}.icon-circle,.placeholder-icon{display:flex;justify-content:center}.icon-circle{align-items:center;background-color:#f1f5f9;border-radius:50%;font-size:32px;height:80px;width:80px}.page-container{background-color:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-title-section{flex:1 1}.page-title{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.page-description{color:#64748b;font-size:16px;margin:0}.btn-primary{align-items:center;background-color:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{background-color:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.filters-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:300px;position:relative}.search-box .search-icon{color:#64748b;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-box .search-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.search-box .search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.filter-group{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;gap:8px;padding:12px 16px}.filter-select{background:none;border:none;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;outline:none}.table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.table-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.table-title{color:#1e293b;font-size:18px;font-weight:600}.table{display:flex;flex-direction:column}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;overflow:visible;position:relative;transition:all .2s ease}.table-header-row,.table-row:hover{background-color:#f8fafc}.table-header-row{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-cell{color:#1e293b;font-size:14px;overflow:visible;position:relative}.product-info,.service-info{display:flex;flex-direction:column;gap:4px}.product-name,.service-name{color:#1e293b;font-size:14px;font-weight:600}.product-description,.service-description{color:#64748b;font-size:12px;line-height:1.4}.product-sku{color:#94a3b8;font-family:Courier New,monospace;font-size:11px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-badge,.category-type-badge,.status-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.category-badge{background-color:#f1f5f9;color:#475569}.category-type-badge{background-color:#f0f9ff;border:1px solid #0ea5e9;color:#0369a1}.category-web{background-color:#dbeafe;color:#1e40af}.category-mobile{background-color:#dcfce7;color:#166534}.category-marketing{background-color:#fef3c7;color:#92400e}.category-design{background-color:#f3e8ff;color:#7c3aed}.category-it{background-color:#fce7f3;color:#be185d}.category-electronics{background-color:#dbeafe;color:#1e40af}.category-furniture,.status-active,.status-in-stock{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#f1f5f9;color:#64748b}.status-low-stock{background-color:#fef3c7;color:#92400e}.status-out-of-stock{background-color:#fee2e2;color:#dc2626}.duration-info,.price-info,.provider-info,.rating-info,.stock-info{align-items:center;color:#64748b;display:flex;gap:6px}.star-icon{color:#fbbf24}.low-stock{font-weight:600}.brand-name{color:#1e293b}.orders-count,.sales-count{color:#1e293b;font-weight:600}.view-btn{background-color:#dbeafe;color:#1e40af}.view-btn:hover{background-color:#bfdbfe}.edit-btn{background-color:#dcfce7;color:#166534}.edit-btn:hover{background-color:#bbf7d0}.status-delivered{background-color:#dcfce7;color:#166534}.status-shipped{background-color:#dbeafe;color:#1e40af}.status-processing{background-color:#fef3c7;color:#92400e}.status-cancelled{background-color:#fee2e2;color:#dc2626}.status-completed{background-color:#dcfce7;color:#166534}.status-in-progress{background-color:#dbeafe;color:#1e40af}.status-scheduled{background-color:#f3e8ff;color:#7c3aed}.progress-info{align-items:center;display:flex;gap:8px}.progress-bar{background-color:#e2e8f0;width:60px}.progress-text{color:#64748b;font-size:12px;font-weight:500}.profile-container{margin:0 auto;max-width:800px}.profile-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.profile-header{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;gap:24px;padding:32px}.avatar-large,.profile-header{align-items:center;display:flex}.avatar-large{background-color:#fff3;border:3px solid #ffffff4d;border-radius:50%;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.avatar-text{color:#fff}.profile-info{flex:1 1}.profile-name{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.profile-position{font-size:16px;margin:0 0 4px;opacity:.9}.profile-company{font-size:14px;margin:0;opacity:.8}.profile-details{padding:32px}.detail-section{margin-bottom:32px}.section-title{border-bottom:2px solid #e2e8f0;color:#1e293b;margin:0 0 20px}.detail-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-label{color:#64748b}.detail-value{color:#1e293b}.detail-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:16px;padding:12px 16px;transition:all .2s ease}.detail-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.edit-actions,.profile-actions{display:flex;gap:12px}.btn-secondary{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background-color:#e2e8f0;color:#475569}.modal-overlay{padding:20px}.modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff;max-width:600px;overflow-y:auto;width:100%}.modal-overlay.fullscreen{background-color:#000000bf;padding:0}.modal-content.fullscreen{animation:modalSlideInFullscreen .3s ease-out;border-radius:0;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:98%;width:98%}.modal-content.fullscreen .modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;margin-bottom:0;padding:20px 24px}.modal-content.fullscreen .modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.modal-content.fullscreen .modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:0;padding:20px 24px}@keyframes modalSlideInFullscreen{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{margin-bottom:24px}.modal-title{color:#1e293b}.modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.modal-close:hover{background-color:#f1f5f9;color:#475569}.modal-body{padding:0 24px}.modal-footer{margin-top:24px;padding:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:4px}.required{color:#dc2626}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;font-size:12px;margin-top:4px}@media (max-width:640px){.modal-content{margin:10px;max-height:95vh}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.sidebar{width:205px}.dashboard{padding:16px}.metrics-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card{padding:20px}.metric-value{font-size:24px}}@media (max-width:640px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto}.sidebar,.sidebar.collapsed{width:100%}.sidebar-nav{display:flex;overflow-x:auto;padding:8px 0}.nav-item{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.nav-item.active{border-bottom-color:#8b5cf6;border-left:none}.sidebar.collapsed .nav-item{gap:12px;justify-content:flex-start;padding:12px 20px}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-title{opacity:1;overflow:visible;width:auto}.sidebar.collapsed .logo-container{gap:12px;justify-content:flex-start}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.header-nav{display:flex;gap:4px}.header-nav-item{font-size:12px;padding:6px 8px}.header-nav-item span{display:none}}.installation-modal{max-height:90vh;max-width:800px;overflow-y:auto}.installation-details{display:flex;flex-direction:column;gap:24px}.detail-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.section-title{align-items:center;color:#2c3e50;display:flex;gap:8px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:4px}.detail-label{color:#6c757d;font-weight:500}.detail-value{color:#2c3e50}.installation-btn{align-items:center;background:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.installation-btn:hover{background:#5a32a3;transform:translateY(-1px)}.installation-btn:active{transform:translateY(0)}@media (max-width:768px){.installation-modal{max-width:95%}.detail-grid{grid-template-columns:1fr}}.coupon-info{display:flex;flex-direction:column;gap:4px}.coupon-code{color:#2c3e50;font-size:16px;font-weight:600}.coupon-type{font-size:12px}.discount-info{display:flex;flex-direction:column;gap:4px}.discount-value{color:#2c3e50;font-size:16px;font-weight:600}.min-order-info{display:flex;flex-direction:column;gap:4px}.min-order-amount{color:#2c3e50;font-size:16px;font-weight:600}.validity-info{display:flex;flex-direction:column;gap:4px}.valid-from,.valid-to{color:#6c757d;font-size:14px}.usage-info{display:flex;flex-direction:column;gap:4px}.usage-count{color:#2c3e50;font-size:14px;font-weight:600}.usage-progress{width:100%}.progress-bar{background-color:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background-color:#8b5cf6;height:100%;transition:width .3s ease}.referral-info,.referred-info{display:flex;flex-direction:column;gap:4px}.referral-name,.referred-name{color:#2c3e50;font-size:16px;font-weight:600}.referral-id,.referred-id{color:#6c757d;font-size:12px}.referral-code-info{display:flex;flex-direction:column;gap:4px}.referral-code{color:#8b5cf6;font-family:monospace;font-size:16px;font-weight:600}.reward-info{display:flex;flex-direction:column;gap:4px}.reward-amount{color:#2c3e50;font-size:16px;font-weight:600}.reward-type{color:#6c757d;font-size:12px;text-transform:capitalize}.date-info{display:flex;flex-direction:column;gap:4px}.created-date{color:#2c3e50;font-size:14px;font-weight:600}.reward-date{color:#6c757d;font-size:12px}.table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.table{min-width:100%;width:-webkit-max-content;width:max-content}.header-cell{align-items:center;background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;display:flex;font-size:12px;font-weight:600;justify-content:flex-start;letter-spacing:.5px;min-width:120px;padding:16px 12px;text-transform:uppercase;white-space:nowrap}.table-header-row{grid-gap:0;background-color:#f8f9fa;border-bottom:2px solid #e9ecef;display:grid;gap:0;min-width:100%}.customer-table .table-header-row,.customer-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:60px 180px 200px 150px 120px 120px 120px}.product-orders-table .table-header-row,.product-orders-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:120px 150px 120px 120px 100px 200px 120px 150px 100px}.service-orders-table .table-header-row,.service-orders-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:120px 100px 120px 100px 200px 180px 120px 120px}.service-items-table .table-header-row,.service-items-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:120px 200px 150px 100px 120px 200px 100px 120px;overflow:visible;position:relative}.products-list-table .table-header-row,.products-list-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:120px 200px 150px 100px 120px 200px 100px 100px 120px;overflow:visible!important;position:relative}.product-categories-table .table-header-row,.product-categories-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:80px 280px 400px 140px 100px 120px}.product-categories-table .category-column{flex:0 0 280px;min-width:280px}.product-categories-table .actions-column{flex:0 0 120px;min-width:120px}.service-categories-table .table-header-row,.service-categories-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:80px 300px 400px 140px 100px 200px}.service-categories-table .category-column{flex:0 0 300px;min-width:300px}.service-categories-table .actions-column{flex:0 0 200px;max-width:200px;min-width:200px}.dropdown-menu{background:#fff;border:2px solid #8b5cf6;border-radius:8px;box-shadow:0 10px 25px #0003;min-width:220px;padding:8px 0;position:absolute;z-index:999999}.dropdown-menu.downward{box-shadow:0 10px 25px #0003;margin-top:4px;right:0;top:100%}.dropdown-menu.upward{bottom:100%;box-shadow:0 -10px 25px #0003;margin-bottom:4px;right:0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item span{flex:1 1}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:4px 0}.dropdown-item.delete-item{color:#dc2626}.dropdown-item.delete-item:hover{background-color:#fef2f2;color:#dc2626}.action-btn.menu-btn{align-items:center;background-color:#8b5cf6;border:1px solid #7c3aed;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:40px;justify-content:center;margin:0 auto;width:40px}.action-btn.menu-btn:hover{background-color:#7c3aed;box-shadow:0 4px 8px #00000026;color:#fff;transform:scale(1.05)}.dropdown-container{display:inline-block;height:100%;overflow:visible;position:relative;width:100%;z-index:99999999}.products-list-table,.products-list-table .table-cell,.products-list-table .table-row,.service-items-table,.service-items-table .table-cell,.service-items-table .table-row{overflow:visible!important}.section-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag-item{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;display:flex;font-size:14px;gap:6px;padding:6px 12px}.pincodes-container{display:flex;flex-direction:column;gap:8px}.pincode-item{background-color:#f9fafb;border:1px solid #e5e7eb}.pincode-item .status{border-radius:4px;font-size:12px;font-weight:500;margin-left:auto;padding:2px 8px}.pincode-item .status.active{background-color:#dcfce7;color:#166534}.pincode-item .status.inactive{background-color:#fef2f2;color:#dc2626}.time-slots-container{display:flex;flex-direction:column;gap:8px}.time-slot-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.time-info{display:flex;flex-direction:column;gap:2px}.time-range{color:#374151;font-weight:500}.pincode{color:#6b7280;font-size:12px}.details-container{display:flex;flex-direction:column;gap:16px}.detail-section h4{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.detail-section ul{margin:0;padding-left:20px}.detail-section li{color:#6b7280;margin-bottom:4px}.detail-item{color:#374151;margin-bottom:8px}.detail-item strong{color:#111827}.no-data{color:#6b7280;padding:20px}.category-image{align-items:center;display:flex;justify-content:center;padding:8px}.category-img{border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:60px;object-fit:cover;transition:all .2s ease;width:60px}.category-img:hover{border-color:#3b82f6;box-shadow:0 4px 8px #3b82f633;transform:scale(1.05)}.category-img[src*=placeholder]{background-color:#f1f5f9;border-color:#cbd5e1}.category-img[src*=placeholder]:hover{border-color:#94a3b8;transform:none}.image-upload-container{gap:16px}.image-upload-options{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.upload-option{flex:1 1;min-width:140px}.upload-label{display:block}.file-input{display:none}.upload-button{align-items:center;background-color:#3b82f6;border:2px solid #0000;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-width:120px;padding:8px 16px;text-align:center;transition:all .2s ease}.upload-button:hover{background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.upload-divider{color:#64748b;font-size:12px;font-weight:500;min-width:30px;text-align:center}.url-option{flex:2 1;min-width:200px}.image-preview{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-top:8px;padding:12px}.preview-image{border:2px solid #e2e8f0;border-radius:6px;height:60px;object-fit:cover;width:60px}.remove-image-btn{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.remove-image-btn:hover{background-color:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.image-upload-options{align-items:stretch;flex-direction:column}.upload-divider{padding:8px 0;text-align:center}}.service-providers-table .table-header-row,.service-providers-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:60px 180px 140px 220px 120px 120px 120px 100px 100px}.coupons-table .table-header-row,.coupons-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:180px 120px 120px 200px 150px 100px 100px}.referrals-table .table-header-row,.referrals-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:120px 150px 150px 120px 120px 100px 120px 120px}.service-tiers-table .table-header-row,.service-tiers-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:150px 200px 1fr 140px}.option-types-table .table-header-row,.option-types-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:200px 200px 150px 140px}.options-table .table-header-row,.options-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:120px 150px 150px 200px 120px 140px}.product-variants-manager{padding:0}.product-variants-manager .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.product-variants-manager .section-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.product-variants-manager .btn-sm{align-items:center;display:flex;font-size:14px;gap:6px;padding:8px 16px}.product-variants-manager .empty-state{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.product-variants-manager .empty-state p{font-size:14px;margin:0}.product-variants-manager .configs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.product-variants-manager .config-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.product-variants-manager .config-item:hover{border-color:#8b5cf6;box-shadow:0 2px 4px #8b5cf61a}.product-variants-manager .config-info{align-items:center;display:flex;gap:12px}.product-variants-manager .config-name{color:#1f2937;font-size:14px;font-weight:500}.product-variants-manager .config-item .badge{background-color:#3b82f6;color:#fff;font-size:11px;margin:0;padding:4px 8px}.product-variants-manager .config-item .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.product-variants-manager .config-item .delete-btn{background-color:#fee2e2;color:#dc2626}.product-variants-manager .config-item .delete-btn:hover{background-color:#fecaca}.variants-table{min-width:100%}.variants-table .table-header-row,.variants-table .table-row{gap:0}.app-settings-table .table-header-row,.app-settings-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:200px 1fr 2fr 180px 140px}.time-slots-table .table-header-row,.time-slots-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:200px 200px 140px}.active-pincodes-table .table-header-row,.active-pincodes-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:150px 200px 200px 150px 140px}.offer-banners-table .table-header-row,.offer-banners-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:200px 150px 150px 150px 150px 120px 140px}.top-banners-table .table-header-row,.top-banners-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 120px 140px}.table-row{border-bottom:1px solid #e9ecef;min-width:100%}.table-row:hover{background-color:#f8f9fa}.table-cell{align-items:center;border-right:1px solid #e9ecef;display:flex;min-width:100px;overflow:hidden;padding:16px 12px;text-overflow:ellipsis;white-space:nowrap}.table-cell:last-child{border-right:none}.customer-table .table-cell{align-items:flex-start;align-items:center;display:flex;font-size:14px;justify-content:flex-start;line-height:1.4;min-height:60px;padding:16px 8px 12px}.customer-table .table-header-row{background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.customer-table .table-header-row,.customer-table .table-row{grid-gap:0;display:grid;gap:0;grid-template-columns:140px 220px 200px 120px 120px 100px 140px}.customer-table .table-row{border-bottom:1px solid #e9ecef}.customer-table .company-info,.customer-table .contact-info,.customer-table .customer-info{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.customer-table .customer-id,.customer-table .customer-name{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-table .customer-name.clickable{color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .2s ease}.customer-table .customer-name.clickable:hover{color:#1d4ed8;text-decoration:none}.service-orders-table .customer-name.clickable{color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .2s ease}.service-orders-table .customer-name.clickable:hover{color:#1d4ed8;text-decoration:none}.service-orders-table .action-buttons{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.service-orders-table .action-buttons:after,.service-orders-table .action-buttons:before{content:none!important;display:none!important}.service-orders-table .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.service-orders-table .action-btn:after,.service-orders-table .action-btn:before{content:none!important;display:none!important}.service-orders-table .table-cell:nth-child(n+3) .status-badge,.service-orders-table .table-cell:nth-child(n+3) .status-indicator{display:none!important}.service-orders-table .time-info{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;justify-content:center}.service-orders-table .order-date-info{align-items:center;color:#374151;display:flex;font-size:14px;gap:6px}.product-category-table .category-name.clickable{color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .2s ease}.product-category-table .category-name.clickable:hover{color:#1d4ed8;text-decoration:none}.products-list-table .product-name.clickable{color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .2s ease}.products-list-table .product-name.clickable:hover{color:#1d4ed8;text-decoration:none}.products-list-table .mrp-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px;text-decoration:line-through}.products-list-table .discount-info{align-items:center;display:flex;justify-content:center}.products-list-table .discount-badge{background-color:#dc2626;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.product-orders-table .order-id.clickable{color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .2s ease}.product-orders-table .order-id.clickable:hover{color:#1d4ed8;text-decoration:none}.product-orders-table .pincode-info{align-items:center;display:flex;justify-content:center}.product-orders-table .pincode-text{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:14px;font-weight:500;padding:4px 8px}.customer-table .contact-item{font-size:12px;line-height:1.2}.customer-table .company-info,.customer-table .contact-item{align-items:center;display:flex;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-table .company-info{font-size:13px}.customer-table .amount-info,.customer-table .date-info,.customer-table .orders-count,.customer-table .status-badge{font-size:13px;white-space:nowrap}.customer-table .action-buttons{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.customer-table .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.customer-table .view-btn{background-color:#e3f2fd;color:#1976d2}.customer-table .edit-btn{background-color:#e8f5e8;color:#2e7d32}.customer-table .delete-btn{background-color:#ffebee;color:#d32f2f}.actions-cell{gap:8px;justify-content:center}.view-details-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.details-grid{padding:20px 0}.detail-value.status-active{color:#28a745;font-weight:600}.detail-value.status-inactive{color:#6c757d;font-weight:600}.detail-value.status-pending{color:#ffc107;font-weight:600}.detail-value.status-completed{color:#28a745;font-weight:600}.detail-value.status-cancelled{color:#dc3545;font-weight:600}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-title{color:#1a202c;font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.pincode-list-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:300px;overflow-y:auto}.pincode-item{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;display:flex;font-size:14px;gap:8px;padding:8px 12px}.pincode-item svg{color:#6b7280}.current-status-display{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.current-status-display.status-pending{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.current-status-display.status-processing{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.current-status-display.status-delivered,.current-status-display.status-shipped{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.current-status-display.status-cancelled{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.current-status-display.status-scheduled{background-color:#e0e7ff;border:1px solid #6366f1;color:#3730a3}.current-status-display.status-in-progress{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.current-status-display.status-completed{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.products-list-table .table-cell,.products-table .table-cell,.service-items-table .table-cell{border-bottom:1px solid #f1f5f9;overflow:visible!important;padding:16px 12px;position:relative;vertical-align:top}.product-img,.service-img,.service-item-img{border:1px solid #e2e8f0;border-radius:8px;height:50px;object-fit:cover;width:50px}.no-image{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:flex;font-size:12px;height:50px;justify-content:center;width:50px}.product-info,.service-item-info{display:flex;flex-direction:column;gap:4px}.product-name,.service-item-name{color:#1a202c;font-size:14px;font-weight:600;line-height:1.4}.product-description,.service-item-description{color:#6b7280;font-size:12px;line-height:1.3;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-name{color:#374151;font-size:14px;font-weight:500}.base-price-info,.price-info{align-items:center;color:#374151;display:flex;font-weight:500;gap:6px}.base-price-info{color:#6b7280;font-size:13px}.price-info{color:#059669;font-size:14px}.stock-info{align-items:center;color:#374151;display:flex;font-size:14px;gap:6px}.low-stock{color:#dc2626;font-weight:500}.duration-info{color:#374151;font-size:14px;font-weight:500}.pincode-badge{align-items:center;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.pincode-badge:hover{background-color:#e0f2fe;border-color:#0284c7}.status-badge.status-active{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge.status-inactive{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge.status-pending{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-badge.status-processing{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.status-badge.status-delivered,.status-badge.status-shipped{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge.status-cancelled{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge.status-scheduled{background-color:#e0e7ff;border:1px solid #6366f1;color:#3730a3}.status-badge.status-in-progress{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-badge.status-completed{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.action-btn.status-btn{background-color:#f0f9ff;border:1px solid #0ea5e9;color:#0369a1}.action-btn.status-btn:hover{background-color:#e0f2fe;border-color:#0284c7}.view-details-modal .field-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;margin-bottom:16px;padding:12px}.view-details-modal .field-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.view-details-modal .field-value{color:#6b7280;font-size:14px;line-height:1.5;word-break:break-word}.view-details-modal .field-value img{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;max-width:200px}.view-details-modal .section-title{border-bottom:2px solid #e5e7eb;color:#111827;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.view-details-modal .tags-container{display:flex;flex-wrap:wrap;gap:8px}.view-details-modal .tag-item{background-color:#dbeafe;color:#1e40af}.view-details-modal .pincode-item,.view-details-modal .tag-item{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.view-details-modal .pincode-item{background-color:#f0fdf4;color:#166534}.view-details-modal .time-slot-item{align-items:center;background-color:#fef3c7;border-radius:20px;color:#92400e;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.view-details-modal .nested-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.view-details-modal .nested-table-container{margin-top:12px;overflow-x:auto}.view-details-modal .nested-table{border-collapse:collapse;font-size:14px;width:100%}.view-details-modal .nested-table thead{background-color:#f8f9fa}.view-details-modal .nested-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.view-details-modal .nested-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:10px 12px}.view-details-modal .nested-table tbody tr:hover{background-color:#f8f9fa}.view-details-modal .nested-table tbody tr:last-child td{border-bottom:none}.view-details-modal .address-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.view-details-modal .address-details{display:flex;flex-direction:column;gap:4px;line-height:1.6}.details-page-content{padding:24px}.details-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.details-section:last-child{border-bottom:none}.details-section .section-title{border-bottom:2px solid #e5e7eb;color:#111827;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.nested-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:12px;overflow-x:auto}.nested-table{border-collapse:collapse;font-size:14px;min-width:600px;width:100%}.nested-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.nested-table th{border-right:1px solid #e9ecef;color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.nested-table th:last-child{border-right:none}.nested-table td{border-bottom:1px solid #e9ecef;border-right:1px solid #f0f0f0;color:#212529;padding:12px 16px;vertical-align:middle}.nested-table td:last-child{border-right:none}.nested-table tbody tr{transition:background-color .2s ease}.nested-table tbody tr:hover{background-color:#f8f9fa}.nested-table tbody tr:last-child td{border-bottom:none}.nested-table tbody tr:nth-child(2n){background-color:#fafbfc}.nested-table tbody tr:nth-child(2n):hover{background-color:#f1f3f5}.item-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.item-status-badge svg{flex-shrink:0}.item-status-badge.item-status-confirmed{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.item-status-badge.item-status-completed{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.item-status-badge.item-status-started{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.item-status-badge.item-status-default{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.item-status-badge.item-status-pending{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.item-status-badge.item-status-cancelled{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.detail-value.payment-status-paid{background-color:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46;display:inline-block;font-weight:600;padding:6px 12px}.detail-value.payment-status-unpaid{background-color:#fee2e2;border:1px solid #ef4444;border-radius:6px;color:#991b1b;display:inline-block;font-weight:600;padding:6px 12px}.detail-value.payment-status-pending{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:inline-block;font-weight:600;padding:6px 12px}.detail-value.payment-status-partial{background-color:#dbeafe;border:1px solid #3b82f6;border-radius:6px;color:#1e40af;display:inline-block;font-weight:600;padding:6px 12px}.detail-value.payment-status-default{color:#6b7280;font-weight:500}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.detail-item.full-width{grid-column:1/-1}.detail-label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#212529;font-size:16px;font-weight:500;word-break:break-word}.detail-value.address-details{display:flex;flex-direction:column;gap:4px;line-height:1.6}.btn-icon-text{align-items:center;background-color:initial;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-icon-text:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#475569}.image-management-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:95%;z-index:1000001}.image-management-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.image-management-modal .modal-title{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px}.image-management-modal .modal-body{padding:20px}.image-management-modal .message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.image-management-modal .message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.image-management-modal .message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.image-management-modal .message.info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.image-management-modal .upload-section{margin-bottom:24px}.image-management-modal .upload-area{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.image-management-modal .upload-area:hover{background-color:#f3f4f6;border-color:#8b5cf6}.image-management-modal .upload-button{align-items:center;background-color:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.image-management-modal .upload-button:hover{background-color:#7c3aed;transform:translateY(-1px)}.image-management-modal .upload-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.image-management-modal .upload-hint{color:#6b7280;font-size:12px;margin-top:8px}.image-management-modal .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#8b5cf6;display:inline-block;height:16px;width:16px}.image-management-modal .images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.image-management-modal .no-images{color:#6b7280;grid-column:1/-1;padding:40px 20px;text-align:center}.image-management-modal .no-images svg{margin-bottom:16px;opacity:.5}.image-management-modal .image-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.image-management-modal .image-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-management-modal .image-preview{aspect-ratio:1;overflow:hidden;position:relative}.image-management-modal .image-preview img{height:100%;object-fit:cover;width:100%}.image-management-modal .main-badge{align-items:center;background-color:#fbbf24;border-radius:12px;color:#92400e;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.image-management-modal .image-controls{padding:12px}.image-management-modal .image-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.image-management-modal .sort-order{background-color:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;font-weight:600;padding:2px 6px}.image-management-modal .control-buttons{display:flex;flex-wrap:wrap;gap:4px}.image-management-modal .control-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.image-management-modal .control-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.image-management-modal .control-btn:disabled{cursor:not-allowed;opacity:.5}.image-management-modal .control-btn.reorder-btn:hover{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.image-management-modal .control-btn.main-btn:hover{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.image-management-modal .control-btn.delete-btn:hover{background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.image-management-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px}.image-management-modal .btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.image-management-modal .btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.form-input.readonly{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.form-input.readonly:focus{border-color:#e9ecef;box-shadow:none;outline:none}.order-info{display:flex;flex-direction:column;gap:4px}.order-id{color:#1a202c;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:600}.status-info{align-items:center;display:flex;gap:6px}.status-info svg{color:#6b7280}.date-info{color:#374151;font-size:14px;font-weight:500}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{color:#1a202c;font-size:14px;font-weight:600}.customer-email{color:#6b7280;font-size:12px}.items-count{color:#374151;font-size:14px;font-weight:500}.amount-info{color:#059669;font-size:14px;font-weight:600}.payment-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.payment-status.paid{background-color:#d1fae5;color:#065f46}.payment-status.pending{background-color:#fef3c7;color:#92400e}.payment-status.failed{background-color:#fee2e2;color:#991b1b}@media (max-width:1200px){.products-table,.service-items-table{font-size:13px}.products-table .table-cell,.service-items-table .table-cell{padding:12px 8px}.no-image,.product-img,.service-img,.service-item-img{height:40px;width:40px}.no-image{font-size:10px}}@media (max-width:768px){.pincode-list-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pincode-item{font-size:12px;padding:6px 8px}.modal-content{max-height:95vh;max-width:95vw}.modal-body,.modal-footer,.modal-header{padding:16px}}.tabs-container{width:100%}.tabs-header{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:20px}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.tab-button:hover{background-color:#f9fafb;color:#374151}.tab-button.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-button .tab-badge{background-color:#3b82f61a;border-radius:10px;color:#3b82f6;font-size:11px;font-weight:600;margin-left:4px;padding:2px 6px}.tab-button.active .tab-badge{background-color:#fff3;color:#fff}.tab-content{min-height:200px}.tab-panel{padding:20px 0}.tab-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tab-panel-header .section-title{margin:0}.schedule-calendar-container{overflow-x:auto;width:100%}.calendar-grid{display:flex;flex-direction:column;width:100%}.calendar-week-header{grid-gap:0;border-bottom:2px solid #e2e8f0;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-day-header{background-color:#f8fafc;border-right:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:12px;text-align:center}.calendar-day-header:last-child{border-right:none}.calendar-week{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-bottom:0}.calendar-day{background-color:#fff;border:1px solid #e2e8f0;min-height:120px;padding:8px;transition:background-color .2s}.calendar-day:hover{background-color:#f1f5f9}.calendar-day.today{background-color:#f0f9ff;border-color:#3b82f6}.calendar-day.past{background-color:#f8f9fa;opacity:.7}.calendar-date{color:#1e293b;font-size:.875rem;font-weight:500;margin-bottom:4px}.calendar-day.today .calendar-date{color:#3b82f6;font-weight:700}.calendar-day.past .calendar-date{color:#94a3b8}.calendar-day.selected{border-color:#3b82f6;border-width:2px}.calendar-day.selected .calendar-date{color:#1e40af}.calendar-schedules{display:flex;flex-direction:column;gap:4px}.schedule-item{align-items:center;background-color:#3b82f6;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;justify-content:space-between;padding:4px 8px;transition:background-color .2s}.schedule-item:hover{background-color:#2563eb}.schedule-delete-btn{align-items:center;background:#fff3;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:.7rem;padding:2px 6px;transition:background-color .2s}.schedule-delete-btn:hover{background:#ffffff4d}.transactions-table{overflow-x:auto;width:100%}.transaction-type-cell{align-items:center;display:flex;gap:8px}.transaction-icon{align-items:center;display:inline-flex;justify-content:center}.transaction-icon-add{color:#10b981}.transaction-icon-deduct{color:#ef4444}.transaction-icon-withdraw{color:#f59e0b}.transaction-icon-default{color:#6b7280}.transaction-amount{font-weight:600}.transaction-amount-positive{color:#10b981}.transaction-amount-negative{color:#ef4444}.booking-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.booking-status-confirmed{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.booking-status-completed{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.booking-status-cancelled{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.booking-status-pending{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.booking-status-default{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151}.empty-state{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}.bookings-table{overflow-x:auto;width:100%}.customer-details-modal{display:flex;flex-direction:column;height:90vh;max-width:1200px;width:95vw}.customer-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.customer-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;overflow-x:auto;padding:16px 24px}.customer-tab{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;position:relative;transition:all .2s ease;white-space:nowrap}.customer-tab:hover{background-color:#f3f4f6;color:#374151}.customer-tab.active{background-color:#3b82f6;color:#fff}.tab-badge{background-color:#fff3;border-radius:10px;color:inherit;font-size:11px;font-weight:600;padding:2px 6px}.customer-tab.active .tab-badge{background-color:#ffffff4d}.customer-tab-content{flex:1 1;overflow-y:auto;padding:24px}.customer-name-subtitle{color:#6b7280;font-size:16px;font-weight:400;margin-left:8px}.customer-basic-info{width:100%}.info-table{border-collapse:collapse;width:100%}.info-table tbody tr{border-bottom:1px solid #e5e7eb}.info-table tbody tr:last-child{border-bottom:none}.info-label{align-items:center;color:#374151;display:flex;font-weight:600;gap:8px;padding:12px 16px;vertical-align:top;width:200px}.info-value{color:#1f2937;padding:12px 16px;word-break:break-word}.data-list{display:flex;flex-direction:column;gap:16px}.data-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.data-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.data-item-title{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:8px}.data-item-content{color:#4b5563;font-size:14px}.data-item-content p{margin:4px 0}.badge{background-color:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-right:8px;padding:2px 8px}.text-muted{color:#9ca3af;font-size:12px}.no-data{color:#9ca3af;font-style:italic;padding:40px 20px;text-align:center}.statistics-container{display:flex;flex-direction:column;gap:24px}.stat-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.stat-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.data-table-container{overflow-x:auto;width:100%}.data-table{font-size:13px}.data-table thead{background-color:#f9fafb}.data-table th{border-bottom:2px solid #e5e7eb;padding:12px}.data-table td{color:#1f2937;padding:12px}.data-table tbody tr:hover{background-color:#f9fafb}.notifications-container,.ratings-container{display:flex;flex-direction:column;gap:24px}.pincode-manager,.tier-manager{background-color:#fafafa;margin-bottom:24px}.pincode-manager-header,.tier-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pincode-manager h4,.tier-manager h4{color:#374151;font-size:16px;font-weight:600;margin:0}.btn-add-pincode,.btn-add-tier{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:background-color .2s ease}.btn-add-pincode:hover,.btn-add-tier:hover{background-color:#2563eb}.btn-add-pincode:disabled,.btn-add-tier:disabled{background-color:#9ca3af;cursor:not-allowed}.add-pincode-dropdown,.add-tier-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.pincode-select,.tier-select{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.btn-confirm-add{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.btn-confirm-add:hover{background-color:#059669}.btn-confirm-add:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-cancel-add{background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.btn-cancel-add:hover{background-color:#4b5563}.pincodes-table,.tiers-table{margin-top:16px;overflow-x:auto;width:100%}.data-table{background-color:#fff;border:1px solid #d1d5db;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.data-table th{background-color:#f3f4f6;border-bottom:1px solid #d1d5db;border-right:1px solid #d1d5db;color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.tiers-table .data-table th{font-size:16px;font-weight:700;padding:20px 24px}.data-table th:last-child{border-right:none}.data-table td{word-wrap:break-word;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#374151;font-size:14px;padding:12px 16px;vertical-align:top}.data-table td:last-child{border-right:none}.pincodes-table .data-table td:first-child,.pincodes-table .data-table th:first-child{min-width:80px;width:15%}.pincodes-table .data-table td:nth-child(2),.pincodes-table .data-table td:nth-child(3),.pincodes-table .data-table th:nth-child(2),.pincodes-table .data-table th:nth-child(3){min-width:120px;width:25%}.pincodes-table .data-table td:nth-child(4),.pincodes-table .data-table th:nth-child(4){min-width:100px;width:20%}.pincodes-table .data-table td:nth-child(5),.pincodes-table .data-table th:nth-child(5){min-width:80px;width:15%}.tiers-table .data-table td:first-child,.tiers-table .data-table th:first-child{min-width:200px;width:20%}.tiers-table .data-table td:nth-child(2),.tiers-table .data-table th:nth-child(2){min-width:250px;width:30%}.tiers-table .data-table td:nth-child(3),.tiers-table .data-table th:nth-child(3){min-width:300px;width:35%}.tiers-table .data-table td:nth-child(4),.tiers-table .data-table th:nth-child(4){min-width:100px;text-align:center;width:15%}.tiers-table .data-table td:first-child{color:#1f2937;font-size:16px;font-weight:600}.tiers-table .data-table td:nth-child(2){color:#4b5563;font-size:15px;line-height:1.6}.tiers-table .data-table td{padding:20px 24px}.data-table tr:last-child td{border-bottom:none}.btn-delete-pincode,.btn-delete-tier{align-items:center;background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.btn-delete-pincode:hover,.btn-delete-tier:hover{background-color:#dc2626}.btn-delete-pincode:disabled,.btn-delete-tier:disabled{background-color:#9ca3af;cursor:not-allowed}.pincodes-cell{display:flex;flex-direction:column;gap:10px;padding:8px 0}.pincodes-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pincode-chip{align-items:center;background-color:#e0e7ff;border:1px solid #c7d2fe;border-radius:6px;color:#3730a3;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.pincode-chip:hover{background-color:#c7d2fe;border-color:#a5b4fc;box-shadow:0 2px 4px #6366f133;transform:translateY(-1px)}.pincode-location{color:#6366f1;font-size:12px;font-weight:400}.pincode-remove{align-items:center;background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-left:4px;padding:0;transition:all .2s ease;width:18px}.pincode-remove:hover{background-color:#dc2626;transform:scale(1.1)}.pincode-remove:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.pincode-remove svg{height:12px;width:12px}.no-pincodes-text{color:#9ca3af;font-size:13px;font-style:italic}.btn-add-pincode-small{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:4px;padding:8px 14px;transition:all .2s ease}.btn-add-pincode-small:hover{background-color:#2563eb;box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.btn-add-pincode-small:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-add-pincode-small svg{height:14px;width:14px}.toggle-switch{align-items:center;display:inline-flex;gap:8px;margin-right:8px}.toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#d1d5db;height:24px;position:relative;transition:background-color .2s ease;width:44px}.toggle-slider:before{height:20px;left:2px;top:2px;transition:transform .2s ease;width:20px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.value-mode-section{background-color:#f8fafc;border-radius:10px;margin-bottom:16px;padding:12px 16px}.value-mode-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.value-mode-text{color:#475569;font-size:.9rem;font-weight:500;margin:0}.mode-label{color:#94a3b8;font-size:.8rem;font-weight:600;text-transform:uppercase}.mode-label.active{color:#111827}.builder-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.status-label{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.status-label.active{background-color:#dcfce7;color:#166534}.status-label.inactive{background-color:#fee2e2;color:#991b1b}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.no-data-message,.no-pincodes-message,.no-tiers-message{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-style:italic;padding:20px;text-align:center}.managers-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.btn-delete-red{align-items:center;background-color:#dc2626;border:none;border-radius:6px;color:#fff;display:flex;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease}.btn-delete-red:hover{background-color:#b91c1c;box-shadow:0 2px 4px #dc26264d;transform:translateY(-1px)}.btn-delete-red:disabled{background-color:#fca5a5;box-shadow:none;cursor:not-allowed;transform:none}.btn-delete-red svg{color:#fff}.pincode-manager,.service-image-manager,.service-item-products-manager,.service-pincode-manager,.tag-manager,.tier-manager,.time-slot-manager{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.pincode-manager,.tier-manager{min-width:1000px;width:80%}.service-image-manager .manager-header,.service-item-products-manager .manager-header,.service-pincode-manager .manager-header,.tag-manager .manager-header,.time-slot-manager .manager-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.pincode-manager .manager-header h3,.service-image-manager .manager-header h3,.service-item-products-manager .manager-header h3,.service-pincode-manager .manager-header h3,.tag-manager .manager-header h3,.tier-manager .manager-header h3,.time-slot-manager .manager-header h3{color:#374151;font-size:18px;font-weight:600;margin:0}.pincode-manager .add-controls,.service-image-manager .upload-controls,.service-pincode-manager .add-controls,.tag-manager .add-controls,.tag-manager .form-row,.tier-manager .add-controls,.time-slot-manager .add-controls,.time-slot-manager .form-row{align-items:center;display:flex;gap:12px}.service-pincode-manager .form-select,.tag-manager .form-select,.time-slot-manager .form-select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.tag-manager .form-input,.time-slot-manager .form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px}.tags-table .data-table{background-color:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.tags-table .data-table th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left}.tags-table .data-table td{border-bottom:1px solid #f3f4f6;padding:16px 20px}.tags-table .data-table tr:last-child td{border-bottom:none}.time-slots-table .data-table{background-color:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.time-slots-table .data-table th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left}.time-slots-table .data-table td{border-bottom:1px solid #f3f4f6;padding:16px 20px}.time-slots-table .data-table tr:last-child td{border-bottom:none}.service-pincode-manager .pincodes-table .data-table{background-color:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.service-pincode-manager .pincodes-table .data-table th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left}.service-pincode-manager .pincodes-table .data-table td{border-bottom:1px solid #f3f4f6;padding:16px 20px}.service-pincode-manager .pincodes-table .data-table tr:last-child td{border-bottom:none}.service-image-manager .images-grid{margin-top:20px}.service-image-manager .images-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.service-image-manager .image-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.service-image-manager .image-container{margin-bottom:12px;position:relative}.service-image-manager .image-container img{border-radius:6px;height:120px;object-fit:cover;width:100%}.service-image-manager .main-badge{background-color:#8b5cf6;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:8px;top:8px}.service-image-manager .image-controls{align-items:center;display:flex;gap:8px;justify-content:space-between}.service-image-manager .action-controls,.service-image-manager .order-controls{display:flex;gap:4px}.service-image-manager .btn-sm{border-radius:4px;font-size:12px;padding:6px 8px}.service-image-manager .file-upload{margin-bottom:16px}.service-image-manager .preview-section{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;margin-top:12px;padding:12px}.service-image-manager .preview-image{border:1px solid #d1d5db;border-radius:4px;height:60px;object-fit:cover;width:60px}.service-image-manager .image-item.uploading{opacity:.7;pointer-events:none}.service-image-manager .upload-overlay{align-items:center;background-color:#00000080;border-radius:6px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.service-image-manager .upload-indicator{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px}.service-image-manager .upload-indicator .spinning,.service-image-manager .upload-indicator span{color:#fff}.service-item-products-manager .products-table{margin-top:20px}.service-item-products-manager .products-table .data-table{background-color:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.service-item-products-manager .products-table .data-table thead{background-color:#f8f9fa}.service-item-products-manager .products-table .data-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.service-item-products-manager .products-table .data-table td{border-bottom:1px solid #e9ecef;color:#212529;font-size:14px;padding:12px 16px}.service-item-products-manager .products-table .data-table tbody tr:hover{background-color:#f8f9fa}.service-item-products-manager .products-table .data-table tbody tr:last-child td{border-bottom:none}.service-item-products-manager .product-image-thumbnail{border:1px solid #e5e7eb;border-radius:4px;height:50px;object-fit:cover;width:50px}.service-item-products-manager .no-image{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;display:inline-block;font-size:12px;height:50px;line-height:50px;text-align:center;width:50px}.service-item-products-manager .order-controls{align-items:center;display:flex;gap:8px}.service-item-products-manager .order-value{color:#374151;font-weight:500;min-width:30px;text-align:center}.service-item-products-manager .image-upload-container{display:flex;flex-direction:column;gap:12px}.service-item-products-manager .image-preview{display:inline-block;height:120px;position:relative;width:120px}.service-item-products-manager .image-preview .preview-image{border:1px solid #e5e7eb;border-radius:8px;height:100%;object-fit:cover;width:100%}.service-item-products-manager .image-preview .remove-image-btn{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background-color .2s;width:24px}.service-item-products-manager .image-preview .remove-image-btn:hover{background-color:#000c}.service-item-products-manager .upload-label{cursor:pointer;display:inline-block}.service-item-products-manager .upload-button{align-items:center;background-color:#8b5cf6;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.service-item-products-manager .upload-button:hover{background-color:#7c3aed}.service-item-products-manager .file-input{display:none}.service-item-products-manager .spinning{animation:spin 1s linear infinite}.service-item-products-manager .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.service-item-products-manager .form-checkbox{cursor:pointer;height:18px;width:18px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.edit-btn{background-color:#dbeafe;color:#2563eb}.edit-btn:hover{background-color:#bfdbfe;color:#1d4ed8}.delete-btn{background-color:#fee2e2;color:#dc2626}.delete-btn:hover{background-color:#fecaca;color:#b91c1c}@media (max-width:768px){.tabs-header{flex-direction:column}.tab-button{border-bottom:1px solid #e5e7eb;border-right:none}.add-pincode-dropdown,.add-tier-dropdown{flex-direction:column}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 12px}.tag-manager .form-row,.time-slot-manager .form-row{align-items:stretch;flex-direction:column}.service-image-manager .images-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.action-buttons{flex-direction:column;gap:4px}.action-btn{height:28px;width:28px}}.checkbox-container{align-items:center;display:flex;gap:8px;margin:8px 0}.form-checkbox{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#374151;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.package-details-manager{background:#f9fafb;border-radius:8px;padding:24px}.package-details-manager .manager-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.package-details-manager .manager-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.save-status{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.save-status .text-blue-500{color:#3b82f6}.save-status .text-green-500{color:#10b981}.save-status .text-red-500{color:#ef4444}.empty-details{background:#fff;border:2px dashed #d1d5db;border-radius:8px;padding:48px 24px;text-align:center}.empty-details p{color:#6b7280;font-size:14px;margin-bottom:16px}.details-sections{display:flex;flex-direction:column;gap:16px}.details-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.details-section-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:16px}.section-header-actions{align-items:center;display:flex;gap:8px}.section-order-controls{align-items:center;border-right:1px solid #e5e7eb;display:flex;gap:4px;margin-right:8px;padding-right:8px}.section-toggle{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:0}.section-toggle:hover{color:#8b5cf6}.section-toggle h4{font-size:16px;font-weight:600;margin:0}.section-content{padding:16px}.details-array-section{display:flex;flex-direction:column;gap:12px}.details-array-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.details-array-header h4{color:#374151;font-size:14px;font-weight:600;margin:0;text-transform:capitalize}.btn-add-item{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background-color .2s}.btn-add-item:hover{background:#7c3aed}.details-array-item{background:#f9fafb}.array-item-controls{display:flex;flex-direction:column;gap:8px}.array-item-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:20px}.details-field-group{display:flex;flex-direction:column;gap:6px}.details-array-item{align-items:flex-start;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:20px;margin-bottom:16px;padding:16px}.details-array-item .array-item-content{align-items:flex-start;display:flex;flex:1 1;gap:20px}.details-array-item .text-fields{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.details-array-item .image-field{flex-shrink:0;min-width:220px;width:220px}.package-details-manager .details-array-item,.package-details-manager .details-array-item .array-item-content{align-items:flex-start!important;display:flex!important;gap:20px!important}.package-details-manager .details-array-item .array-item-content{flex:1 1!important}.package-details-manager .details-array-item .text-fields{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:12px!important;min-width:0!important}.package-details-manager .details-array-item .image-field{flex-shrink:0!important;min-width:220px!important;width:220px!important}.details-field-group label{color:#374151;font-size:13px;font-weight:500;text-transform:capitalize}.details-field-group input,.details-field-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:8px 12px;transition:border-color .2s}.details-field-group input:focus,.details-field-group textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.details-object-section{display:flex;flex-direction:column;gap:12px}.details-object-section h4{color:#374151;font-size:14px;font-weight:600;margin:0;text-transform:capitalize}.object-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.add-section-container{margin-top:16px;text-align:center}.btn-secondary{align-items:center;background:#fff;border:2px solid #8b5cf6;border-radius:6px;color:#8b5cf6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#8b5cf6;color:#fff}.json-display{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:Courier New,monospace;font-size:12px;max-height:100px;overflow-y:auto;padding:8px}.json-display pre{margin:0;white-space:pre-wrap;word-break:break-word}.image-upload-container{display:flex;flex-direction:column;gap:8px}.image-upload-area{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s}.image-upload-area:hover{background:#f8fafc;border-color:#8b5cf6}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.upload-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px}.upload-label:hover{color:#8b5cf6}.image-preview-container{border:1px solid #e5e7eb;border-radius:8px;height:200px;overflow:hidden;position:relative;width:200px}.image-preview{display:block;height:200px;object-fit:cover;width:200px}.package-details-manager .image-preview-container{flex-shrink:0;height:200px;width:200px}.package-details-manager .image-preview{display:block;height:200px;object-fit:cover;width:200px}.image-placeholder{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;flex-direction:column;gap:8px;height:120px;justify-content:center}.image-actions{display:flex;gap:4px;position:absolute;right:8px;top:8px}.btn-remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background-color .2s}.btn-remove-image:hover{background:#ef4444}.uploading-indicator{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px}.spinning{animation:spin 1s linear infinite}.section-config-modal{max-height:90vh;max-width:800px;overflow-y:auto}.section-config-modal .modal-body{padding:24px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.radio-group{display:flex;gap:16px;margin-top:8px}.radio-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-option input[type=radio]{accent-color:#8b5cf6;margin:0}.fields-config{background:#f9fafb;margin-top:8px}.field-config-item,.fields-config{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.field-config-item{background:#fff;display:flex;gap:12px;margin-bottom:12px}.field-config-item:last-child{margin-bottom:0}.field-controls{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.drag-handle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:grab;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.drag-handle:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.drag-handle:active{cursor:grabbing}.btn-remove-field{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.btn-remove-field:hover{background:#dc2626}.field-config-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.field-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr}.field-input-group{display:flex;flex-direction:column;gap:4px}.field-input-group label{color:#374151;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.field-checkbox-group{align-items:center;display:flex;justify-content:flex-end}.checkbox-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px}.checkbox-option input[type=checkbox]{accent-color:#8b5cf6;margin:0}.btn-add-field{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:12px;padding:12px 16px;transition:background-color .2s}.btn-add-field:hover{background:#7c3aed}@media (max-width:768px){.section-config-modal{margin:20px;max-width:95vw}.field-row{gap:8px;grid-template-columns:1fr}.radio-group{flex-direction:column;gap:8px}}.action-btn,.btn,.btn-add-item,.btn-danger,.btn-delete,.btn-delete-red,.btn-icon,.btn-primary,.btn-secondary,.dropdown-item,.menu-btn,.tab-button{cursor:pointer}.action-btn:disabled,.btn-icon:disabled,.btn:disabled{cursor:not-allowed}.btn-icon{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.btn-icon:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-icon.btn-delete{border-color:#fecaca;color:#dc2626}.btn-icon.btn-delete:hover{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.action-buttons{align-items:center;display:flex;gap:8px}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;overflow:hidden;width:90%}.confirmation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.confirmation-header .warning-icon{color:#f59e0b;flex-shrink:0}.confirmation-header h3{color:#111827;flex:1 1;font-size:18px;font-weight:600;margin:0}.confirmation-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px}.confirmation-header .close-btn:hover{background-color:#f3f4f6;color:#374151}.confirmation-body{padding:24px}.confirmation-body p{color:#4b5563;line-height:1.5;margin:0}.confirmation-footer{background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-danger{background-color:#dc2626;border:none;border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-danger:hover{background-color:#b91c1c}
/*# sourceMappingURL=main.896db5f4.css.map*/