.driver-info-container[data-v-21c24600]{max-width:100%;margin:0 auto;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.profile-header[data-v-21c24600]{background:#3f51b5;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;box-shadow:0 8px 32px rgba(63,81,181,.3)}.profile-details[data-v-21c24600]{align-items:center;gap:.75rem}.avatar[data-v-21c24600]{width:4rem;height:4rem;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);margin-bottom:.5rem}.driver-name[data-v-21c24600]{font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.driver-meta[data-v-21c24600]{display:flex;gap:.5rem}.status-badge[data-v-21c24600]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.status-badge.active[data-v-21c24600]{background:#22c55e;color:#fff}.status-badge.inactive[data-v-21c24600]{background:rgba(239,68,68,.2);color:#fecaca}.status-icon[data-v-21c24600]{font-size:.75rem}.driver-id[data-v-21c24600]{font-size:.875rem;opacity:.9;font-weight:400}.info-sections[data-v-21c24600]{display:flex;flex-direction:column;gap:1rem}.info-card[data-v-21c24600]{background:#fff;border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.info-card[data-v-21c24600]:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.card-header[data-v-21c24600]{background:#3f51b5;color:#fff;padding:1rem;display:flex;align-items:center;gap:.75rem}.card-header i[data-v-21c24600]{font-size:1.25rem}.card-header h3[data-v-21c24600]{margin:0;font-size:1.125rem;font-weight:600}.card-content[data-v-21c24600]{padding:1.5rem}.info-row[data-v-21c24600]{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid #f1f5f9}.info-row[data-v-21c24600]:last-child{border-bottom:none}.info-row i[data-v-21c24600]{color:#3f51b5;font-size:1.25rem;width:1.5rem;text-align:center}.info-details[data-v-21c24600]{flex:1;display:flex;flex-direction:column;gap:.25rem}.label[data-v-21c24600]{font-size:.875rem;color:#64748b;font-weight:500}.value[data-v-21c24600]{font-size:1rem;color:#1e293b;font-weight:500}.address-block[data-v-21c24600]{display:flex;flex-direction:column;gap:.5rem}.address-line[data-v-21c24600]{margin:0;color:#1e293b;font-size:1rem;line-height:1.5}.timeline[data-v-21c24600]{position:relative}.timeline-item[data-v-21c24600]{display:flex;gap:1rem;margin-bottom:1.5rem}.timeline-item[data-v-21c24600]:last-child{margin-bottom:0}.timeline-indicator[data-v-21c24600]{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot[data-v-21c24600]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.timeline-dot.active[data-v-21c24600]{background:#22c55e;color:#fff}.timeline-dot.inactive[data-v-21c24600]{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b}.timeline-line[data-v-21c24600]{width:2px;height:2rem;background:linear-gradient(180deg,#e2e8f0 0,#cbd5e1);margin-top:.5rem}.timeline-content[data-v-21c24600]{flex:1;background:#f8fafc;border-radius:.5rem;padding:1rem;border-left:3px solid #3f51b5}.period-header[data-v-21c24600]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.period-dates[data-v-21c24600]{font-weight:600;color:#1e293b;font-size:.95rem}.period-duration[data-v-21c24600]{font-size:.875rem;color:#3f51b5;font-weight:500;background:rgba(63,81,181,.1);padding:.25rem .5rem;border-radius:.375rem;display:inline-block}.period-reason[data-v-21c24600]{font-size:.875rem;color:#64748b;font-style:italic}@media (min-width:640px){.driver-info-container[data-v-21c24600]{padding:2rem;max-width:42rem}.profile-header[data-v-21c24600]{padding:2rem}.profile-details[data-v-21c24600]{flex-direction:row;align-items:center;text-align:left;gap:1.5rem}.avatar[data-v-21c24600]{margin-bottom:0}.driver-meta[data-v-21c24600]{flex-direction:row;gap:1rem}.info-sections[data-v-21c24600]{gap:1.5rem}.card-content[data-v-21c24600]{padding:2rem}.period-header[data-v-21c24600]{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:768px){.driver-info-container[data-v-21c24600]{max-width:48rem}.info-sections[data-v-21c24600]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.timeline-card[data-v-21c24600]{grid-column:1/-1}}.info-card[data-v-21c24600]{animation:fadeInUp-21c24600 .6s ease-out}.info-card[data-v-21c24600]:first-child{animation-delay:.1s}.info-card[data-v-21c24600]:nth-child(2){animation-delay:.2s}.info-card[data-v-21c24600]:nth-child(3){animation-delay:.3s}.info-card[data-v-21c24600]:nth-child(4){animation-delay:.4s}@keyframes fadeInUp-21c24600{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.text-center[data-v-21c24600]{text-align:center}.font-medium[data-v-21c24600]{font-weight:500}.text-sm[data-v-21c24600]{font-size:.875rem}.action-buttons[data-v-21c24600]{display:flex;gap:12px;margin-bottom:20px;justify-content:flex-end}.btn-cancel[data-v-21c24600],.btn-edit[data-v-21c24600],.btn-save[data-v-21c24600]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-edit[data-v-21c24600]{background-color:#4caf50;color:#fff}.btn-edit[data-v-21c24600]:hover{background-color:#45a049}.btn-save[data-v-21c24600]{background-color:#2196f3;color:#fff}.btn-save[data-v-21c24600]:hover:not(:disabled){background-color:#0b7dda}.btn-save[data-v-21c24600]:disabled{opacity:.6;cursor:not-allowed}.btn-cancel[data-v-21c24600]{background-color:#f44336;color:#fff}.btn-cancel[data-v-21c24600]:hover{background-color:#da190b}.edit-input[data-v-21c24600]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.edit-input[data-v-21c24600]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}.address-row[data-v-21c24600]{display:flex;gap:10px;margin:10px 0}.address-block input[data-v-21c24600]{margin-bottom:10px}.address-block input[data-v-21c24600]:last-child{margin-bottom:0}