.modal-overlay[data-v-821ea3f9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-821ea3f9]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-821ea3f9]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-821ea3f9]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.close-btn[data-v-821ea3f9]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn[data-v-821ea3f9]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-821ea3f9]{padding:24px;overflow-y:auto}.setting-section[data-v-821ea3f9]{margin-bottom:24px}.setting-section[data-v-821ea3f9]:last-child{margin-bottom:0}.section-title[data-v-821ea3f9]{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.garage-selector-wrapper[data-v-821ea3f9]{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.loading[data-v-821ea3f9],.error[data-v-821ea3f9]{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:14px}.retry-btn[data-v-821ea3f9]{background:#5381e2;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .3s}.retry-btn[data-v-821ea3f9]:hover{background:#4070d1}.selector-content[data-v-821ea3f9]{display:flex;flex-direction:column;gap:12px}.garage-select[data-v-821ea3f9]{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.garage-select[data-v-821ea3f9]:hover{border-color:#5381e2}.garage-select[data-v-821ea3f9]:focus{outline:none;border-color:#5381e2;box-shadow:0 0 0 3px #5381e21a}.garage-select[data-v-821ea3f9]:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.selected-info[data-v-821ea3f9]{font-size:14px;color:#6b7280;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.selected-info strong[data-v-821ea3f9]{color:#1f2937;font-weight:600}.divider[data-v-821ea3f9]{height:1px;background:#e5e7eb;margin:24px 0}.logout-btn[data-v-821ea3f9]{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn[data-v-821ea3f9]:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.logout-btn[data-v-821ea3f9]:active{transform:translateY(0)}.btn-icon[data-v-821ea3f9]{font-size:18px}.modal-enter-active[data-v-821ea3f9],.modal-leave-active[data-v-821ea3f9]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-821ea3f9],.modal-leave-active .modal-container[data-v-821ea3f9]{transition:transform .3s ease}.modal-enter-from[data-v-821ea3f9],.modal-leave-to[data-v-821ea3f9]{opacity:0}.modal-enter-from .modal-container[data-v-821ea3f9],.modal-leave-to .modal-container[data-v-821ea3f9]{transform:scale(.9)}@media (max-width: 640px){.modal-container[data-v-821ea3f9]{max-width:100%;margin:0 16px}.modal-header[data-v-821ea3f9]{padding:16px 20px}.modal-body[data-v-821ea3f9]{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;display:flex;flex-direction:column}.main-nav{background:linear-gradient(135deg,#5381e2,#6d83ef);color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:20px}.nav-brand h1{font-size:1.3rem;font-weight:600;padding:16px 0;white-space:nowrap}.nav-links{display:flex;gap:8px;flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:6px;padding:6px 12px;color:#fff;text-decoration:none;border-radius:6px;transition:background .3s;font-size:15px;white-space:nowrap}.nav-link:hover{background:#ffffff1a}.nav-link.router-link-active{background:#fff3;font-weight:600}.nav-icon{font-size:18px}.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.user-info{display:flex;align-items:center;gap:12px}.username{font-size:14px;color:#fff}.garage-name{font-size:14px;color:#fff;padding:4px 12px;background:#ffffff26;border-radius:4px;font-weight:500}.settings-btn{padding:2px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:18px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:#fff3;transform:rotate(90deg)}.main-container{flex:1;overflow:hidden}@media (max-width: 1024px){.nav-brand h1{font-size:1.1rem}.nav-link{padding:10px 16px;font-size:14px}}@media (max-width: 768px){.main-nav{flex-wrap:wrap;padding:12px 16px;gap:12px}.nav-brand{width:100%}.nav-brand h1{font-size:1.1rem;padding:8px 0}.nav-links{flex:1;justify-content:flex-start}.nav-link{padding:8px 12px;font-size:14px}.nav-icon{font-size:16px}.nav-right{width:100%;justify-content:space-between}}@media (max-width: 480px){.nav-link span:not(.nav-icon){display:none}.nav-link{padding:8px}.username{display:none}}