[data-v-d1f4f2f2]{box-sizing:border-box;font-family:Lato,sans-serif;padding:0;margin:0}.job-management[data-v-d1f4f2f2]{min-height:100vh;width:80%}.main-content[data-v-d1f4f2f2]{width:100%;background:#fff;max-width:none;padding:32px 40px;border-radius:24px;margin-left:80px}.page-title[data-v-d1f4f2f2]{font-size:28px;font-weight:600;margin-bottom:32px;color:#1a1a1a}.tab-navigation[data-v-d1f4f2f2]{display:flex;border-bottom:2px solid #e9eaeb;margin-bottom:32px;overflow-x:auto}.tab-button[data-v-d1f4f2f2]{background:none;border:none;padding:10px 5px;margin-right:48px;font-size:16px;color:#555c74;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:8px;font-weight:600}.tab-button.active[data-v-d1f4f2f2]{color:#0033ea;border-bottom-color:#0033ea;font-weight:500}.tab-count[data-v-d1f4f2f2]{color:#555c74;border:1px solid #e9eaeb;background:#fafafa;padding:4px 8px;border-radius:12px;font-size:14px;min-width:20px;text-align:center;font-weight:500!important}.tab-button.active[data-v-d1f4f2f2],.tab-count.active[data-v-d1f4f2f2]{color:#0033ea!important;font-weight:600}.tab-content[data-v-d1f4f2f2]{display:flex;flex-direction:column;gap:20px;width:100%}.job-card[data-v-d1f4f2f2]{background:#fff;border-radius:12px;padding:24px;border:1px solid #e9eaeb}.job-header[data-v-d1f4f2f2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.job-info[data-v-d1f4f2f2]{flex:1}.job-title[data-v-d1f4f2f2]{font-size:16px;font-weight:500;margin-bottom:6px;color:#1a1a1a}.job-date[data-v-d1f4f2f2]{font-size:14px;color:#6b7280;margin-bottom:4px}.rating-info[data-v-d1f4f2f2]{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:4px;margin-top:4px}.details-toggle[data-v-d1f4f2f2]{background:none;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;font-family:Lato,sans-serif;padding:4px 8px}.chevron[data-v-d1f4f2f2]{transition:transform .2s ease;font-size:12px}.chevron.expanded[data-v-d1f4f2f2]{transform:rotate(180deg)}.job-actions[data-v-d1f4f2f2]{display:flex;gap:12px;margin-bottom:16px}.btn[data-v-d1f4f2f2]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.btn-primary[data-v-d1f4f2f2]{background-color:#0033ea;color:#fff;border-color:#0033ea}.btn-secondary[data-v-d1f4f2f2]{background-color:#fff;color:#4b526a;border-color:#d5d7da}.btn-outline[data-v-d1f4f2f2]{background-color:transparent;color:#4b526a}.job-details[data-v-d1f4f2f2]{margin-top:20px;padding-top:20px;border-top:1px solid #fff}.customer-profile[data-v-d1f4f2f2]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.avatar[data-v-d1f4f2f2]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.customer-info[data-v-d1f4f2f2]{flex:1}.customer-name[data-v-d1f4f2f2]{font-weight:600;margin-bottom:6px;color:#1a1a1a;font-size:16px}.rating[data-v-d1f4f2f2]{display:flex;align-items:center;gap:2px}.star[data-v-d1f4f2f2]{color:#d1d5db;font-size:16px}.star.filled[data-v-d1f4f2f2]{color:#fbbf24}.star.small[data-v-d1f4f2f2]{font-size:12px}.rating-value[data-v-d1f4f2f2]{font-size:14px;color:#6b7280;margin-left:6px;font-weight:500}.detail-tabs[data-v-d1f4f2f2]{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.detail-tab[data-v-d1f4f2f2]{background:none;border:none;padding:12px 0;margin-right:32px;font-size:14px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;font-family:Lato,sans-serif;font-weight:500}.detail-tab.active[data-v-d1f4f2f2]{color:#0033ea;border-bottom-color:#0033ea}.job-description[data-v-d1f4f2f2]{color:#6b7280;line-height:1.6;margin-bottom:20px;font-size:14px}.see-more[data-v-d1f4f2f2]{color:#0033ea;cursor:pointer;font-weight:500}.detail-grid[data-v-d1f4f2f2]{display:grid;gap:16px}.detail-row[data-v-d1f4f2f2]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:8px 0}.detail-label[data-v-d1f4f2f2]{font-size:14px;color:#6b7280;font-weight:400}.detail-value[data-v-d1f4f2f2]{font-size:14px;font-weight:500;color:#1a1a1a}.image-grid[data-v-d1f4f2f2]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.job-image[data-v-d1f4f2f2]{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px}@media (max-width:1024px){.main-content[data-v-d1f4f2f2]{padding:24px 32px}}@media (max-width:768px){.main-content[data-v-d1f4f2f2]{padding:20px 24px;width:100%;margin-left:0;margin-top:20px}.job-management[data-v-d1f4f2f2]{width:100%}.page-title[data-v-d1f4f2f2]{font-size:24px;margin-bottom:24px}.tab-button[data-v-d1f4f2f2]{margin-right:32px;font-size:14px}.job-header[data-v-d1f4f2f2]{flex-direction:column;gap:12px}.details-toggle[data-v-d1f4f2f2]{align-self:flex-end}.job-actions[data-v-d1f4f2f2]{flex-direction:column}.btn[data-v-d1f4f2f2]{width:100%;justify-content:center}.detail-row[data-v-d1f4f2f2]{grid-template-columns:1fr;gap:4px}.customer-profile[data-v-d1f4f2f2]{flex-direction:column;align-items:flex-start;text-align:center}.image-grid[data-v-d1f4f2f2]{grid-template-columns:1fr}}@media (max-width:480px){.main-content[data-v-d1f4f2f2]{padding:16px 20px}.job-card[data-v-d1f4f2f2]{padding:20px}.tab-navigation[data-v-d1f4f2f2]{margin-bottom:20px}.tab-button[data-v-d1f4f2f2]{margin-right:24px;padding:12px 0}}