body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#eff6ff,#e0e7ff);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.login-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.login-subtitle{color:#6b7280;margin:0}.login-form{gap:1.5rem}.login-buttons,.login-form{display:flex;flex-direction:column}.login-buttons{gap:.75rem}.login-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.login-button:disabled{cursor:not-allowed;opacity:.5}.login-button-user{background-color:#2563eb;color:#fff}.login-button-user:hover:not(:disabled){background-color:#1d4ed8}.login-button-technician{background-color:#059669;color:#fff}.login-button-technician:hover:not(:disabled){background-color:#047857}.register-link{text-align:center}.register-button{background:none;color:#2563eb;font-size:.875rem;padding:0}.register-button:hover{color:#1d4ed8;text-decoration:underline}.test-info{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.test-info p{margin:.25rem 0}@media (max-width:768px){.login-container{padding:.5rem}.login-card{padding:1.5rem}.login-title{font-size:1.25rem}.login-button{font-size:.9rem}}.register-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0e7ff);display:flex;justify-content:center;min-height:100vh;padding:1rem}.register-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:32rem;padding:2rem;position:relative;width:100%}.logo-icon{background-color:#2563eb}.register-title{font-size:1.5rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-input:focus{box-shadow:0 0 0 2px #3b82f64d}.form-actions{margin-top:.5rem}.register-button{background-color:#2563eb;padding:.75rem 1rem}.register-button:hover:not(:disabled){background-color:#1d4ed8}.login-link-button{color:#2563eb}.login-link-button:hover:not(:disabled){color:#1d4ed8}.register-info{font-size:.75rem;line-height:1.4}@media (max-width:768px){.register-container{padding:.5rem}.register-card{padding:1.5rem}.register-title{font-size:1.25rem}.back-button{align-self:flex-start;margin-bottom:1rem;position:static}.register-logo{margin-top:0}}@media (max-width:480px){.register-card{padding:1rem}.register-form{gap:1rem}}.technician-register-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0e7ff);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.technician-register-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:50rem;padding:2rem;position:relative;width:100%}.register-header{margin-bottom:2rem;position:relative;text-align:center}.back-button{align-items:center;background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;left:0;padding:.5rem;position:absolute;top:0;transition:all .2s ease-in-out}.back-button:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.back-button:disabled{cursor:not-allowed;opacity:.5}.register-logo{margin:2rem 0 1rem}.logo-icon,.register-logo{align-items:center;display:flex;justify-content:center}.logo-icon{background-color:#059669;border-radius:.75rem;padding:.75rem}.register-title{color:#111827;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.register-subtitle{color:#6b7280;font-size:.875rem;margin:0}.technician-register-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.section-title{border-bottom:2px solid #e5e7eb;color:#374151;gap:.5rem;margin:0 0 1.5rem;padding-bottom:.75rem}.form-row{grid-gap:1rem;gap:1rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.form-input:focus{border-color:#059669;box-shadow:0 0 0 2px #0596694d}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.form-textarea:focus{border-color:#059669;box-shadow:0 0 0 2px #0596694d;outline:none}.form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.password-container{position:relative}.password-input{padding-right:3rem}.password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){color:#374151}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.error-message,.success-message{font-size:.875rem;padding:.75rem 1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a;line-height:1.5}.form-actions{margin-top:1rem}.register-button{align-items:center;background-color:#059669;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease-in-out;width:100%}.register-button:hover:not(:disabled){background-color:#047857}.register-button:disabled{cursor:not-allowed;opacity:.5}.login-link{color:#6b7280;font-size:.875rem;margin-top:1rem;text-align:center}.login-link-button{background:none;border:none;color:#059669;cursor:pointer;font-weight:500;padding:0}.login-link-button:hover:not(:disabled){color:#047857;text-decoration:underline}.login-link-button:disabled{cursor:not-allowed;opacity:.5}.register-info{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.8rem;line-height:1.5;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.register-info strong{color:#374151}@media (max-width:768px){.technician-register-container{padding:1rem .5rem}.technician-register-card{margin:0;padding:1.5rem}.register-title{font-size:1.5rem}.form-row{grid-template-columns:1fr}.back-button{align-self:flex-start;margin-bottom:1rem;position:static}.register-logo{margin-top:0}.form-section{padding:1rem}}@media (max-width:480px){.technician-register-card{padding:1rem}.technician-register-form{gap:1.5rem}.section-title{font-size:1rem}}.admin-dashboard{background:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.sidebar{background:#fff;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #f1f3f4;padding:24px 20px}.logo-icon{background:linear-gradient(135deg,#4285f4,#1976d2);color:#fff;font-size:1.5rem;padding:8px}.logo-text{color:#2d3748;font-size:1.2rem;font-weight:600}.sidebar-nav{flex:1 1;padding:20px 0}.nav-section{margin-bottom:32px}.nav-section-title{color:#a0aec0;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 20px 12px;text-transform:uppercase}.nav-item{align-items:center;border-radius:12px;color:#2d3748;cursor:pointer;display:flex;gap:12px;margin:0 12px;padding:12px 20px;transition:all .2s ease}.nav-item:hover{background:#f7fafc;color:#4285f4}.nav-item.active{background:linear-gradient(135deg,#4285f4,#1976d2);box-shadow:0 4px 12px #4285f466;color:#fff}.nav-icon{font-size:1.1rem;text-align:center;width:20px}.nav-text{font-size:.9rem;font-weight:500}.main-content{flex:1 1;margin-left:280px;overflow-x:hidden;padding:24px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.header-left{flex:1 1}.breadcrumb{color:#718096}.breadcrumb-separator{margin:0 8px}.breadcrumb-current{color:#2d3748;font-weight:500}.page-title{color:#1a202c;font-size:2.25rem;line-height:1.2}.dashboard-subtitle{color:#718096;font-size:1rem;line-height:1.5;margin:0}.header-right{gap:16px}.header-right,.search-box{align-items:center;display:flex}.search-box{position:relative}.search-box input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;outline:none;padding:12px 40px 12px 16px;transition:all .2s ease;width:280px}.search-box input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.search-icon{color:#a0aec0;position:absolute;right:12px}.header-actions{gap:16px}.notification-badge{border-radius:8px;cursor:pointer;padding:8px;position:relative;transition:all .2s}.notification-badge:hover{background:#f7fafc}.badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:2px;text-align:center;top:2px}.profile-btn{align-items:center;background:linear-gradient(135deg,#4285f4,#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.profile-btn:hover{box-shadow:0 4px 12px #4285f466;transform:translateY(-1px)}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.stat-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-title{color:#718096;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{font-size:2.25rem;line-height:1.2;margin-bottom:4px}.stat-subtitle{color:#4a5568;font-size:.875rem;margin:0}.stat-icon{background:linear-gradient(135deg,#4285f4,#1976d2);box-shadow:0 4px 12px #4285f44d;color:#fff;font-size:1.5rem;height:56px;width:56px}.stat-change{font-size:.875rem;font-weight:500}.stat-change.positive{color:#16a34a}.stat-change.negative{color:#dc2626}.stat-change.neutral{color:#4a5568}.charts-section{grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px}.chart-header{margin-bottom:24px}.chart-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 8px}.chart-subtitle{color:#718096;font-size:.875rem;margin:0}.chart-summary{align-items:center;display:flex;gap:16px;margin-top:8px}.revenue-amount{color:#1a202c;font-size:1.5rem;font-weight:700}.growth-indicator{border-radius:16px;font-size:.875rem;font-weight:500;padding:4px 12px}.growth-indicator.positive{background:#d1fae5;color:#065f46}.growth-indicator.negative{background:#fee2e2;color:#991b1b}.chart-container{height:300px;position:relative}.revenue-chart{position:relative}.line-chart,.revenue-chart{height:100%;width:100%}.grid-lines line{stroke:#f1f5f9;stroke-width:1}.chart-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.75rem;padding:12px 16px;pointer-events:none;position:absolute;right:20px;top:20px}.chart-tooltip:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #1e293b;bottom:-5px;content:"";height:0;left:20px;position:absolute;width:0}.booking-stats-container,.booking-status{display:flex;flex-direction:column}.booking-stats-container{align-items:center;gap:24px}.booking-donut{height:200px;width:200px}.donut-chart{height:100%;width:100%}.booking-legend{display:flex;flex-direction:column;gap:12px;width:100%}.legend-item{align-items:center;display:flex;font-size:.875rem;gap:8px}.legend-color{border-radius:50%;height:12px;width:12px}.legend-color.completed{background:#22c55e}.legend-color.pending{background:#f59e0b}.legend-color.confirmed{background:#3b82f6}.legend-color.inprogress{background:#8b5cf6}.legend-color.cancelled{background:#ef4444}.legend-text{color:#4a5568;font-weight:500}.analytics-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.service-performance .service-list{display:flex;flex-direction:column;gap:16px}.service-item{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;padding:16px 0}.service-item:last-child{border-bottom:none}.service-info{align-items:center;display:flex;justify-content:space-between}.service-name{font-size:.875rem}.service-revenue{color:#4a5568;font-size:.75rem;font-weight:600}.service-progress{align-items:center;display:flex;gap:12px}.progress-bar{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px}.progress-fill{border-radius:4px;transition:width .3s ease}.service-percentage{color:#4a5568;font-size:.75rem;font-weight:600;min-width:35px;text-align:right}.city-performance .city-list{display:flex;flex-direction:column;gap:16px}.city-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 0}.city-item:last-child{border-bottom:none}.city-icon{align-items:center;background:#f8fafc;border-radius:12px;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.city-details{flex:1 1}.city-name{color:#1a202c;font-size:.875rem;font-weight:600;margin-bottom:4px}.city-metrics{display:flex;flex-direction:column;gap:2px}.city-revenue{color:#16a34a;font-size:.75rem;font-weight:500}.city-bookings{color:#4a5568;font-size:.75rem}.city-growth{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 8px}.city-growth.positive{background:#d1fae5;color:#065f46}.city-growth.negative{background:#fee2e2;color:#991b1b}.quick-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.quick-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:16px}.quick-stat,.quick-stat-icon{align-items:center;display:flex}.quick-stat-icon{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:1.5rem;height:40px;justify-content:center;width:40px}.quick-stat-info{flex:1 1}.quick-stat-value{color:#1a202c;font-size:1.125rem;font-weight:700;line-height:1.2}.quick-stat-label{color:#4a5568;font-size:.75rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}@media (max-width:1400px){.analytics-section{grid-template-columns:1fr 1fr}.quick-stats{grid-column:1/-1}}@media (max-width:1200px){.analytics-section,.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:16px}.stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.header-right{flex-wrap:wrap;gap:12px;justify-content:space-between}.search-box input{min-width:200px;width:100%}.page-title,.stat-value{font-size:1.75rem}.stat-icon{font-size:1.25rem;height:48px;width:48px}.booking-stats-container{flex-direction:column}.booking-donut{height:150px;width:150px}.quick-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.main-content{padding:12px}.chart-card,.stat-card{padding:16px}.stat-header{align-items:flex-start;flex-direction:column;gap:12px}.stat-icon{align-self:flex-end}.city-item{gap:12px}.city-item,.service-info{align-items:flex-start;flex-direction:column}.service-info{gap:4px}}.admin-dashboard .main-content>*{animation:fadeIn .4s ease-out forwards}.stat-card{animation:fadeIn .6s ease-out forwards}.chart-card{animation:fadeIn .8s ease-out forwards}.stat-card:hover .stat-icon{transform:scale(1.05)}.chart-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.city-item:hover,.service-item:hover{background:#f8fafc;border-radius:8px;margin:0 -16px;padding:16px}.quick-stat:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.booking-management{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.booking-header{flex-wrap:wrap;gap:20px;margin-bottom:32px}.booking-header-info h1{color:#1a202c;font-size:28px;font-weight:600;line-height:1.2;margin:0 0 8px}.booking-header-info p{color:#718096;font-size:16px;line-height:1.5;margin:0}.add-booking-btn{align-items:center;background:linear-gradient(135deg,#4285f4,#1976d2);border:none;border-radius:12px;box-shadow:0 2px 8px #4285f44d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.add-booking-btn:hover{box-shadow:0 4px 12px #4285f466;transform:translateY(-1px)}.add-booking-btn span{font-size:16px}.booking-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:32px;padding:24px}.filter-group.search{min-width:300px}.filter-input:focus,.filter-select:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.status-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.status-badge.in-progress{background-color:#e7d6ff;color:#6f42c1}.booking-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.booking-table-wrapper{overflow-x:auto}.booking-table{border-collapse:collapse;min-width:1000px;width:100%}.booking-table thead{background-color:#f8fafc}.booking-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:700;letter-spacing:1px;padding:20px 24px;text-align:left;text-transform:uppercase}.booking-table td{border-bottom:1px solid #f7fafc;font-size:14px;padding:20px 24px;vertical-align:middle}.booking-table tbody tr{transition:background-color .15s ease}.booking-table tbody tr:hover{background-color:#f8fafc}.booking-id{color:#2d3748;font-size:14px;font-weight:700}.customer-info .customer-name{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:4px}.customer-info .customer-phone{color:#718096;font-size:12px}.service-name{color:#1a202c}.service-name,.technician-name{font-weight:500}.booking-date{color:#4a5568;font-size:13px;white-space:nowrap}.booking-price{color:#1a202c;font-size:14px;font-weight:600}.status-select{min-width:100px}.status-select.pending{background-color:#fff3cd;color:#856404}.status-select.confirmed{background-color:#cfe2ff;color:#0c63e4}.status-select.in-progress{background-color:#e7d6ff;color:#6f42c1}.status-select.completed{background-color:#d1ecf1;color:#0c5460}.status-select.cancelled{background-color:#f8d7da;color:#721c24}.action-btn.edit:hover{background-color:#f0fff4;border-color:#38a169}.pagination-btn.active{background:linear-gradient(135deg,#4285f4,#1976d2)}.modal-container{max-width:700px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-textarea{line-height:1.6;min-height:100px;resize:vertical}.modal-btn.primary{background:linear-gradient(135deg,#4285f4,#1976d2);box-shadow:0 2px 8px #4285f44d}.modal-btn.primary:hover{box-shadow:0 4px 12px #4285f466}@media (min-width:768px){.pagination-mobile{display:none}.pagination-desktop{display:flex}.status-cards{grid-template-columns:repeat(5,1fr)}.filters-row{justify-content:space-between}.filters-left{justify-content:flex-start}.results-count{margin-top:0;text-align:right}}@media (max-width:768px){.booking-management{padding:16px}.booking-header{align-items:center;flex-direction:column;text-align:center}.status-cards{grid-template-columns:repeat(2,1fr)}.booking-table td,.booking-table th{font-size:12px;padding:16px 12px}.form-row{grid-template-columns:1fr}.modal-container{margin:20px;max-width:none}.modal-content{padding:24px}.action-buttons{flex-direction:column;gap:6px}}@media (max-width:480px){.booking-management{padding:12px}.status-cards{grid-template-columns:1fr}.booking-table{min-width:700px}.modal-actions{flex-direction:column}.modal-btn{width:100%}.filter-group.search{min-width:250px}}.booking-management>*{animation:fadeIn .4s ease-out forwards}.technicians-management{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.technicians-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.technicians-header-info h1{color:#1a202c;font-size:28px;font-weight:600;line-height:1.2;margin:0 0 8px}.technicians-header-info p{color:#718096;font-size:16px;line-height:1.5;margin:0}.add-technician-btn{align-items:center;background:linear-gradient(135deg,#38a169,#2d7a3f);border:none;border-radius:12px;box-shadow:0 2px 8px #38a1694d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.add-technician-btn:hover{box-shadow:0 4px 12px #38a16966;transform:translateY(-1px)}.add-technician-btn span{font-size:16px}.technicians-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:32px;padding:24px}.filter-group.search{min-width:350px}.filter-input:focus,.filter-select:focus{border-color:#38a169;box-shadow:0 0 0 3px #38a1691a}.status-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.status-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px;text-align:center;transition:all .2s ease}.status-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.status-card-count{color:#1a202c;font-size:36px;font-weight:700;line-height:1;margin-bottom:12px}.status-badge{display:inline-block;padding:6px 16px}.status-badge.active{background-color:#d1ecf1;color:#0c5460}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.rating{background-color:#fff3cd;color:#856404}.status-badge.jobs{background-color:#cfe2ff;color:#0c63e4}.technicians-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.technicians-table-wrapper{overflow-x:auto}.technicians-table{border-collapse:collapse;min-width:1200px;width:100%}.technicians-table thead{background-color:#f8fafc}.technicians-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:700;letter-spacing:1px;padding:20px 24px;text-align:left;text-transform:uppercase}.technicians-table td{border-bottom:1px solid #f7fafc;font-size:14px;padding:20px 24px;vertical-align:middle}.technicians-table tbody tr{transition:background-color .15s ease}.technicians-table tbody tr:hover{background-color:#f8fafc}.technician-info{align-items:center;display:flex;gap:12px}.technician-avatar{background:linear-gradient(135deg,#38a169,#2d7a3f);box-shadow:0 2px 8px #38a1694d;font-size:32px;height:50px;width:50px}.technician-details{flex:1 1}.technician-name{color:#1a202c;font-size:15px;font-weight:600;margin-bottom:4px}.technician-id{color:#718096;font-size:12px;font-weight:500;margin-bottom:2px}.skills-list{display:flex;flex-direction:column;gap:6px}.skill-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-align:center;text-transform:uppercase}.skill-badge.beginner{background-color:#e2e8f0;color:#4a5568}.skill-badge.intermediate{background-color:#bee3f8;color:#2c5282}.skill-badge.advanced{background-color:#c6f6d5;color:#22543d}.skill-badge.expert{background-color:#fed7e2;color:#97266d}.skills-more{color:#718096;font-size:11px;font-style:italic}.rating-stars{font-size:16px}.jobs-completed{color:#1a202c;font-size:16px;font-weight:600;text-align:center}.action-btn.schedule:hover{background-color:#f0fff4;border-color:#38a169}.action-btn.edit:hover{background-color:#fffaf0;border-color:#ed8936}.action-btn.delete:hover{background-color:#fed7d7;border-color:#e53e3e}.pagination-btn.active{background:linear-gradient(135deg,#38a169,#2d7a3f)}.modal-container{max-width:900px}.modal-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-label{color:#2d3748;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background-color:#fff;border:2px solid #e2e8f0;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#38a169;box-shadow:0 0 0 3px #38a1691a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#718096;cursor:not-allowed}.form-section{background-color:#fafafa;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-skill-btn{background:linear-gradient(135deg,#38a169,#2d7a3f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.add-skill-btn:hover{box-shadow:0 2px 8px #38a1694d;transform:translateY(-1px)}.skills-form{display:flex;flex-direction:column;gap:12px}.skill-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 120px 150px auto}.experience-input,.level-select,.skill-select{border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;padding:8px 12px;transition:all .2s ease}.experience-input:focus,.level-select:focus,.skill-select:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a1691a}.remove-skill-btn{background:#fed7d7;border:1px solid #e53e3e;border-radius:6px;color:#e53e3e;cursor:pointer;font-size:14px;padding:6px;transition:all .2s ease}.remove-skill-btn:hover{background:#f56565;color:#fff}.schedule-form h4{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:20px}.schedule-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.schedule-day{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.day-name{color:#2d3748;font-weight:600;text-transform:capitalize}.availability-checkbox{accent-color:#38a169;transform:scale(1.2)}.hours-input{border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.hours-input:focus{border-color:#38a169;box-shadow:0 0 0 2px #38a1691a}.view-details{background-color:#fafafa;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.detail-row{border-bottom:1px solid #e2e8f0}.certifications-list{display:flex;flex-wrap:wrap;gap:8px}.certification-badge{background-color:#cfe2ff;border-radius:12px;color:#0c63e4;font-size:11px;font-weight:600;padding:4px 12px}.schedule-preview{display:flex;flex-direction:column;gap:6px}.schedule-day-preview{align-items:center;display:flex;font-size:12px;justify-content:space-between}.day-status.available{color:#38a169;font-weight:500}.day-status.unavailable{color:#e53e3e;font-weight:500}.modal-btn.primary{background:linear-gradient(135deg,#38a169,#2d7a3f);box-shadow:0 2px 8px #38a1694d;color:#fff}.modal-btn.primary:hover{box-shadow:0 4px 12px #38a16966;transform:translateY(-1px)}@media (min-width:768px){.pagination-mobile{display:none}.pagination-desktop{display:flex}.status-cards{grid-template-columns:repeat(4,1fr)}.filters-row{justify-content:space-between}.filters-left{justify-content:flex-start}.results-count{margin-top:0;text-align:right}}@media (max-width:768px){.technicians-management{padding:16px}.technicians-header{align-items:center;flex-direction:column;text-align:center}.status-cards{grid-template-columns:repeat(2,1fr)}.technicians-table td,.technicians-table th{font-size:12px;padding:16px 12px}.form-row,.skill-row{grid-template-columns:1fr}.skill-row{gap:8px}.schedule-grid{grid-template-columns:1fr}.modal-container{margin:20px;max-width:none}.modal-content{padding:24px}.action-buttons{flex-direction:column;gap:6px}}@media (max-width:480px){.technicians-management{padding:12px}.status-cards{grid-template-columns:1fr}.technicians-table{min-width:800px}.modal-actions{flex-direction:column}.modal-btn{width:100%}.filter-group.search{min-width:250px}}.technicians-management>*{animation:fadeIn .4s ease-out forwards}.status-card{animation:fadeIn .6s ease-out forwards}.users-management{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.users-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.users-header-info h1{color:#1a202c;font-size:28px;font-weight:600;line-height:1.2;margin:0 0 8px}.users-header-info p{color:#718096;font-size:16px;line-height:1.5;margin:0}.users-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:32px;padding:24px}.filters-left,.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.filter-group{align-items:center;display:flex;flex-direction:column;text-align:center}.filter-group.search{min-width:400px}.filter-label{color:#2d3748;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.filter-input,.filter-select{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;outline:none;padding:12px 16px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-input{width:100%}.filter-input::placeholder{color:#a0aec0}.results-count{color:#718096;font-size:14px;font-weight:500;margin-top:16px;text-align:center}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px;text-align:center;transition:all .2s ease}.stats-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.stats-card-count{color:#1a202c;font-size:36px;font-weight:700;line-height:1;margin-bottom:12px}.stats-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.stats-badge.active{background-color:#d1ecf1;color:#0c5460}.stats-badge.inactive{background-color:#f8d7da;color:#721c24}.stats-badge.bookings{background-color:#cfe2ff;color:#0c63e4}.stats-badge.rating{background-color:#fff3cd;color:#856404}.stats-badge.vip{background-color:#e7d6ff;color:#6f42c1}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;min-width:1300px;width:100%}.users-table thead{background-color:#f8fafc}.users-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:700;letter-spacing:1px;padding:20px 24px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f7fafc;font-size:14px;padding:20px 24px;vertical-align:middle}.users-table tbody tr{transition:background-color .15s ease}.users-table tbody tr:hover{background-color:#f8fafc}.user-info{gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;box-shadow:0 2px 8px #6366f14d;color:#fff;display:flex;font-size:32px;height:50px;justify-content:center;width:50px}.user-details{flex:1 1}.user-name{color:#1a202c;font-size:15px;font-weight:600;margin-bottom:4px}.user-id{color:#718096;font-size:12px;font-weight:500;margin-bottom:2px}.join-date{color:#a0aec0;font-size:11px}.contact-info .contact-email{color:#1a202c;font-size:13px;font-weight:500;margin-bottom:4px}.contact-info .contact-phone{color:#718096;font-size:12px;margin-bottom:2px}.contact-info .last-booking{color:#a0aec0;font-size:11px;font-style:italic}.booking-stats{text-align:center}.total-bookings{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:6px}.booking-breakdown{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.booking-breakdown span{border-radius:8px;font-size:11px;font-weight:500;padding:2px 6px}.booking-breakdown .completed{background-color:#d1ecf1;color:#0c5460}.booking-breakdown .pending{background-color:#fff3cd;color:#856404}.booking-breakdown .cancelled{background-color:#f8d7da;color:#721c24}.loyalty-badge{border-radius:16px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-align:center;text-transform:uppercase}.loyalty-badge.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.loyalty-badge.silver{background:linear-gradient(135deg,silver,grey);color:#fff}.loyalty-badge.gold{background:linear-gradient(135deg,gold,#b8860b);color:#fff}.loyalty-badge.platinum{background:linear-gradient(135deg,#e5e4e2,#71706e);color:#fff}.loyalty-badge.diamond{background:linear-gradient(135deg,#b9f2ff,#0ea5e9);color:#fff}.rating-info{text-align:center}.rating-stars{font-size:14px;margin-bottom:4px}.rating-number{color:#1a202c}.rating-number,.total-spent{font-size:14px;font-weight:600}.total-spent{color:#16a34a;text-align:center}.status-select{border:none;border-radius:16px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;min-width:80px;outline:none;padding:6px 12px;text-transform:uppercase}.status-select.active{background-color:#d1ecf1;color:#0c5460}.status-select.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{gap:8px}.action-btn,.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;font-size:16px;height:36px;padding:8px;width:36px}.action-btn:hover{box-shadow:0 2px 8px #00000026}.action-btn.view:hover{background-color:#ebf8ff;border-color:#4285f4}.action-btn.history:hover{background-color:#f0fff4;border-color:#38a169}.action-btn.feedback:hover{background-color:#fffaf0;border-color:#ed8936}.pagination-container{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px 24px}.pagination-mobile{display:flex;flex:1 1;gap:12px;justify-content:center}.pagination-desktop{align-items:center;display:none;flex:1 1;justify-content:space-between}.pagination-info{color:#4a5568;font-size:14px;font-weight:500}.pagination-info .font-medium{color:#1a202c;font-weight:600}.pagination-nav{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.pagination-btn{align-items:center;border:none;border-right:1px solid #e2e8f0;color:#4a5568;display:inline-flex;font-weight:500;justify-content:center;min-width:44px;padding:10px 14px;position:relative;transition:all .15s ease}.pagination-btn:last-child{border-right:none}.pagination-btn:hover:not(:disabled):not(.active){background-color:#f8fafc;color:#1a202c}.pagination-btn:disabled{background-color:#f8fafc;opacity:.4}.pagination-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:50}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-content{padding:32px}.modal-title{border-bottom:1px solid #e2e8f0;color:#1a202c;font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:16px}.profile-details{display:flex;flex-direction:column;gap:24px}.profile-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;gap:20px;padding:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;box-shadow:0 4px 16px #6366f14d;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.profile-info h4{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 8px}.profile-email{color:#718096;font-size:16px;margin:0 0 12px}.profile-stats{grid-gap:16px;background:#f8fafc;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:20px}.stat-item{border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:12px;text-align:center}.stat-label{color:#718096;display:block;margin-bottom:8px}.stat-value{color:#1a202c;font-size:20px}.profile-details-section{border:1px solid #e2e8f0;border-radius:12px;padding:20px}.detail-row{align-items:center;border-bottom:1px solid #f7fafc;padding:12px 0}.detail-label{color:#2d3748;flex:0 0 150px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a202c;flex:1 1;font-weight:500;text-align:right}.preferred-services{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.service-tag{background-color:#e7d6ff;border-radius:12px;color:#6f42c1;font-size:11px;font-weight:600;padding:4px 12px}.feedback-list,.history-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.feedback-item,.history-item{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.feedback-item:hover,.history-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.feedback-header,.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.feedback-header h4,.history-header h4{color:#1a202c;font-size:16px;font-weight:600;margin:0}.status-badge{border-radius:12px;font-size:10px;padding:4px 10px}.status-badge.completed{background-color:#d1ecf1;color:#0c5460}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.confirmed{background-color:#cfe2ff;color:#0c63e4}.status-badge.in-progress,.status-badge.inprogress{background-color:#e7d6ff;color:#6f42c1}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.history-details{display:flex;flex-direction:column;gap:8px}.history-info{color:#718096;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.history-rating{border-top:1px solid #e2e8f0;padding-top:8px}.booking-feedback,.feedback-text{background:#fff;border-left:4px solid #6366f1;border-radius:8px;color:#4a5568;font-style:italic;margin-top:8px;padding:12px}.feedback-rating{color:#1a202c;font-size:14px;font-weight:600}.feedback-content{display:flex;flex-direction:column;gap:12px}.feedback-meta{color:#a0aec0;display:flex;font-size:12px;gap:16px}.no-data{color:#718096;padding:40px;text-align:center}.no-data p{font-size:16px;margin:0}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.modal-btn.secondary{background-color:#f8fafc;border:2px solid #e2e8f0;color:#4a5568}.modal-btn.secondary:hover{background-color:#edf2f7;transform:translateY(-1px)}@media (min-width:768px){.pagination-mobile{display:none}.pagination-desktop{display:flex}.stats-cards{grid-template-columns:repeat(5,1fr)}.filters-row{justify-content:space-between}.filters-left{justify-content:flex-start}.results-count{margin-top:0;text-align:right}}@media (max-width:768px){.users-management{padding:16px}.users-header{align-items:center;flex-direction:column;text-align:center}.stats-cards{grid-template-columns:repeat(2,1fr)}.users-table td,.users-table th{font-size:12px;padding:16px 12px}.profile-header{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.detail-row{align-items:flex-start;flex-direction:column;gap:8px}.detail-value{text-align:left}.preferred-services{justify-content:flex-start}.modal-container{margin:20px;max-width:none}.modal-content{padding:24px}.action-buttons{flex-direction:column;gap:6px}}@media (max-width:480px){.users-management{padding:12px}.stats-cards{grid-template-columns:1fr}.users-table{min-width:900px}.modal-actions{flex-direction:column}.modal-btn{width:100%}.filter-group.search{min-width:250px}.profile-stats{grid-template-columns:1fr}.history-info{flex-direction:column;gap:4px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.users-management>*{animation:fadeIn .4s ease-out forwards}.modal-overlay{animation:fadeIn .2s ease-out}.stats-card{animation:fadeIn .6s ease-out forwards}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-container{background-color:#f8f9fe;display:flex;min-height:100vh}.dashboard-sidebar{background-color:#172b4d;color:#adb5bd;display:flex;flex-direction:column;flex-shrink:0;padding:20px 0;width:260px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:0 20px 20px}.sidebar-header h2{color:#fff;font-size:1.5em;margin:0}.sidebar-header i{color:#5e72e4;margin-right:10px}.sidebar-toggle-btn{display:none}.sidebar-menu li a{display:block;padding:10px 20px;transition:color .2s ease,background-color .2s ease}.sidebar-documentation li a{display:block;padding:5px 0;transition:color .2s ease}.dashboard-main-content{display:flex;flex-direction:column;flex-grow:1}.main-content-header{align-items:center;background-color:#f8f9fe;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.search-bar input[type=text]{border:1px solid #cad1d7;border-radius:.375rem;font-size:.875rem;padding:.625rem .75rem;transition:all .15s ease-in-out}.search-bar button{background:none;border:none;color:#8898aa;cursor:pointer;padding:.625rem .75rem}.user-section{align-items:center;display:flex;gap:15px}.user-section i{color:#8898aa;cursor:pointer;font-size:1.2em}.user-info{align-items:center;gap:10px}.user-info img{border-radius:50%;height:36px;width:36px}.user-info span{color:#32325d;font-weight:600}.main-content-body{flex-grow:1;padding:30px}.dashboard-title{margin-bottom:20px}.dashboard-title h3{color:#32325d;margin-bottom:5px}.breadcrumb{font-size:.875rem}.breadcrumb a{color:#8898aa;text-decoration:none}.breadcrumb span{color:#525f7f;font-weight:600}.action-buttons{margin-bottom:30px}.btn{border:1px solid #0000;border-radius:.4375rem;cursor:pointer;font-size:.875rem;padding:.625rem 1.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{background-color:#5e72e4;border-color:#5e72e4;color:#fff}.btn-primary:hover{background-color:#566ed3;border-color:#566ed3;color:#fff}.btn-secondary{background-color:#f4f5f7;border-color:#f4f5f7;color:#212529}.btn-secondary:hover{background-color:#e8ebed;border-color:#e8ebed;color:#212529}.btn-sm{border-radius:.3125rem;font-size:.75rem;padding:.25rem .5rem}.info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.card{align-items:flex-start;background-color:#fff;border:none;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;display:flex;justify-content:space-between;padding:1.5rem}.card-body{flex-grow:1;padding-right:1rem}.card-title{color:#8898aa;font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.card-value{color:#32325d;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.card-trend{font-size:.875rem}.card-trend .text-success{color:#2dce89;font-weight:700}.card-trend .text-muted{color:#8898aa;font-weight:400}.card-icon{align-items:center;background-color:#f56036;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:4rem;justify-content:center;width:4rem}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.charts-section{grid-template-columns:repeat(2,1fr)}}.chart-card{background-color:#fff;border:none;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;display:flex;flex-direction:column;padding:1.5rem}.chart-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-card .card-header h5{color:#8898aa;font-size:.625rem;margin:0;text-transform:uppercase}.chart-card .card-header h4{color:#32325d;font-size:1.25rem;margin:0}.chart-controls .btn{margin-left:5px}.chart-card .card-body{flex-grow:1}.chart-placeholder{align-items:center;background-color:#e9ecef;border-radius:.375rem;color:#8898aa;display:flex;font-size:1.2em;height:200px;justify-content:center}.sidebar-menu{flex-grow:1;padding:20px 0}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-menu li{margin:0;padding:0;position:relative}.sidebar-menu li a{align-items:center;border-radius:8px;color:#adb5bd;display:flex;margin-bottom:5px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-menu li a:hover{background-color:#ffffff1a;color:#fff;transform:translateX(4px)}.sidebar-menu li a.active{background:linear-gradient(45deg,#5e72e4,#825ee4);box-shadow:0 4px 15px #5e72e44d;color:#fff}.sidebar-menu li a i{color:#5e72e4;margin-right:15px;text-align:center;width:16px}.sidebar-menu li a.active i{color:#fff}.new-badge{animation:pulse 2s infinite;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:2px 6px;text-transform:uppercase}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.sidebar-documentation{border-top:1px solid #ffffff1a;margin-top:20px;padding:20px}.sidebar-documentation h6{color:#8898aa;font-size:.8em;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.sidebar-documentation ul{list-style:none}.sidebar-documentation li a{align-items:center;border-radius:4px;color:#adb5bd;display:flex;padding:8px 0;text-decoration:none;transition:all .3s ease}.sidebar-documentation li a:hover{color:#fff;padding-left:8px}.sidebar-documentation li a.active{color:#5e72e4;font-weight:600}.sidebar-documentation i{color:#8898aa;margin-right:10px;text-align:center;width:14px}.sidebar-documentation a:hover i{color:#5e72e4}.sidebar-menu li a{overflow:hidden}.sidebar-menu li a:before{background:linear-gradient(45deg,#5e72e4,#825ee4);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.sidebar-menu li a.active:before,.sidebar-menu li a:hover:before{transform:scaleY(1)}.sidebar-menu li a i.fas.fa-shopping-cart{color:#28a745}.sidebar-menu li a.active i.fas.fa-shopping-cart{color:#fff}@media (max-width:768px){.sidebar-menu{padding:15px 0}.sidebar-menu li a{font-size:.9rem;padding:10px 15px}.sidebar-menu li a i{margin-right:12px}.new-badge{font-size:.6rem;padding:1px 4px}}.booking-form-container{margin:0 auto;max-width:800px;padding:20px}.booking-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px}.form-section{border-bottom:1px solid #f0f0f0;margin-bottom:30px;padding-bottom:25px}.form-section:last-child{border-bottom:none}.section-title{color:#333;margin-bottom:15px}.services-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:10px}.service-card{border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:20px}.service-card:hover{transform:translateY(-2px)}.service-card.selected,.service-card:hover{border-color:#6366f1;box-shadow:0 4px 15px #6366f133}.service-card.selected{background:#f8faff}.service-icon{font-size:32px;margin-bottom:10px}.service-card h4{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.service-price{color:#6366f1;font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:12px;margin-top:5px}.customer-inputs,.schedule-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.urgency-options{display:flex;flex-wrap:wrap;gap:20px}.radio-option{align-items:center;cursor:pointer;display:flex}.radio-option input{margin-right:10px}.radio-label{align-items:center;display:flex;font-weight:500;gap:8px}.urgency-icon{font-size:16px}.image-upload-section{text-align:center}.file-input{display:none}.upload-label{background:#f8faff;border:2px dashed #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;transition:all .3s ease}.upload-label:hover{background:#6366f1;color:#fff}.image-preview{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.image-item{position:relative}.preview-image{border:2px solid #e0e0e0;border-radius:8px;height:100px;object-fit:cover;width:100px}.remove-image{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.booking-summary{background:#f8faff;border-radius:10px;margin-bottom:20px;padding:20px}.booking-summary h3{color:#333;margin-bottom:15px}.summary-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item.urgent{color:#ef4444;font-weight:600}.summary-note{color:#666;font-size:12px;font-style:italic;margin-top:10px}.submit-btn{align-items:center;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.submit-btn:hover{background:#5855eb;box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.spinner{border-top-color:#fff}@media (max-width:768px){.booking-form-container{padding:15px}.booking-form{padding:20px}.services-grid{grid-template-columns:1fr}.customer-inputs,.schedule-inputs{gap:15px;grid-template-columns:1fr}.urgency-options{flex-direction:column;gap:15px}.image-preview{justify-content:flex-start}}@media (max-width:480px){.service-card{padding:15px}.service-icon{font-size:24px}.submit-btn{font-size:14px;padding:14px}}.payment-container{display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:800px;padding:20px}.actions-section,.payment-method-section,.summary-section,.support-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:25px}.payment-method-section h3,.summary-section h3,.support-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.service-info{background:#f8fafc;border-radius:10px;padding:20px}.service-header{margin-bottom:20px}.service-title{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.service-meta{color:#666;display:flex;font-size:14px;gap:20px}.service-details{border-top:1px solid #e2e8f0;padding-top:15px}.detail-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-item{color:#333}.detail-price{color:#666;font-weight:500}.summary-calculations{border-top:1px solid #e2e8f0;margin-top:15px;padding-top:15px}.calc-row{display:flex;justify-content:space-between;padding:5px 0}.calc-row.discount{color:#10b981}.calc-row.total{border-top:1px solid #e2e8f0;color:#333;font-size:18px;font-weight:600;margin-top:10px;padding-top:10px}.payment-methods{display:flex;flex-direction:column;gap:15px}.payment-option{border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s ease}.payment-option:hover{border-color:#6366f1;box-shadow:0 4px 15px #6366f11a}.payment-option.selected{background:#f8faff;border-color:#6366f1;box-shadow:0 4px 15px #6366f133}.payment-header{align-items:center;display:flex;gap:15px}.payment-icon{font-size:32px;text-align:center;width:60px}.payment-info{flex:1 1}.payment-info h4{color:#333;font-size:16px;font-weight:600;margin-bottom:5px}.payment-info p{color:#666;font-size:14px}.payment-radio input{cursor:pointer;height:20px;width:20px}.payment-details{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.cash-instructions h5,.transfer-info h5{color:#333;font-weight:600;margin-bottom:15px}.cash-instructions ul{margin-bottom:20px;padding-left:20px}.cash-instructions li{color:#666;margin-bottom:8px}.bank-details{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:20px}.bank-info-grid{grid-gap:12px;display:grid;gap:12px;margin-bottom:20px}.bank-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:10px;padding:10px}.bank-item .label{color:#666;font-weight:500;min-width:120px}.bank-item .value{color:#333;flex:1 1;font-weight:500}.bank-item .value.amount{color:#dc2626;font-weight:600}.copy-btn{background:#e2e8f0;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 8px;transition:all .3s ease}.copy-btn:hover{background:#cbd5e1}.qr-section{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.qr-section h6{color:#333;font-weight:600;margin-bottom:15px}.qr-code{display:inline-block;text-align:center}.qr-image{border:1px solid #e2e8f0;border-radius:8px;height:150px;margin-bottom:10px;width:150px}.qr-code p{color:#666;font-size:12px}.transfer-instructions{background:#fef3cd;border:1px solid #fde047;border-radius:6px;margin-bottom:20px;padding:15px}.transfer-instructions h6{color:#92400e;font-weight:600;margin-bottom:10px}.transfer-instructions ul{margin:0;padding-left:20px}.transfer-instructions li{color:#92400e;font-size:14px;margin-bottom:5px}.confirm-payment-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.confirm-payment-btn:hover{background:#059669;transform:translateY(-2px)}.processing-status{background:#fef3cd;color:#92400e;font-weight:500}.processing-status,.success-status{align-items:center;border-radius:8px;display:flex;gap:10px;justify-content:center;padding:15px}.success-status{background:#d1fae5;color:#065f46;font-weight:600}.success-icon{font-size:20px}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#92400e;height:16px;width:16px}.support-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.support-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:15px;padding:15px}.support-icon{font-size:24px;text-align:center;width:40px}.support-info h4{color:#333;font-weight:600;margin-bottom:5px}.support-info p{color:#666;font-size:14px}@media (max-width:768px){.payment-container{padding:15px}.actions-section,.payment-method-section,.summary-section,.support-section{padding:20px}.service-meta{flex-direction:column;gap:5px}.payment-header{flex-direction:column;gap:10px;text-align:center}.bank-item{align-items:flex-start;flex-direction:column;gap:5px}.bank-item .value{word-break:break-all}.support-options{grid-template-columns:1fr}.actions-section{flex-direction:column}.action-btn{flex:none}}@media (max-width:480px){.payment-container{padding:10px}.payment-icon{font-size:24px;width:50px}.bank-item .label{font-size:13px;min-width:100px}.qr-image{height:120px;width:120px}.confirm-payment-btn{font-size:14px;padding:10px 16px}}.product-store{background:#f8f9fa;min-height:100vh}.store-content{padding:30px 40px}.store-header{justify-content:flex-end;margin-bottom:25px}.cart-summary,.store-header{align-items:center;display:flex}.cart-summary{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s ease}.cart-summary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.cart-count{background:#ffffff4d;border-radius:12px;font-size:.9rem;min-width:20px;padding:4px 8px;text-align:center}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;padding:20px}.search-bar{margin-bottom:20px;position:relative}.search-bar i{color:#667eea;font-size:1.1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:#f8faff;border:2px solid #e0e6ff;border-radius:25px;font-size:1rem;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.search-bar input:focus{border-color:#667eea;box-shadow:0 0 15px #667eea33;outline:none}.category-filters{display:flex;flex-wrap:wrap;gap:12px}.category-btn{background:#f8faff;border:2px solid #e0e6ff;border-radius:20px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;transition:all .3s ease}.category-btn:hover{background:#e0e6ff;border-color:#667eea;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:18px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.product-image{height:200px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px;position:absolute;right:10px;top:10px}.product-info{padding:20px}.product-name{color:#333;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 8px}.product-description{color:#666;font-size:.95rem;line-height:1.4;margin:0 0 15px}.product-details{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.brand{color:#667eea}.brand,.stock{font-weight:600}.stock{color:#28a745}.product-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.price-section{align-items:baseline;display:flex;gap:5px}.price{color:#667eea;font-size:1.4rem;font-weight:700}.unit{color:#888;font-size:.9rem}.add-to-cart-btn{align-items:center;background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.add-to-cart-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.add-to-cart-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.cart-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-left:1px solid #ffffff4d;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.cart-header{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border-bottom:1px solid #f0f0f0;color:#fff;display:flex;justify-content:space-between;padding:20px}.cart-header h3{font-size:1.3rem;margin:0}.cart-header button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;transition:all .3s ease;width:30px}.cart-header button:hover{background:#ffffff4d}.cart-items{flex:1 1;overflow-y:auto;padding:20px}.empty-cart{color:#888;font-style:italic;margin-top:50px;text-align:center}.cart-item{border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:15px 0}.cart-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.item-details{flex:1 1}.item-details h4{color:#333;font-size:1rem;margin:0 0 5px}.item-details p{color:#667eea;font-weight:600;margin:0}.remove-btn{background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;transition:all .3s ease;width:30px}.remove-btn:hover{background:#ff5252;transform:scale(1.1)}.cart-footer{background:#f8faff;border-top:1px solid #f0f0f0;padding:20px}.total-price{color:#333;font-size:1.2rem;margin-bottom:15px;text-align:center}.checkout-btn{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.checkout-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.results-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:10px;color:#666;font-weight:500;padding:15px 20px;text-align:center}@media (max-width:768px){.product-store{padding:15px}.store-header{flex-direction:column;gap:15px;text-align:center}.header-content h1{font-size:1.8rem}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cart-sidebar{width:100%}.category-filters{justify-content:center}.product-footer{align-items:stretch;flex-direction:column;gap:10px}.add-to-cart-btn{justify-content:center}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.products-grid{grid-template-columns:1fr}.category-btn{font-size:.85rem;padding:8px 12px}}.orders-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:24px}.orders-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.orders-summary h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.orders-count{color:#6b7280;font-size:14px}.orders-filters{align-items:center;display:flex;gap:12px}.filter-select{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.orders-list{display:flex;flex-direction:column;gap:16px}.order-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.order-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.order-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.order-id{color:#3b82f6;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:600}.order-status{border-radius:20px;font-size:12px;font-weight:500}.order-status.completed{background:#dcfce7;color:#16a34a}.order-status.confirmed{background:#dbeafe;color:#2563eb}.order-status.inprogress{background:#fef3c7;color:#d97706}.order-status.pending{background:#f3f4f6;color:#6b7280}.order-status.cancelled{background:#fee2e2;color:#dc2626}.order-details-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:16px}.order-service h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.order-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.order-technician{display:flex;flex-direction:column;gap:4px}.tech-label{color:#6b7280;font-size:12px;font-weight:500}.tech-info{align-items:center;display:flex;gap:8px}.tech-name{color:#1f2937;font-weight:500}.tech-rating{color:#f59e0b;font-size:12px}.order-meta-row{grid-gap:16px;background:#fff;border:1px solid #f3f4f6;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:12px}.order-meta-row>div{display:flex;flex-direction:column;gap:2px}.order-meta-row span:first-child{color:#6b7280;font-size:12px;font-weight:500}.order-meta-row span:last-child{color:#1f2937;font-size:14px;font-weight:500}.price-value{color:#059669!important;font-weight:600!important}.empty-orders{color:#6b7280;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-orders h3{color:#1f2937;font-weight:600;margin:0 0 8px}.empty-orders p{color:#6b7280;margin:0}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #f3f4f6;height:32px;margin-bottom:16px;width:32px}.error-container{color:#6b7280;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-container h3{font-weight:600;margin:0 0 8px}.error-container p{color:#6b7280;margin:0 0 20px}.retry-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.retry-btn:hover{background:#2563eb}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:center;margin-top:32px;padding-top:24px}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:4px}.pagination-number{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s}.pagination-number:hover{background:#f9fafb;border-color:#9ca3af}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:768px){.orders-header{align-items:stretch;flex-direction:column;gap:16px}.order-details-row{gap:12px;grid-template-columns:1fr}.order-meta-row{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.order-item,.orders-container{padding:16px}.order-header-row{align-items:flex-start;flex-direction:column;gap:8px}.order-meta-row{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.pagination-numbers{justify-content:center;order:-1;width:100%}}.personal-info-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:0 20px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.main-info-card{border-left:4px solid #3b82f6}.password-card{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:4px solid #10b981}.statistics-card{background:linear-gradient(135deg,#fefce8,#fff);border-left:4px solid #f59e0b}.card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;justify-content:space-between;padding:24px 28px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#1e293b;font-size:20px;font-weight:700;gap:8px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.card-content{padding:28px}.close-btn,.edit-btn,.password-btn,.primary-btn,.retry-btn,.save-btn{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;text-decoration:none;text-transform:none;transition:all .3s ease;white-space:nowrap}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;transform:translateY(-1px)}.edit-btn.cancel{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280}.edit-btn.cancel:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#4b5563}.password-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.password-btn:hover{transform:translateY(-1px)}.password-btn:hover,.save-btn{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.save-btn{color:#fff;font-size:16px;padding:12px 24px}.save-btn:hover{background:linear-gradient(135deg,#047857,#065f46);border-color:#047857;transform:translateY(-1px)}.edit-btn:disabled,.password-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;font-size:16px;line-height:1;padding:6px 12px}.close-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.primary-btn,.retry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;font-size:16px;padding:12px 24px}.primary-btn:hover,.retry-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;transform:translateY(-1px)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.info-section{margin-bottom:32px}.section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:18px;gap:8px;margin:0 0 20px;padding-bottom:8px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.address-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-field{display:flex;flex-direction:column;gap:8px}.info-field label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:4px}.info-value{line-height:1.5;min-height:24px;padding:12px 0}.form-input,.info-value{color:#1f2937;font-size:15px}.form-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af}.form-input:hover{border-color:#9ca3af}.status-badge{border-radius:20px;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e;color:#15803d}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#dc2626}.status-badge.verified{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1d4ed8}.status-badge.unverified{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#d97706}.address-section{border-top:2px solid #e2e8f0;margin-top:32px;padding-top:24px}.full-address{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.full-address label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.full-address-text{color:#1f2937;font-size:15px;line-height:1.5}.form-actions{border-top:2px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.password-form{max-width:500px}.password-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.password-info p{color:#1e40af;font-size:14px;line-height:1.5;margin:0}.password-form .info-field{margin-bottom:20px}.password-form .form-actions{justify-content:flex-start;margin-top:24px;padding-top:20px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.stat-item.total{border-left:4px solid #6366f1}.stat-item.completed{border-left:4px solid #10b981}.stat-item.pending{border-left:4px solid #f59e0b}.stat-item.cancelled{border-left:4px solid #ef4444}.stat-item.money{border-left:4px solid #8b5cf6}.stat-item.rating{border-left:4px solid #f59e0b}.stat-item.date{border-left:4px solid #06b6d4}.stat-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-number{color:#1e293b;font-size:24px;line-height:1.2;margin-bottom:4px}.stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.no-stats{color:#64748b;padding:60px 20px;text-align:center}.no-stats-icon{font-size:64px;margin-bottom:20px}.no-stats h4{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.no-stats p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 24px}.no-stats-actions{display:flex;gap:12px;justify-content:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon{font-size:64px;margin-bottom:20px}.error-container h3{color:#dc2626;font-size:24px;font-weight:700;margin:0 0 12px}.error-container p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 24px}@media (max-width:768px){.personal-info-container{padding:0 16px}.card-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px 24px}.header-actions{justify-content:space-between}.card-content{padding:20px}.info-grid{gap:20px}.address-grid,.info-grid,.stats-grid{grid-template-columns:1fr}.stat-item{gap:12px;text-align:center}.form-actions,.stat-item{flex-direction:column}.password-form{max-width:none}.section-title{font-size:16px}.stat-number{font-size:20px}}@media (max-width:480px){.header-actions{flex-direction:column;gap:12px}.edit-btn,.password-btn{justify-content:center;width:100%}.card-header h3{font-size:18px;text-align:center}.personal-info-container{padding:0 12px}.card-content{padding:16px}.no-stats-icon{font-size:48px}.no-stats h4{font-size:18px}.no-stats p{font-size:14px}}.close-btn:focus,.edit-btn:focus,.form-input:focus,.password-btn:focus,.primary-btn:focus,.retry-btn:focus,.save-btn:focus{outline:3px solid #3b82f6;outline-offset:2px}.edit-btn,.form-input,.info-card,.password-btn,.save-btn,.stat-item{transition:all .3s ease}.form-input:invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input:valid:not(:placeholder-shown){border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.personal-info-container::-webkit-scrollbar{width:8px}.personal-info-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.personal-info-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.personal-info-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-dashboard{background:#f8f9fa;display:flex;height:100vh}.user-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:4px 0 15px #0000001a;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative;width:280px;z-index:100}.user-sidebar-header{border-bottom:1px solid #ffffff1a;padding:25px 20px}.logo{align-items:center;display:flex;gap:12px}.logo-icon{border-radius:8px;height:32px;object-fit:contain;width:32px}.logo-text{color:#fff;font-size:1.5rem;font-weight:700}.user-main-content{background:#f8f9fa;flex:1 1;overflow-y:auto}.page-content{min-height:100vh;padding:0}.page-header{background:#fff;border-bottom:1px solid #e9ecef;margin-bottom:0;padding:30px 40px}.breadcrumb{align-items:center;color:#8898aa;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.breadcrumb-separator{color:#ccc}.breadcrumb-current{color:#5e72e4;font-weight:600}.page-title{color:#32325d;font-size:2.2rem;font-weight:700;margin:0 0 8px}.page-subtitle{color:#8898aa;font-size:1.1rem;line-height:1.5;margin:0}.dashboard-stats{grid-gap:25px;background:#f8f9fa;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:30px 40px}.stat-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-4px)}.stat-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.stat-info h3{color:#8898aa;font-size:.8rem;font-weight:600;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#32325d;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-subtitle{color:#8898aa;font-size:.9rem}.stat-icon{font-size:2.5rem;opacity:.8}.stat-change{font-size:.9rem;font-weight:600}.stat-change.positive{color:#2dce89}.stat-change.negative{color:#f5365c}.stat-change.neutral{color:#8898aa}.recent-activity{padding:0 40px 40px}.activity-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden}.activity-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 30px}.activity-header h3{color:#32325d;font-size:1.3rem;font-weight:600;margin:0}.view-all-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-all-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.activity-list{padding:0}.activity-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;padding:20px 30px;transition:background-color .3s ease}.activity-item:hover{background-color:#f8f9fa}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:50%;display:flex;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}.activity-icon.completed{background:#d4edda;color:#155724}.activity-icon.pending{background:#fff3cd;color:#856404}.activity-details{flex:1 1}.activity-title{color:#32325d;font-weight:600;margin-bottom:4px}.activity-date{color:#8898aa;font-size:.9rem}.activity-status{border-radius:15px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.activity-status.completed{background:#d4edda;color:#155724}.activity-status.pending{background:#fff3cd;color:#856404}.services-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:30px 40px}.service-card{background:#fff;border:1px solid #0000000d;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:30px;text-align:center;transition:all .3s ease}.service-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.service-icon{display:block;font-size:3rem;margin-bottom:20px}.service-card h3{color:#32325d;font-size:1.4rem;font-weight:600;margin-bottom:15px}.service-card p{color:#8898aa;line-height:1.6;margin-bottom:20px}.service-price{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:20px}.book-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.book-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.orders-table{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:30px 40px;overflow:hidden}.table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 30px}.table-header h3{color:#32325d;font-size:1.3rem;font-weight:600;margin:0}.filter-select{background:#fff;border:2px solid #e3e6f0;border-radius:20px;color:#32325d;cursor:pointer;font-weight:500;padding:8px 15px;transition:border-color .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.orders-list{padding:0}.order-item{align-items:center;border-bottom:1px solid #f8f9fa;display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1.5fr;padding:20px 30px;transition:background-color .3s ease}.order-item:hover{background-color:#f8f9fa}.order-item:last-child{border-bottom:none}.order-id{color:#667eea;font-weight:700;margin-bottom:4px}.order-service{color:#32325d;font-weight:600;margin-bottom:4px}.order-date{color:#8898aa;font-size:.9rem}.tech-name{color:#32325d;font-weight:600;margin-bottom:4px}.tech-rating{color:#f5b041;font-size:.9rem}.order-price{color:#2dce89;font-size:1.1rem;font-weight:700}.order-status{border-radius:15px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-align:center;text-transform:uppercase}.order-status.completed{background:#d4edda;color:#155724}.order-status.pending{background:#fff3cd;color:#856404}.order-actions{display:flex;gap:8px}.action-btn{background:#667eea;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px}.action-btn:hover{background:#5a67d8;transform:translateY(-1px)}.placeholder-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin:30px 40px;padding:60px 40px;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.placeholder-content h3{color:#32325d;font-size:1.5rem;margin-bottom:15px}.placeholder-content p{color:#8898aa;font-size:1.1rem;margin:0}@media (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:968px){.order-item{gap:10px;grid-template-columns:1fr;text-align:left}.order-actions{justify-content:flex-start}}@media (max-width:768px){.user-dashboard{flex-direction:column}.user-sidebar{height:auto;max-height:200px;overflow-y:auto;width:100%}.page-header{padding:20px}.page-title{font-size:1.8rem}.dashboard-stats{gap:20px}.dashboard-stats,.services-grid{grid-template-columns:1fr;padding:20px}.orders-table{margin:20px}.placeholder-content{margin:20px;padding:40px 20px}.recent-activity{padding:0 20px 20px}}@media (max-width:480px){.user-sidebar{height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;z-index:1000}.user-sidebar.open{left:0}.user-main-content{width:100%}.page-header{padding:15px}.page-title{font-size:1.6rem}.dashboard-stats,.services-grid{padding:15px}.stat-card{padding:20px}.service-card{padding:25px}.activity-item{padding:15px 20px}.table-header{align-items:stretch;flex-direction:column;gap:15px}.order-item{padding:15px 20px}}.user-info{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.user-name{color:#6b7280;font-size:.875rem;font-weight:500}.tracking-container{display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:800px;padding:20px}.actions-section,.details-section,.history-section,.status-section,.technician-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:25px}.status-header{justify-content:space-between;margin-bottom:30px}.current-status,.status-header{align-items:flex-start;display:flex}.current-status{gap:15px}.status-icon{font-size:32px}.status-info h3{color:#333;font-size:24px;font-weight:600;margin-bottom:5px}.status-info p{color:#666;margin-bottom:5px}.status-info small{color:#999;font-size:12px}.cancel-btn{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.cancel-btn:hover{background:#fecaca}.progress-container{position:relative}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden;width:100%}.progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.progress-steps{display:flex;justify-content:space-between;position:relative}.step{flex:1 1;flex-direction:column;text-align:center}.step,.step-circle{align-items:center;display:flex}.step-circle{background:#e5e7eb;border-radius:50%;font-size:16px;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.step.completed .step-circle{background:#10b981;color:#fff}.step.cancelled .step-circle{background:#ef4444;color:#fff}.step-label{color:#666;font-size:12px;font-weight:500}.step.completed .step-label{color:#10b981;font-weight:600}.details-section h3,.history-section h3,.technician-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.detail-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#666;font-weight:500;min-width:120px}.detail-item .value{color:#333;flex:1 1;text-align:right}.detail-item .value.price{color:#10b981;font-weight:600}.detail-item .value.price.actual{color:#dc2626}.technician-card{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:20px;padding:20px}.technician-avatar{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.technician-info{flex:1 1}.technician-info h4{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.technician-details{display:flex;gap:15px;margin-bottom:8px}.technician-details .rating{color:#f59e0b;font-weight:500}.technician-details .experience{color:#666;font-size:14px}.technician-info .phone{color:#6366f1;font-weight:500}.contact-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.contact-btn:hover{background:#5855eb;transform:translateY(-2px)}.history-timeline,.timeline-item{position:relative}.timeline-item{display:flex;gap:15px;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-item:not(:last-child):after{background:#e5e7eb;content:"";height:calc(100% + 5px);left:20px;position:absolute;top:40px;width:2px}.timeline-marker{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.timeline-content{flex:1 1;padding-top:5px}.timeline-status{color:#333;font-weight:600;margin-bottom:5px}.timeline-note{color:#666;font-size:14px;margin-bottom:5px}.timeline-time{color:#999;font-size:12px}.actions-section{display:flex;flex-wrap:wrap;gap:15px}.action-btn{border-radius:8px;flex:1 1;font-size:14px;min-width:140px;padding:12px 20px;transition:all .3s ease}.action-btn.primary{background:#6366f1}.action-btn.primary:hover{background:#5855eb;transform:translateY(-2px)}.action-btn.secondary{background:#f3f4f6}.action-btn.secondary:hover{background:#e5e7eb}@media (max-width:768px){.tracking-container{padding:15px}.actions-section,.details-section,.history-section,.status-section,.technician-section{padding:20px}.status-header{flex-direction:column;gap:15px}.progress-steps{flex-wrap:wrap;gap:15px;justify-content:center}.step{flex:none;min-width:80px}.detail-item{flex-direction:column;gap:5px}.detail-item .value{text-align:left}.technician-card{flex-direction:column;text-align:center}.technician-details{justify-content:center}.actions-section{flex-direction:column}.action-btn{flex:none}}@media (max-width:480px){.status-info h3{font-size:20px}.step-circle{font-size:14px;height:35px;width:35px}.step-label{font-size:11px}.technician-avatar{font-size:36px;height:60px;width:60px}.timeline-marker{font-size:14px;height:35px;width:35px}}status-icon.status-completed{color:#10b981}.status-icon.status-default{color:#6b7280}.booking-id{color:#111827;font-weight:600;margin:0}.booking-created{color:#6b7280;font-size:.875rem;margin:.125rem 0 0}.booking-badges{align-items:center;display:flex;gap:.75rem}.status-badge.status-assigned{background-color:#dbeafe;color:#1e40af}.status-badge.status-progress{background-color:#fef3c7;color:#92400e}.status-badge.status-completed{background-color:#dcfce7;color:#166534}.status-badge.status-default{background-color:#f3f4f6;color:#374151}.urgent-badge{background-color:#fee2e2;border-radius:9999px;color:#991b1b;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.booking-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.booking-section{display:flex;flex-direction:column;gap:.75rem}.address-info,.customer-info,.price-info,.service-info,.time-info{margin-bottom:.75rem}.customer-name,.customer-phone{color:#374151;font-size:.875rem;margin:0}.address-content{align-items:flex-start;display:flex;gap:.5rem}.address-icon{color:#9ca3af;flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.address-text{flex:1 1}.address-text,.service-type{color:#374151;font-size:.875rem;margin:0}.appliance-type{color:#6b7280;font-size:.875rem;margin:0}.time-slot{color:#374151;font-size:.875rem;margin:0}.estimated-price{color:#16a34a;font-size:.875rem;font-weight:600;margin:0}.actual-price{color:#6b7280;font-size:.875rem;margin:0}.description-section{margin-bottom:1rem}.description-text{background-color:#f9fafb;border-radius:.5rem;color:#374151;font-size:.875rem;margin:.25rem 0 0;padding:.75rem}.booking-actions{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.action-btn.primary{background-color:#2563eb;color:#fff}.action-btn.primary:hover{background-color:#1d4ed8}.action-btn.success{background-color:#16a34a;color:#fff}.action-btn.success:hover{background-color:#15803d}.action-btn.secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.action-btn.secondary:hover{background-color:#f9fafb}@media (max-width:768px){.dashboard-container{padding:.5rem}.dashboard-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}.profile-details,.stats-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.booking-details{grid-template-columns:1fr}.booking-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.quick-stats{grid-template-columns:1fr}.tab-nav{gap:1rem;padding:0 1rem}.tab-button{font-size:.8rem}.dashboard-title{font-size:1.25rem}.booking-header{flex-direction:column;gap:.75rem}.booking-badges{align-self:flex-start}}.action-btn,.booking-card{transition:all .2s ease}.action-btn{overflow:hidden;position:relative}.action-btn:active{transform:translateY(1px)}.status-badge{transition:all .2s ease}.text-center{text-align:center}.flex-1{flex:1 1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}dashboard-container{background-color:#f3f4f6;min-height:100vh;padding:1rem}.dashboard-content{margin:0 auto;max-width:1280px}.dashboard-header{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:1.5rem;padding:1.5rem}.header-content{align-items:center;display:flex;justify-content:space-between}.dashboard-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.dashboard-subtitle{color:#6b7280;margin:.25rem 0 0}.date-label{font-size:.875rem}.date-value{color:#111827;font-weight:600}.header-avatar{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.tab-navigation{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:1.5rem}.tab-border{border-bottom:1px solid #e5e7eb}.tab-nav{display:flex;gap:2rem;margin-bottom:-1px;padding:0 1.5rem}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:1rem .25rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{border-bottom-color:#d1d5db;color:#374151}.tab-button.active{border-bottom-color:#3b82f6;color:#2563eb}.tab-content{align-items:center;display:flex;gap:.5rem}.tab-icon{height:1rem;width:1rem}.profile-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.profile-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.avatar-container{flex-shrink:0}.avatar{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:1.875rem;font-weight:700;height:6rem;justify-content:center;width:6rem}.profile-name{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.profile-id{color:#6b7280;margin:.25rem 0 0}.rating-container{align-items:center;display:flex;margin-top:.5rem}.star-icon{fill:currentColor;color:#fbbf24;height:1.25rem;width:1.25rem}.rating-score{font-size:1.125rem;font-weight:600;margin-left:.25rem}.rating-text{color:#6b7280;margin-left:.5rem}.profile-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.profile-section{display:flex;flex-direction:column;gap:1rem}.section-title{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1.125rem;font-weight:600;margin:0;padding-bottom:.5rem}.info-item{align-items:center;display:flex;gap:.75rem}.info-icon{color:#9ca3af;flex-shrink:0;height:1.25rem;width:1.25rem}.info-content{flex:1 1}.info-label{color:#6b7280;font-size:.875rem;margin:0}.info-value{color:#111827;font-weight:500;margin:0}.career-info{margin-bottom:1rem}.career-info:last-child{margin-bottom:0}.specialties{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.specialty-tag{background-color:#dbeafe;color:#1e40af}.specialty-tag,.status-badge{border-radius:9999px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-badge{align-items:center;display:inline-flex}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-card{border-radius:.5rem;padding:1rem;text-align:center}.stat-card.stat-completed{background-color:#dbeafe}.stat-card.stat-rating{background-color:#fef3c7}.stat-card.stat-experience{background-color:#dcfce7}.stat-number{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-completed .stat-number{color:#2563eb}.stat-rating .stat-number{color:#d97706}.stat-experience .stat-number{color:#16a34a}.stat-label{color:#6b7280;font-size:.875rem}.bookings-container{display:flex;flex-direction:column;gap:1.5rem}.quick-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;padding:1rem}.quick-stat-content{align-items:center;display:flex;justify-content:space-between}.quick-stat-label{color:#6b7280;font-size:.875rem;margin:0}.quick-stat-number{font-size:1.5rem;font-weight:700;margin:0}.quick-stat-number.assigned{color:#2563eb}.quick-stat-number.progress{color:#d97706}.quick-stat-number.completed{color:#16a34a}.quick-stat-number.total{color:#111827}.quick-stat-icon{height:2rem;width:2rem}.quick-stat-icon.assigned{color:#3b82f6}.quick-stat-icon.progress{color:#f59e0b}.quick-stat-icon.completed{color:#10b981}.quick-stat-icon.total{color:#6b7280}.bookings-list{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a}.bookings-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.bookings-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.booking-items{display:flex;flex-direction:column}.booking-card{border-bottom:1px solid #e5e7eb;padding:1.5rem;transition:background-color .2s ease}.booking-card:last-child{border-bottom:none}.booking-card:hover{background-color:#f9fafb}.booking-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.booking-status-info{align-items:center;display:flex;gap:.75rem}.status-icon{height:1rem;width:1rem}.status-icon.status-assigned{color:#3b82f6}.status-icon.status-progress{color:#f59e0b}.header-profile{align-items:center;display:flex;gap:1rem}.header-date{text-align:right}.date-label{color:#6b7280;font-size:.75rem;margin:0}.date-value{color:#374151;margin:0}.date-value,.logout-btn{font-size:.875rem;font-weight:500}.logout-btn{align-items:center;background-color:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s}.logout-btn:hover{background-color:#dc2626}.logout-btn .w-4{height:1rem;width:1rem}
/*# sourceMappingURL=main.2141fa76.css.map*/