.marker-info{padding:8px 0;max-width:250px}.marker-info h3{margin:0 0 8px;font-size:16px;color:#06c}.marker-info p{margin:4px 0;font-size:14px;color:#333}.view-link{display:inline-block;margin-top:8px;color:#06c;text-decoration:none;font-weight:700;font-size:14px}.view-link:hover{text-decoration:underline}.login-container[data-v-3bd70f18]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.login-card[data-v-3bd70f18]{width:100%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:32px}.login-header[data-v-3bd70f18]{text-align:center;margin-bottom:24px}.login-title[data-v-3bd70f18]{font-size:24px;font-weight:700;margin-bottom:8px}.login-subtitle[data-v-3bd70f18]{color:#666;font-size:14px}.login-form[data-v-3bd70f18]{margin-bottom:24px}.error-alert[data-v-3bd70f18]{background-color:#fee;color:#d9534f;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.form-group[data-v-3bd70f18]{margin-bottom:16px}.form-group label[data-v-3bd70f18]{display:block;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input[data-v-3bd70f18]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-options[data-v-3bd70f18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px}.remember-me[data-v-3bd70f18]{display:flex;align-items:center;cursor:pointer}.remember-me input[data-v-3bd70f18]{margin-right:8px}.forgot-password[data-v-3bd70f18]{color:#06c;text-decoration:none}.login-button[data-v-3bd70f18]{width:100%;padding:12px;background-color:#06c;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer}.login-button[data-v-3bd70f18]:disabled{opacity:.7;cursor:not-allowed}.login-footer[data-v-3bd70f18]{text-align:center;font-size:14px}.login-footer a[data-v-3bd70f18]{color:#06c;text-decoration:none;font-weight:500}.signup-container[data-v-283ed0ea]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.signup-card[data-v-283ed0ea]{width:100%;max-width:500px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:32px}.signup-header[data-v-283ed0ea]{text-align:center;margin-bottom:24px}.signup-title[data-v-283ed0ea]{font-size:24px;font-weight:700;margin-bottom:8px}.signup-subtitle[data-v-283ed0ea]{color:#666;font-size:14px}.signup-form[data-v-283ed0ea]{margin-bottom:24px}.error-alert[data-v-283ed0ea]{background-color:#fee;color:#d9534f;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.success-alert[data-v-283ed0ea]{background-color:#eef7ee;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px;border:1px solid #4caf50}.form-group[data-v-283ed0ea]{margin-bottom:16px}.form-group label[data-v-283ed0ea]{display:block;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input[type=text][data-v-283ed0ea],.form-group input[type=email][data-v-283ed0ea],.form-group input[type=password][data-v-283ed0ea]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.checkbox-label[data-v-283ed0ea]{display:flex;align-items:flex-start;cursor:pointer;font-size:14px}.checkbox-label input[data-v-283ed0ea]{margin-right:8px;margin-top:3px}.error-text[data-v-283ed0ea]{color:#d9534f;font-size:12px;margin-top:4px}.signup-button[data-v-283ed0ea]{width:100%;padding:12px;background-color:#06c;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.signup-button[data-v-283ed0ea]:disabled{opacity:.7;cursor:not-allowed}.signup-footer[data-v-283ed0ea]{text-align:center;font-size:14px}.signup-footer a[data-v-283ed0ea]{color:#06c;text-decoration:none;font-weight:500}.verify-container[data-v-a04073db]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.verify-card[data-v-a04073db]{width:100%;max-width:500px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:32px;text-align:center}.verify-header[data-v-a04073db]{margin-bottom:24px}.verify-title[data-v-a04073db]{font-size:24px;font-weight:700;margin-bottom:8px}.verify-content[data-v-a04073db]{display:flex;flex-direction:column;align-items:center}.loading-message[data-v-a04073db]{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner[data-v-a04073db]{width:40px;height:40px;border:4px solid #f0f0f0;border-left:4px solid #0066cc;border-radius:50%;animation:spin-a04073db 1s linear infinite}@keyframes spin-a04073db{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message[data-v-a04073db],.error-message[data-v-a04073db],.info-message[data-v-a04073db]{display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon[data-v-a04073db],.error-icon[data-v-a04073db]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.success-icon[data-v-a04073db]{background-color:#4caf50}.error-icon[data-v-a04073db]{background-color:#f44336}.action-button[data-v-a04073db]{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.action-button.success[data-v-a04073db]{background-color:#4caf50;color:#fff}.action-button.success[data-v-a04073db]:hover{background-color:#45a049}.action-button[data-v-a04073db]:not(.success):not(.secondary){background-color:#06c;color:#fff}.action-button[data-v-a04073db]:not(.success):not(.secondary):hover{background-color:#0052a3}.action-button.secondary[data-v-a04073db]{background-color:#f0f0f0;color:#333}.action-button.secondary[data-v-a04073db]:hover{background-color:#e0e0e0}.action-button[data-v-a04073db]:disabled{opacity:.7;cursor:not-allowed}.action-buttons[data-v-a04073db]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}h2[data-v-a04073db]{font-size:20px;margin:0}p[data-v-a04073db]{margin:0;color:#666;line-height:1.5}.dashboard-container[data-v-7a6748b4]{padding:20px;max-width:1200px;margin:0 auto}.dashboard-title[data-v-7a6748b4]{font-size:28px;margin-bottom:24px}.dashboard-cards[data-v-7a6748b4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.dashboard-card[data-v-7a6748b4]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.dashboard-card h2[data-v-7a6748b4]{font-size:18px;margin-bottom:10px}.dashboard-card p[data-v-7a6748b4]{color:#666;margin-bottom:20px}.card-action-btn[data-v-7a6748b4]{display:inline-block;background-color:#06c;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;border:none;cursor:pointer;font-size:14px}.recent-trips h2[data-v-7a6748b4]{font-size:24px;margin-bottom:20px}.trips-grid[data-v-7a6748b4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.trip-card[data-v-7a6748b4]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.trip-image[data-v-7a6748b4]{height:160px;background-size:cover;background-position:center;position:relative}.no-image[data-v-7a6748b4]{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f0f0f0;color:#999}.trip-info[data-v-7a6748b4]{padding:16px}.trip-title[data-v-7a6748b4]{font-size:16px;font-weight:700;margin-bottom:10px}.trip-details[data-v-7a6748b4]{display:flex;font-size:14px;color:#666;margin-bottom:12px}.trip-distance[data-v-7a6748b4]{margin-right:12px}.view-trip-btn[data-v-7a6748b4]{display:inline-block;background-color:#f2f2f2;color:#333;padding:6px 12px;border-radius:4px;text-decoration:none;font-size:14px}.view-trip-btn[data-v-7a6748b4]:hover{background-color:#e0e0e0}.no-trips[data-v-7a6748b4]{text-align:center;padding:40px 0}.no-trips p[data-v-7a6748b4]{margin-bottom:20px;color:#666}.create-trip-btn[data-v-7a6748b4]{display:inline-block;background-color:#06c;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:16px}@media (max-width: 768px){.dashboard-cards[data-v-7a6748b4],.trips-grid[data-v-7a6748b4]{grid-template-columns:1fr}}.drive-detail-container[data-v-643e96c8]{padding:20px;max-width:1200px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.back-button-container[data-v-643e96c8]{margin-bottom:20px}.back-button[data-v-643e96c8]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.back-button[data-v-643e96c8]:hover{background-color:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.back-button[data-v-643e96c8]:active{transform:translateY(0);transition:all .1s}.back-icon[data-v-643e96c8]{width:18px;height:18px;transition:transform .2s ease}.back-button:hover .back-icon[data-v-643e96c8]{transform:translate(-2px)}.loading-container[data-v-643e96c8],.error-container[data-v-643e96c8],.not-found-container[data-v-643e96c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0;text-align:center}.loader[data-v-643e96c8]{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin-643e96c8 1s linear infinite;margin-bottom:20px}@keyframes spin-643e96c8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-643e96c8]{color:#dc3545;margin-bottom:20px}.retry-button[data-v-643e96c8],.back-home-link[data-v-643e96c8]{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:4px;border:none;cursor:pointer;text-decoration:none;display:inline-block}.retry-button[data-v-643e96c8]:hover,.back-home-link[data-v-643e96c8]:hover{background-color:#0056b3}.drive-info-card[data-v-643e96c8]{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.section-title[data-v-643e96c8]{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.drive-info-content[data-v-643e96c8]{display:flex;flex-direction:column;gap:20px}.drive-info-main[data-v-643e96c8]{display:flex;gap:20px;align-items:flex-start}.drive-details-and-metrics[data-v-643e96c8]{display:flex;flex:1;gap:20px}.drive-thumbnail[data-v-643e96c8]{width:500px;height:350px}.thumbnail-image[data-v-643e96c8]{width:100%;height:100%;object-fit:cover;border-radius:4px}.no-image[data-v-643e96c8]{width:100%;height:100%;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:14px}.drive-details-grid[data-v-643e96c8]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-group[data-v-643e96c8]{display:flex;flex-direction:column;gap:12px}.detail-item[data-v-643e96c8]{display:flex;flex-direction:column;gap:4px}.detail-item label[data-v-643e96c8]{font-size:12px;color:#666;font-weight:500}.detail-item span[data-v-643e96c8]{font-size:14px;color:#333}.description-content[data-v-643e96c8]{font-size:14px;color:#333;line-height:1.5;padding:8px}.description-content p[data-v-643e96c8]{margin-bottom:8px}.description-content p[data-v-643e96c8]:last-child{margin-bottom:0}.description-content strong[data-v-643e96c8]{font-weight:600}.description-content ul[data-v-643e96c8],.description-content ol[data-v-643e96c8]{margin:8px 0;padding-left:20px}.description-content li[data-v-643e96c8]{margin-bottom:4px}.no-description[data-v-643e96c8]{font-size:14px;color:#666;font-style:italic}.drive-metrics[data-v-643e96c8]{display:flex;flex-direction:column;gap:12px;min-width:120px}.metric-item[data-v-643e96c8]{display:flex;flex-direction:column;gap:4px}.metric-item label[data-v-643e96c8]{font-size:12px;color:#666;font-weight:500}.metric-value[data-v-643e96c8]{font-size:16px;font-weight:600;color:#333}.map-section[data-v-643e96c8]{background:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.map-header[data-v-643e96c8]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.map-controls[data-v-643e96c8]{display:flex;gap:0;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.map-toggle-btn[data-v-643e96c8]{padding:8px 16px;border:none;background-color:#fff;color:#666;cursor:pointer;font-size:14px;transition:all .2s}.map-toggle-btn.active[data-v-643e96c8]{background-color:#007bff;color:#fff}.map-toggle-btn[data-v-643e96c8]:hover:not(.active){background-color:#f8f9fa}.map-actions[data-v-643e96c8]{display:flex;gap:10px}.action-btn[data-v-643e96c8]{padding:8px 16px;border:1px solid #dee2e6;background-color:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.action-btn[data-v-643e96c8]:hover{background-color:#f8f9fa;border-color:#adb5bd}.action-btn.primary[data-v-643e96c8]{background-color:#007bff;color:#fff;border-color:#007bff}.action-btn.primary[data-v-643e96c8]:hover{background-color:#0056b3;border-color:#0056b3}.map-container[data-v-643e96c8]{height:400px}.map[data-v-643e96c8]{width:100%;height:100%}.waypoints-section[data-v-643e96c8]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.waypoints-list[data-v-643e96c8]{display:flex;flex-direction:column;gap:0}.waypoint-item[data-v-643e96c8]{display:flex;align-items:center;padding:15px 0 15px 15px;border-bottom:1px solid #e9ecef;position:relative;cursor:pointer;transition:background-color .2s ease}.waypoint-item[data-v-643e96c8]:hover,.waypoint-item-hovered[data-v-643e96c8]{background-color:#f8f9fa}.waypoint-item[data-v-643e96c8]:last-child{border-bottom:none}.waypoint-number[data-v-643e96c8]{width:32px;height:32px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;margin-right:15px;background-color:#fff;flex-shrink:0;text-align:center;line-height:1}.waypoint-info[data-v-643e96c8]{flex:1}.waypoint-name[data-v-643e96c8]{margin:0 0 6px;font-size:16px;font-weight:500;color:#333;line-height:1.3}.waypoint-details[data-v-643e96c8]{display:flex;gap:15px;flex-wrap:wrap}.waypoint-city[data-v-643e96c8],.waypoint-elevation[data-v-643e96c8]{display:flex;align-items:center;gap:4px;font-size:13px;color:#666}.city-icon[data-v-643e96c8],.elevation-icon[data-v-643e96c8]{font-size:12px}.waypoint-segment-connector[data-v-643e96c8]{display:flex;align-items:center;padding:8px 0 8px 46px;margin-left:0}.segment-line[data-v-643e96c8]{width:2px;background-color:#e9ecef;margin-right:15px;flex-shrink:0}.segment-info[data-v-643e96c8]{display:flex;font-size:12px;color:#666;flex-direction:row}.segment-distance[data-v-643e96c8],.segment-duration[data-v-643e96c8]{display:flex;align-items:center;gap:12px;margin-left:10px}.distance-icon[data-v-643e96c8],.duration-icon[data-v-643e96c8]{font-size:11px;opacity:.8}.drive-actions-section[data-v-643e96c8]{margin:20px 0 0;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.action-buttons-row[data-v-643e96c8]{display:flex;gap:12px}.action-buttons-row .action-btn[data-v-643e96c8]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px solid;border-radius:8px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;text-decoration:none;min-height:50px}.action-buttons-row .action-btn[data-v-643e96c8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-buttons-row .action-btn[data-v-643e96c8]:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-buttons-row .completion-btn[data-v-643e96c8]{color:#28a745;border-color:#28a745}.action-buttons-row .completion-btn.completed[data-v-643e96c8]{background:#28a745;color:#fff;border-color:#28a745}.action-buttons-row .completion-btn[data-v-643e96c8]:not(.completed):hover{background:#e6ffe6;border-color:#1e7e34;color:#1e7e34}.action-buttons-row .completion-btn.completed[data-v-643e96c8]:hover{background:#1e7e34;border-color:#1e7e34}.action-buttons-row .favorite-btn[data-v-643e96c8]{color:#dc3545;border-color:#dc3545}.action-buttons-row .favorite-btn.favorited[data-v-643e96c8]{background:#dc3545;color:#fff;border-color:#dc3545}.action-buttons-row .favorite-btn[data-v-643e96c8]:not(.favorited):hover{background:#ffe6e6;border-color:#c82333;color:#c82333}.action-buttons-row .favorite-btn.favorited[data-v-643e96c8]:hover{background:#c82333;border-color:#c82333}.action-text[data-v-643e96c8]{font-size:14px;font-weight:600}.checkbox-circle[data-v-643e96c8]{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.completion-btn.completed .checkbox-circle[data-v-643e96c8]{background:#fff;border-color:currentColor}.check-icon[data-v-643e96c8]{width:12px;height:12px;opacity:0;transition:opacity .2s ease;stroke:#28a745}.completion-btn.completed .check-icon[data-v-643e96c8]{opacity:1}.heart-icon[data-v-643e96c8]{width:18px;height:18px;transition:all .2s}.favorite-btn.favorited .heart-icon[data-v-643e96c8]{transform:scale(1.1)}.completion-btn.completed[data-v-643e96c8]{animation:checkmark-bounce-643e96c8 .3s ease-out}.favorite-btn.favorited[data-v-643e96c8]{animation:heart-beat-643e96c8 .3s ease-out}@keyframes checkmark-bounce-643e96c8{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heart-beat-643e96c8{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.navigation-actions-section[data-v-643e96c8]{margin:20px 0 0;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.navigation-buttons-row[data-v-643e96c8]{display:flex;gap:16px}.customize-btn[data-v-643e96c8]{color:#ff6b35;border-color:#ff6b35;background:linear-gradient(135deg,#fff,#fff8f6)}.customize-btn[data-v-643e96c8]:not(:disabled):hover{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;border-color:#ff6b35}.navigation-text[data-v-643e96c8]{font-size:15px;font-weight:600}.navigation-btn[data-v-643e96c8]:active:not(:disabled){transform:translateY(-1px);transition:all .1s}@media (max-width: 768px){.drive-detail-container[data-v-643e96c8]{padding:10px}.back-button-container[data-v-643e96c8]{margin-bottom:15px}.back-button[data-v-643e96c8]{padding:12px 16px;font-size:15px}.back-icon[data-v-643e96c8]{width:20px;height:20px}.drive-info-main[data-v-643e96c8],.drive-details-and-metrics[data-v-643e96c8]{flex-direction:column;gap:15px}.drive-details-grid[data-v-643e96c8]{grid-template-columns:1fr;gap:15px}.drive-thumbnail[data-v-643e96c8]{width:100%;height:300px}.map-header[data-v-643e96c8]{flex-direction:column;gap:15px;align-items:stretch}.map-actions[data-v-643e96c8]{justify-content:center;flex-wrap:wrap}.action-btn[data-v-643e96c8]{flex:1;min-width:120px}.waypoint-details[data-v-643e96c8]{gap:10px}.waypoint-item[data-v-643e96c8]{padding:15px 0 15px 10px}.waypoint-segment-connector[data-v-643e96c8]{padding:8px 0 8px 16px}.segment-info[data-v-643e96c8]{gap:15px;font-size:11px}.action-buttons-row[data-v-643e96c8]{flex-direction:column;gap:8px}.action-buttons-row .action-btn[data-v-643e96c8]{padding:12px 16px;font-size:14px;min-height:44px}.action-text[data-v-643e96c8]{font-size:13px}.checkbox-circle[data-v-643e96c8]{width:18px;height:18px}.heart-icon[data-v-643e96c8]{width:16px;height:16px}.check-icon[data-v-643e96c8]{width:10px;height:10px}.navigation-actions-section[data-v-643e96c8]{margin:15px 0 0;padding:16px}.navigation-buttons-row[data-v-643e96c8]{flex-direction:column;gap:12px}.navigation-btn[data-v-643e96c8]{padding:16px 20px;font-size:15px;min-height:54px;gap:10px}.navigation-text[data-v-643e96c8]{font-size:14px}.maps-icon[data-v-643e96c8],.customize-icon[data-v-643e96c8]{width:22px;height:22px}}.drive-status-alert[data-v-643e96c8]{margin-bottom:20px;padding:16px 20px;border-radius:8px;border:1px solid;background-color:#fff;box-shadow:0 2px 4px #0000000d}.drive-status-alert.alert-caution[data-v-643e96c8]{background-color:#fff8e1;border-color:#ffcc02;color:#8a6914}.drive-status-alert.alert-closed[data-v-643e96c8]{background-color:#ffebee;border-color:#ef5350;color:#c62828}.status-alert-content[data-v-643e96c8]{display:flex;align-items:flex-start;gap:12px}.status-alert-content .alert-icon[data-v-643e96c8]{font-size:24px;line-height:1;flex-shrink:0;margin-top:2px}.alert-text[data-v-643e96c8]{flex:1;display:flex;flex-direction:column;gap:6px}.alert-text strong[data-v-643e96c8]{font-size:16px;font-weight:700;line-height:1.2}.alert-message[data-v-643e96c8]{font-size:14px;line-height:1.4;opacity:.9;font-weight:500}@media (max-width: 768px){.drive-status-alert[data-v-643e96c8]{padding:12px 16px;margin-bottom:16px}.status-alert-content .alert-icon[data-v-643e96c8]{font-size:20px}.alert-text strong[data-v-643e96c8]{font-size:15px}.alert-message[data-v-643e96c8]{font-size:13px}}.settings-container[data-v-f5efd3a4]{max-width:1000px;margin:0 auto;padding:20px}.page-title[data-v-f5efd3a4]{font-size:28px;margin-bottom:24px}.settings-cards[data-v-f5efd3a4]{display:grid;grid-template-columns:1fr;gap:20px}.settings-card[data-v-f5efd3a4]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.section-title[data-v-f5efd3a4]{font-size:20px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.settings-option[data-v-f5efd3a4]{margin-bottom:30px}.settings-option h3[data-v-f5efd3a4]{font-size:18px;margin-bottom:5px}.option-description[data-v-f5efd3a4]{color:#666;font-size:14px;margin-bottom:15px}.map-style-options[data-v-f5efd3a4]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.style-option[data-v-f5efd3a4]{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;cursor:pointer;text-align:center}.style-option.active[data-v-f5efd3a4]{background-color:#06c;color:#fff;border-color:#06c}.unit-options[data-v-f5efd3a4],.notification-options[data-v-f5efd3a4],.privacy-options[data-v-f5efd3a4]{display:flex;flex-direction:column;gap:10px}.radio-option[data-v-f5efd3a4],.checkbox-option[data-v-f5efd3a4]{display:flex;align-items:center;cursor:pointer}.radio-option input[data-v-f5efd3a4],.checkbox-option input[data-v-f5efd3a4]{margin-right:10px}.action-button[data-v-f5efd3a4]{background-color:#06c;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer}.delete-button[data-v-f5efd3a4]{background-color:#f5f5f5;color:#d9534f;border:1px solid #d9534f;border-radius:4px;padding:10px 15px;cursor:pointer}.danger-zone[data-v-f5efd3a4]{border-top:1px dashed #eee;padding-top:20px}.danger-text[data-v-f5efd3a4]{color:#d9534f}.success-notification[data-v-f5efd3a4]{position:fixed;bottom:20px;right:20px;padding:15px 20px;background-color:#dff0d8;color:#3c763d;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000;animation:fadeIn-f5efd3a4 .3s,fadeOut-f5efd3a4 .3s 2.7s}@keyframes fadeIn-f5efd3a4{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-f5efd3a4{0%{opacity:1}to{opacity:0}}.delete-modal[data-v-f5efd3a4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-f5efd3a4]{background-color:#fff;border-radius:8px;padding:30px;max-width:500px;width:90%}.modal-content h2[data-v-f5efd3a4]{font-size:24px;margin-bottom:15px;color:#d9534f}.modal-content p[data-v-f5efd3a4],.confirmation-form[data-v-f5efd3a4]{margin-bottom:20px}.form-group[data-v-f5efd3a4]{margin-bottom:15px}.form-group label[data-v-f5efd3a4]{display:block;margin-bottom:5px;font-weight:500}.form-group input[data-v-f5efd3a4]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}.modal-actions[data-v-f5efd3a4]{display:flex;justify-content:flex-end;gap:10px}.confirm-delete-button[data-v-f5efd3a4],.cancel-button[data-v-f5efd3a4]{padding:10px 15px;border-radius:4px;border:none;cursor:pointer}.confirm-delete-button[data-v-f5efd3a4]{background-color:#d9534f;color:#fff}.cancel-button[data-v-f5efd3a4]{background-color:#f5f5f5;color:#333}@media (min-width: 768px){.settings-cards[data-v-f5efd3a4]{grid-template-columns:repeat(2,1fr)}.settings-card[data-v-f5efd3a4]:first-child{grid-column:1;grid-row:1}.settings-card[data-v-f5efd3a4]:nth-child(2){grid-column:2;grid-row:1}.settings-card[data-v-f5efd3a4]:last-child{grid-column:1 / -1;grid-row:2}}.drive-cards-container[data-v-d47cc02b]{position:fixed;bottom:20px;left:420px;right:20px;z-index:1000;pointer-events:auto;display:flex;justify-content:center}.drives-scroll[data-v-d47cc02b]{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;max-width:100%}.drives-scroll[data-v-d47cc02b]::-webkit-scrollbar{height:3px}.drives-scroll[data-v-d47cc02b]::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.drives-scroll[data-v-d47cc02b]::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.drive-card[data-v-d47cc02b]{flex:none;width:140px;background:#fff;border-radius:6px;box-shadow:0 2px 6px #00000026;cursor:pointer;transition:all .2s ease;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.drive-card[data-v-d47cc02b]:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.drive-info[data-v-d47cc02b]{padding:8px;text-align:center}.drive-name[data-v-d47cc02b]{margin:0 0 3px;font-size:13px;font-weight:600;color:#333;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drive-country[data-v-d47cc02b]{margin:0 0 3px;font-size:10px;color:#888;font-weight:400}.drive-distance[data-v-d47cc02b]{font-size:11px;color:#06c;font-weight:500}@media (max-width: 768px){.drive-cards-container[data-v-d47cc02b]{left:10px;right:10px;bottom:10px}.drive-card[data-v-d47cc02b]{width:120px}.drive-name[data-v-d47cc02b]{font-size:12px}.drive-country[data-v-d47cc02b]{font-size:9px}.drive-distance[data-v-d47cc02b]{font-size:10px}}.map-view{display:flex;height:calc(100vh - 60px);position:relative;overflow:hidden}.sidebar{position:absolute;top:0;left:0;width:400px;height:100%;background:#fff;box-shadow:2px 0 8px #0000001a;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:100%}.sidebar.sidebar-open{transform:translate(0)}}.search-section{flex-shrink:0;padding:16px;border-bottom:1px solid #f0f0f0}.countries-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px;border-bottom:1px solid #f0f0f0}.countries-list-container{flex:1;overflow-y:auto;padding:8px 16px 16px;position:relative;scrollbar-width:auto;scrollbar-color:#888 #e0e0e0}.countries-list-container::-webkit-scrollbar{width:14px;-webkit-appearance:none;background-color:#e0e0e0}.countries-list-container::-webkit-scrollbar-track{background:#e0e0e0;border-radius:7px}.countries-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #e0e0e0;min-height:40px}.countries-list-container::-webkit-scrollbar-thumb:hover{background:#555}.countries-list-container::-webkit-scrollbar-corner{background:#e0e0e0}.countries-list-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fffc);pointer-events:none;transition:opacity .3s ease}.countries-list-container:hover:after{opacity:.5}.sidebar-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:#333;margin:0}.countries-count{font-size:13px;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:12px}.search-box{position:relative;margin:16px 0}.search-box input{width:100%;padding:10px 40px 10px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.search-box input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.search-box input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.search-box input:disabled:focus{border-color:#e0e0e0;box-shadow:none}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:#666;transition:color .2s ease}.search-button:hover{color:#06c}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#fff;border-radius:8px;margin:16px 0}.loader{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.error-state{border:1px solid #ffebee;background-color:#fff5f5}.error-state p{color:#d32f2f;margin:0 0 12px}.retry-button{background:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.retry-button:hover{background:#b71c1c}.countries-list{padding:4px;margin:-4px}.country-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #eee;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background-color:#fff}.country-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d;border-color:#06c}.country-item.active{background-color:#f0f8ff;border-color:#06c;box-shadow:0 2px 8px #0066cc1a}.country-info{flex:1;min-width:0}.country-name{font-size:16px;font-weight:600;margin:0 0 4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-stats{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#666}.drives-count,.provinces-count,.provinces-indicator{display:inline-flex;align-items:center;gap:6px}.provinces-indicator{font-size:12px;color:#888;font-style:italic}.drives-icon,.provinces-icon{font-size:14px}.country-arrow{font-size:18px;color:#06c;transition:transform .2s ease;margin-left:8px}.country-item:hover .country-arrow{transform:translate(4px)}.provinces-section{margin-top:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.provinces-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.provinces-list,.provinces-accordion{flex:1;overflow-y:auto;position:relative;scrollbar-width:auto;scrollbar-color:#888 #e0e0e0;padding-top:10px}.provinces-accordion::-webkit-scrollbar{width:14px;-webkit-appearance:none;background-color:#e0e0e0}.provinces-accordion::-webkit-scrollbar-track{background:#e0e0e0;border-radius:7px}.provinces-accordion::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #e0e0e0;min-height:40px}.provinces-accordion::-webkit-scrollbar-thumb:hover{background:#555}.provinces-accordion::-webkit-scrollbar-corner{background:#e0e0e0}.province-accordion-item{margin-bottom:8px;border:1px solid #eee;border-radius:8px;background-color:#fff;overflow:hidden;transition:all .2s ease}.province-accordion-item:hover{border-color:#06c;box-shadow:0 2px 8px #0000000d}.province-accordion-item.expanded{border-color:#06c;box-shadow:0 2px 12px #0066cc1a}.province-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.province-header:hover{background-color:#f8f9fa}.province-accordion-item.expanded .province-header{background-color:#f0f8ff;border-bottom:1px solid #e9ecef}.accordion-toggle{margin-left:8px}.toggle-icon{font-size:14px;color:#666;transition:transform .2s ease;display:inline-block}.toggle-icon.rotated{transform:rotate(180deg)}.province-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.province-content.expanded{max-height:min(80vh,1000px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}.province-content.expanded::-webkit-scrollbar{width:8px}.province-content.expanded::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.province-content.expanded::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.province-content.expanded::-webkit-scrollbar-thumb:hover{background:#555}.province-actions{padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid #f0f0f0}.province-action-button{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.province-action-button:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.focus-button{color:#06c;border-color:#06c}.focus-button:hover{background:#f0f8ff;border-color:#0052a3;color:#0052a3}.drives-button{color:#28a745;border-color:#28a745}.drives-button:hover{background:#f0fff4;border-color:#1e7e34;color:#1e7e34}.action-icon{font-size:14px}.province-drives-preview{padding:12px 16px}.preview-title{font-size:14px;font-weight:600;color:#333;margin:0 0 8px}.province-drives-list{padding:0 16px 12px}.drives-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.drives-accordion-list{display:flex;flex-direction:column;gap:6px}.drive-accordion-item{display:flex;flex-direction:column;background:#f8f9fa;border-radius:6px;border:1px solid transparent;overflow:hidden;transition:all .2s ease;position:relative}.drive-accordion-item:hover{background:#e9ecef;border-color:#06c;transform:translateY(-1px);box-shadow:0 2px 6px #0066cc1a}.drive-accordion-item.drive-item-hovered{background:#e9ecef!important;border-color:#06c!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0066cc26!important}.drive-accordion-main{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer}.drive-accordion-info{flex:1;min-width:0}.drive-accordion-name{font-size:14px;font-weight:600;color:#333;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-accordion-stats{display:flex;gap:12px;font-size:12px;color:#666}.drive-accordion-arrow{font-size:16px;color:#06c;transition:transform .2s ease;margin-left:8px}.drive-accordion-item:hover .drive-accordion-arrow{transform:translate(4px)}.drive-accordion-item.drive-item-hovered .drive-accordion-arrow{transform:translate(6px)!important;color:#049!important}.drive-accordion-item.drive-item-hovered .drive-accordion-name{color:#06c!important}.preview-drives-list{display:flex;flex-direction:column;gap:6px}.preview-drive-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.preview-drive-item:hover{background:#e9ecef;border-color:#06c;transform:translate(4px)}.preview-drive-name{font-size:13px;font-weight:500;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.preview-drive-distance{font-size:12px;color:#666;font-weight:500}.preview-more{padding:8px 12px;background:#e9ecef;border-radius:6px;cursor:pointer;text-align:center;font-size:13px;color:#06c;font-weight:500;transition:all .2s ease;border:1px solid transparent}.preview-more:hover{background:#dee2e6;border-color:#06c;color:#0052a3}.province-accordion-item~.provinces-list{display:none}.provinces-list::-webkit-scrollbar{width:14px;-webkit-appearance:none;background-color:#e0e0e0}.provinces-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:7px}.provinces-list::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #e0e0e0;min-height:40px}.provinces-list::-webkit-scrollbar-thumb:hover{background:#555}.provinces-list::-webkit-scrollbar-corner{background:#e0e0e0}.direct-drives-section{margin-top:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.direct-drives-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.direct-drives-list{flex:1;overflow-y:auto;position:relative;scrollbar-width:auto;scrollbar-color:#888 #e0e0e0;padding-top:10px}.direct-drives-list::-webkit-scrollbar{width:14px;-webkit-appearance:none;background-color:#e0e0e0}.direct-drives-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:7px}.direct-drives-list::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #e0e0e0;min-height:40px}.direct-drives-list::-webkit-scrollbar-thumb:hover{background:#555}.direct-drives-list::-webkit-scrollbar-corner{background:#e0e0e0}.drives-section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.back-navigation-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:200px}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-content .loader{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite}.loading-content p{margin:0;font-size:14px;color:#666;font-weight:500}.back-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s ease;color:#666}.back-button:hover:not(:disabled){background:#e9e9e9;color:#333}.back-button:disabled{background:#f0f0f0;color:#999;cursor:not-allowed;border-color:#e0e0e0}.province-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #eee;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background-color:#fff}.province-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d;border-color:#06c}.province-info{flex:1;min-width:0}.province-name{font-size:16px;font-weight:600;margin:0 0 4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.province-stats{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#666}.drives-section{margin-top:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.drives-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.drives-list{flex:1;overflow-y:auto;position:relative;scrollbar-width:auto;scrollbar-color:#888 #e0e0e0;padding-top:10px}.drives-list::-webkit-scrollbar{width:14px;-webkit-appearance:none;background-color:#e0e0e0}.drives-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:7px}.drives-list::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #e0e0e0;min-height:40px}.drives-list::-webkit-scrollbar-thumb:hover{background:#555}.drives-list::-webkit-scrollbar-corner{background:#e0e0e0}.drive-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #eee;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background-color:#fff}.drive-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d;border-color:#06c}.drive-info{flex:1;min-width:0}.drive-name{font-size:16px;font-weight:600;margin:0 0 4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-stats{display:flex;flex-direction:row;gap:18px;font-size:13px;color:#666}.distance-info,.duration-info{display:inline-flex;align-items:center;gap:6px}.distance-icon,.duration-icon{font-size:14px}.drive-arrow{font-size:18px;color:#06c;transition:transform .2s ease;margin-left:8px}.drive-item:hover .drive-arrow{transform:translate(4px)}.drive-item-hovered{transform:translateY(-2px)!important;box-shadow:0 4px 16px #0066cc26!important;border-color:#06c!important;background-color:#f0f8ff!important}.drive-item-hovered .drive-arrow{transform:translate(6px)!important;color:#049!important}.drive-item-hovered .drive-name{color:#06c!important}.drive-details-section{margin-top:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.drive-details-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.drive-summary{flex-shrink:0;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.drive-summary .drive-stats{display:flex;gap:16px;font-size:14px}.waypoints-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.waypoints-title{font-size:16px;font-weight:600;color:#333;margin:0 0 12px;padding-bottom:8px}.waypoints-list{flex:1;overflow-y:auto;position:relative;scrollbar-width:auto;scrollbar-color:#888 #e0e0e0;padding-top:10px}.waypoints-list::-webkit-scrollbar{width:14px;-webkit-appearance:none;background-color:#e0e0e0}.waypoints-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:7px}.waypoints-list::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border:2px solid #e0e0e0;min-height:40px}.waypoints-list::-webkit-scrollbar-thumb:hover{background:#555}.waypoints-list::-webkit-scrollbar-corner{background:#e0e0e0}.waypoint-item{display:flex;align-items:center;padding:10px 12px;border:1px solid #eee;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background-color:#f4f4f4;gap:12px}.waypoint-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d;border-color:#06c}.waypoint-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:3px solid;color:inherit;font-weight:700;font-size:14px;flex-shrink:0;box-sizing:border-box;transition:all .2s ease}.waypoint-name{font-size:14px;font-weight:600;margin:0 0 4px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waypoint-details{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#666}.waypoint-city,.waypoint-elevation{display:inline-flex;align-items:center;gap:4px}.city-icon,.elevation-icon{font-size:12px}.waypoint-segment-connector{display:flex;align-items:center;margin:8px 0;padding:0 20px;position:relative}.segment-line{position:absolute;left:35px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e0e0e0,#e0e0e0);border-left:2px dashed #ccc;background:transparent}.segment-info{padding:8px 12px;margin-left:46px;display:flex;flex-direction:row;gap:12px;transition:all .2s ease}.segment-distance,.segment-duration{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.segment-distance{color:#06c}.segment-duration{color:#28a745}.segment-distance .distance-icon,.segment-duration .duration-icon{font-size:12px}.waypoint-arrow{font-size:16px;color:#06c;transition:transform .2s ease;flex-shrink:0}.waypoint-item:hover .waypoint-arrow{transform:translate(4px)}.waypoint-item-hovered{transform:translateY(-2px)!important;box-shadow:0 4px 16px #0066cc26!important;border-color:#06c!important;background-color:#f0f8ff!important}.waypoint-item-hovered .waypoint-arrow{transform:translate(6px)!important;color:#049!important}.waypoint-item-hovered .waypoint-name{color:#06c!important}.waypoint-item-hovered .waypoint-number{background-color:#e6f3ff!important;transform:scale(1.1)!important}.waypoint-item-hovered+.waypoint-segment-connector .segment-info{background:#e6f3ff!important;border-color:#06c!important}.waypoint-item-hovered+.waypoint-segment-connector .segment-distance{color:#049!important}.waypoint-item-hovered+.waypoint-segment-connector .segment-duration{color:#1e7e34!important}.drive-actions-section{margin:16px 0;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.action-buttons-row{display:flex;gap:8px}.action-buttons-row .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none}.action-buttons-row .action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-buttons-row .action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-buttons-row .completion-btn{color:#28a745;border-color:#28a745}.action-buttons-row .completion-btn.completed{background:#28a745;color:#fff;border-color:#28a745}.action-buttons-row .completion-btn:not(.completed):hover{background:#e6ffe6;border-color:#1e7e34;color:#1e7e34}.action-buttons-row .completion-btn.completed:hover{background:#1e7e34;border-color:#1e7e34}.action-buttons-row .favorite-btn{color:#dc3545;border-color:#dc3545}.action-buttons-row .favorite-btn.favorited{background:#dc3545;color:#fff;border-color:#dc3545}.action-buttons-row .favorite-btn:not(.favorited):hover{background:#ffe6e6;border-color:#c82333;color:#c82333}.action-buttons-row .favorite-btn.favorited:hover{background:#c82333;border-color:#c82333}.action-text{font-size:13px}.drive-detail-link-section{margin:16px 0;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.drive-detail-link-button{width:100%;padding:12px 16px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.drive-detail-link-button:hover:not(:disabled){background:#0052a3;transform:translateY(-1px);box-shadow:0 2px 8px #0066cc4d}.drive-detail-link-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.drive-detail-link-button .detail-icon{font-size:16px}.auth-note{margin:8px 0 0;font-size:12px;color:#6c757d;text-align:center;font-style:italic}.map-drive-detail-card{position:absolute;bottom:20px;left:20px;right:20px;z-index:100;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e9ecef}@media (min-width: 769px){.map-view .map-drive-detail-card{position:absolute;left:50%;transform:translate(-50%);max-width:400px}}.detail-card-content{padding:16px;position:relative}.detail-card-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-card-stats{display:flex;gap:16px;margin-bottom:12px;font-size:13px;color:#666}.detail-distance,.detail-duration{display:flex;align-items:center;gap:4px}.detail-card-actions-corner{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:10}.detail-card-actions-corner .action-btn{flex:none;width:26px;height:26px;padding:0;border:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.detail-card-actions-corner .action-btn:hover{transform:translateY(-1px)}.detail-card-actions-corner .completion-btn{border-radius:50%}.detail-card-actions-corner .completion-btn.completed{background:#28a745;color:#fff;border-color:#28a745}.detail-card-actions-corner .completion-btn:hover{border-color:#1e7e34}.detail-card-actions-corner .completion-btn.completed:hover{background:#28a745;border-color:#28a745}.detail-card-actions-corner .favorite-btn{border-radius:6px;border:none}.detail-card-actions-corner .checkbox-circle{width:20px;height:20px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.detail-card-actions-corner .heart-icon{width:20px;height:20px;transition:all .2s ease}.detail-card-actions-corner .favorite-btn.favorited .heart-icon{transform:scale(1.1)}.detail-card-actions-corner .check-icon{width:24px;height:24px}.detail-card-button{width:100%;padding:10px 14px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.detail-card-button:hover:not(:disabled){background:#0052a3;transform:translateY(-1px)}.detail-card-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.detail-card-button .detail-icon{font-size:14px}.drives-info{padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.drives-summary{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.drives-note{font-size:14px;color:#666;margin:0}.map-container{flex:1;position:relative;margin-left:0}@media (min-width: 769px){.map-view .map-container{margin-left:400px}}.mobile-sidebar-toggle{position:absolute;top:10px;left:10px;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px;display:none;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:all .2s ease;font-size:14px;font-weight:500;color:#333}.mobile-sidebar-toggle:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mobile-sidebar-toggle:active{transform:translateY(0)}.hamburger-icon{font-size:16px;color:#06c}.toggle-text{font-size:13px;color:#333}@media (max-width: 768px){.mobile-sidebar-toggle{display:flex}}.map{width:100%;height:100%}.map-loading,.data-loading-overlay,.map-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fffc;z-index:10}.data-loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffffff2;border-radius:12px;padding:2px 3px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:250px;max-height:100px}.drives-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:15;display:flex;justify-content:center;align-items:center}.progress-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 32px #00000026;border:1px solid #e9ecef;min-width:320px;max-width:400px;text-align:center}.progress-header h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.progress-bar-container{margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#06c,#0052a3);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:14px;font-weight:600;color:#06c}.progress-details{margin-top:12px}.progress-details p{margin:0;font-size:13px;color:#666;font-style:italic}.data-loading-overlay .loader{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0066cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.data-loading-overlay p{margin:0;font-size:14px;color:#333;text-align:center;font-weight:500}.map-error{color:#e74c3c}.map-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:10}.style-controls{display:flex;gap:4px}.style-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer}.style-button.active{background-color:#3498db;color:#fff}.action-controls{display:flex;gap:8px}.action-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-button:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.action-button:hover:not(:disabled){background-color:#f5f5f5;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.location-icon{color:#1a73e8;transition:all .2s ease}.location-icon.loading{color:#1a73e8}.action-button:hover:not(:disabled) .location-icon{color:#1557b0}.action-button:disabled .location-icon{color:#9aa0a6}.action-button.active{background-color:#06c;color:#fff;border-color:#06c}.action-button.active:hover{background-color:#0052a3;border-color:#0052a3}.drives-counter{position:absolute;bottom:10px;left:10px;background-color:#ffffffe6;border:1px solid #ddd;border-radius:4px;padding:8px 12px;z-index:10}.drive-actions{display:flex;gap:0}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:none;border:none;cursor:pointer;font-size:.85rem;transition:all .2s}.action-btn:last-child{border-right:none}.action-btn:hover{background:#e9ecef}.action-btn:disabled{opacity:.5;cursor:not-allowed}.completion-btn.completed{color:#06c}.completion-btn:not(.completed):hover{background:#e6ffe6;color:#060}.checkbox-circle{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.completion-btn.completed .checkbox-circle{background:#28a745;border-color:#28a745;color:#fff}.check-icon{width:10px;height:10px}.favorite-btn.favorited{color:#c00}.favorite-btn:not(.favorited):hover{color:#c00}.heart-icon{width:16px;height:16px;transition:all .2s}.favorite-btn.favorited .heart-icon{transform:scale(1.1)}.completion-btn.completed{animation:checkmark-bounce .3s ease-out}.favorite-btn.favorited{animation:heart-beat .3s ease-out}@keyframes checkmark-bounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heart-beat{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.drive-actions-corner{position:relative;display:flex;align-items:center;gap:8px}.drive-actions-top-right{position:absolute;top:8px;right:45px;display:flex;gap:6px;z-index:10}.drive-actions-top-right .action-btn{flex:none;width:26px;height:26px;padding:0;border:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.drive-actions-top-right .action-btn:hover{transform:translateY(-1px)}.drive-actions-top-right .completion-btn{border-radius:50%}.drive-actions-top-right .completion-btn.completed{background:#28a745;color:#fff;border-color:#28a745}.drive-actions-top-right .completion-btn:hover{border-color:#1e7e34}.drive-actions-top-right .completion-btn.completed:hover{background:#28a745;border-color:#28a745}.drive-actions-top-right .favorite-btn{border-radius:6px;border:none}.drive-actions-top-right .checkbox-circle{width:20px;height:20px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.drive-actions-top-right .heart-icon{width:20px;height:20px;transition:all .2s ease}.drive-actions-top-right .favorite-btn.favorited .heart-icon{transform:scale(1.1)}.drive-actions-top-right .check-icon{width:24px;height:24px}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:1px solid #e9ecef;max-width:400px;width:90%;margin:20px;animation:dialog-appear .2s ease-out}@keyframes dialog-appear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-content{padding:24px;text-align:center}.confirmation-icon{margin-bottom:16px}.warning-icon{width:48px;height:48px;color:#ffc107;stroke-width:1.5}.confirmation-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.confirmation-message{margin:0 0 24px;font-size:14px;color:#666;line-height:1.4}.confirmation-actions{display:flex;gap:12px;justify-content:center}.btn-cancel,.btn-confirm{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;max-width:120px}.btn-cancel{background:#f8f9fa;color:#6c757d;border:1px solid #e9ecef}.btn-cancel:hover{background:#e9ecef;color:#495057}.btn-confirm{background:#dc3545;color:#fff}.btn-confirm:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}@media (max-width: 768px){.action-btn{padding:1rem .5rem;font-size:.8rem}.checkbox-circle{width:16px;height:16px}.heart-icon{width:14px;height:14px}.confirmation-dialog{margin:10px}.confirmation-content{padding:20px}}.drive-status-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.drive-status-indicator.small{padding:1px 4px;font-size:10px;margin-left:6px}.drive-status-indicator .status-icon{font-size:12px;line-height:1}.drive-status-indicator.small .status-icon{font-size:10px}.drive-status-indicator .status-text{line-height:1}.drive-status-indicator.status-caution{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.drive-status-indicator.status-closed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.drive-status-alert{margin-bottom:12px;padding:10px 12px;border-radius:8px;border:1px solid;background-color:#fff}.drive-status-alert.alert-caution{background-color:#fff8e1;border-color:#ffcc02;color:#8a6914}.drive-status-alert.alert-closed{background-color:#ffebee;border-color:#ef5350;color:#c62828}.status-alert-content{display:flex;align-items:flex-start;gap:10px}.status-alert-content .alert-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:2px}.alert-text{flex:1;display:flex;flex-direction:column;gap:4px}.alert-text strong{font-size:14px;font-weight:600;line-height:1.2}.alert-message{font-size:13px;line-height:1.3;opacity:.9}@media (max-width: 768px){.drive-status-indicator{padding:1px 4px;font-size:10px;margin-left:6px}.drive-status-indicator .status-icon{font-size:10px}.drive-status-alert{padding:8px 10px}.status-alert-content .alert-icon{font-size:18px}.alert-text strong{font-size:13px}.alert-message{font-size:12px}}.waypoints-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.waypoints-actions{display:flex;gap:8px}.waypoints-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.waypoints-action-btn:hover{background:#0052a3}.waypoints-action-btn.reverse-btn{background:#e9e9ed;color:#000}.waypoints-action-btn.reverse-btn:hover{background:#ceced1}.waypoint-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.waypoint-item:hover{border-color:#06c;box-shadow:0 2px 4px #0066cc1a}.waypoint-item.waypoint-skipped{opacity:.6;background-color:#f8f9fa;border-color:#dee2e6}.waypoint-item.waypoint-dragging{opacity:.5;transform:scale(1.02)}.waypoint-drag-handle{cursor:grab;color:#6c757d;font-size:16px;padding:4px}.waypoint-drag-handle:active{cursor:grabbing}.waypoint-actions{display:flex;gap:4px}.skip-btn,.unskip-btn{padding:4px 8px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.skip-btn{background:#ffc107;color:#212529}.skip-btn:hover{background:#e0a800}.unskip-btn{background:#28a745;color:#fff}.unskip-btn:hover{background:#218838}.waypoint-number{width:32px;height:32px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.waypoint-info{flex:1;min-width:0}.waypoint-name{margin:0 0 4px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waypoint-details{display:flex;gap:12px;font-size:12px;color:#6c757d}.waypoint-city,.waypoint-elevation{display:flex;align-items:center;gap:4px}.drives-page[data-v-f83d2b55]{display:flex;flex-direction:column;gap:1.5rem}.drives-header[data-v-f83d2b55]{display:flex;justify-content:space-between;align-items:center}.drives-header h1[data-v-f83d2b55]{margin:0;font-size:1.8rem}.create-button[data-v-f83d2b55]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.create-button[data-v-f83d2b55]:hover{background-color:#096dd9}.drives-controls[data-v-f83d2b55]{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-box input[data-v-f83d2b55]{width:100%;padding:.75rem;border:1px solid #d9d9d9;border-radius:4px;font-size:1rem}.filter-controls[data-v-f83d2b55]{display:flex;gap:.75rem}.filter-controls select[data-v-f83d2b55]{padding:.75rem;border:1px solid #d9d9d9;border-radius:4px;font-size:.875rem;cursor:pointer}.drives-grid[data-v-f83d2b55]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.drive-card[data-v-f83d2b55]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative}.drive-card[data-v-f83d2b55]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.drive-thumbnail[data-v-f83d2b55]{height:160px;overflow:hidden;position:relative}.placeholder-thumbnail[data-v-f83d2b55]{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999}.drive-header[data-v-f83d2b55]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.drive-name[data-v-f83d2b55]{margin:0;font-size:1.25rem;font-weight:600}.drive-status[data-v-f83d2b55]{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.status-published[data-v-f83d2b55]{background-color:#52c41a;color:#fff}.status-draft[data-v-f83d2b55]{background-color:#faad14;color:#fff}.drive-info[data-v-f83d2b55]{margin-bottom:1rem}.info-item[data-v-f83d2b55]{display:flex;align-items:center;margin-bottom:.5rem;color:#666}.info-icon[data-v-f83d2b55]{margin-right:.5rem;font-size:1rem}.drive-actions[data-v-f83d2b55]{display:flex;justify-content:center}.action-button[data-v-f83d2b55]{width:100%;padding:.5rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.action-button.view[data-v-f83d2b55]{background-color:#e6f7ff;color:#1890ff}.action-button.view[data-v-f83d2b55]:hover{background-color:#bae7ff}.loading-state[data-v-f83d2b55],.empty-state[data-v-f83d2b55]{padding:3rem 0;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.spinner[data-v-f83d2b55]{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-f83d2b55 1s linear infinite}@keyframes spin-f83d2b55{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon[data-v-f83d2b55]{font-size:3rem;margin-bottom:1rem;color:#d9d9d9}.empty-state h3[data-v-f83d2b55]{margin:0 0 .5rem;color:#333}.empty-state p[data-v-f83d2b55]{color:#999}.pagination[data-v-f83d2b55]{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.page-button[data-v-f83d2b55]{padding:.5rem 1rem;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .2s}.page-button[data-v-f83d2b55]:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.page-button[data-v-f83d2b55]:disabled{color:#d9d9d9;cursor:not-allowed}.page-info[data-v-f83d2b55]{font-size:.875rem;color:#666}.modal-backdrop[data-v-f83d2b55]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f83d2b55]{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header[data-v-f83d2b55]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-f83d2b55]{margin:0;font-size:1.5rem}.close-button[data-v-f83d2b55]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.close-button[data-v-f83d2b55]:hover{color:#333}.modal-body[data-v-f83d2b55]{padding:1.25rem}.drive-form[data-v-f83d2b55]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-f83d2b55]{display:flex;flex-direction:column;gap:.5rem}.form-row[data-v-f83d2b55]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group label[data-v-f83d2b55]{font-weight:500;color:#333}.form-group input[data-v-f83d2b55],.form-group textarea[data-v-f83d2b55],.form-group select[data-v-f83d2b55]{padding:.75rem;border:1px solid #d9d9d9;border-radius:4px;font-size:1rem}.form-group textarea[data-v-f83d2b55]{resize:vertical;min-height:100px}.form-group input[data-v-f83d2b55]:focus,.form-group textarea[data-v-f83d2b55]:focus,.form-group select[data-v-f83d2b55]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.file-input-container[data-v-f83d2b55]{display:flex;align-items:center;gap:1rem}.file-input[data-v-f83d2b55]{position:absolute;left:-9999px}.file-input-button[data-v-f83d2b55]{padding:.75rem 1rem;background-color:#f0f0f0;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.file-input-button[data-v-f83d2b55]:hover{background-color:#e0e0e0}.file-name[data-v-f83d2b55]{color:#666;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-preview[data-v-f83d2b55]{margin-top:1rem;width:100%;max-height:200px;overflow:hidden;border-radius:4px;border:1px solid #d9d9d9}.thumbnail-preview img[data-v-f83d2b55]{width:100%;height:auto;display:block}.toggle-group[data-v-f83d2b55]{display:flex;align-items:center;gap:.75rem}.toggle[data-v-f83d2b55]{position:relative;display:inline-block;width:50px;height:26px}.toggle input[data-v-f83d2b55]{opacity:0;width:0;height:0}.toggle-slider[data-v-f83d2b55]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px}.toggle-slider[data-v-f83d2b55]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider[data-v-f83d2b55]{background-color:#1890ff}input:focus+.toggle-slider[data-v-f83d2b55]{box-shadow:0 0 1px #1890ff}input:checked+.toggle-slider[data-v-f83d2b55]:before{transform:translate(24px)}.toggle-label[data-v-f83d2b55]{font-size:.875rem}.form-actions[data-v-f83d2b55]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cancel-button[data-v-f83d2b55]{padding:.75rem 1.5rem;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.cancel-button[data-v-f83d2b55]:hover{color:#1890ff;border-color:#1890ff}.submit-button[data-v-f83d2b55]{padding:.75rem 1.5rem;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button[data-v-f83d2b55]:hover:not(:disabled){background-color:#096dd9}.submit-button[data-v-f83d2b55]:disabled{background-color:#91caff;cursor:not-allowed}@media (max-width: 768px){.drives-controls[data-v-f83d2b55]{flex-direction:column;align-items:stretch}.form-row[data-v-f83d2b55]{grid-template-columns:1fr}.file-input-container[data-v-f83d2b55]{flex-direction:column;align-items:flex-start}.drive-header[data-v-f83d2b55]{flex-direction:column;gap:.5rem}.drive-status[data-v-f83d2b55]{align-self:flex-start}}.filter-controls select[data-v-f83d2b55]{margin-right:8px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.drive-card[data-v-f83d2b55],.drive-row[data-v-f83d2b55]{cursor:pointer;-webkit-user-select:none;user-select:none}.info-item .info-icon[data-v-f83d2b55]{display:inline-block;width:20px;text-align:center;margin-right:4px}.view-toggle[data-v-f83d2b55]{display:flex;justify-content:flex-end}.view-toggle button[data-v-f83d2b55]{background-color:#f5f5f5;border:1px solid #ddd;padding:8px 16px;margin-left:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.view-toggle button span[data-v-f83d2b55]{margin-right:6px}.view-toggle button.active[data-v-f83d2b55]{background-color:#e0e0e0;border-color:#bbb;font-weight:500}.drives-list[data-v-f83d2b55]{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background:#fff}.drives-list table[data-v-f83d2b55]{width:100%;border-collapse:collapse}.drives-list th[data-v-f83d2b55]{background-color:#f5f5f5;padding:12px 16px;text-align:left;font-weight:600;border-bottom:1px solid #ddd}.drives-list td[data-v-f83d2b55]{padding:12px 16px;border-bottom:1px solid #eee;vertical-align:middle}.drives-list tr[data-v-f83d2b55]:hover{background-color:#f9f9f9;cursor:pointer}.drives-list tr:last-child td[data-v-f83d2b55]{border-bottom:none}.list-thumbnail[data-v-f83d2b55]{width:60px;height:40px;border-radius:4px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.list-thumbnail img[data-v-f83d2b55]{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder[data-v-f83d2b55]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;color:#999}.status-badge[data-v-f83d2b55]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.published[data-v-f83d2b55]{background-color:#e6f7e6;color:#2e7d32}.status-badge.draft[data-v-f83d2b55]{background-color:#fff8e1;color:#ff8f00}.list-action-button[data-v-f83d2b55]{padding:6px 12px;border-radius:4px;background-color:#3498db;border:none;color:#fff;cursor:pointer;font-size:13px}.list-action-button[data-v-f83d2b55]:hover{background-color:#2980b9}.thumbnail-col[data-v-f83d2b55]{width:70px}.name-col[data-v-f83d2b55],.location-col[data-v-f83d2b55]{width:18%}.country-col[data-v-f83d2b55]{width:15%}.distance-col[data-v-f83d2b55],.duration-col[data-v-f83d2b55]{width:10%}.waypoints-col[data-v-f83d2b55]{width:8%}.status-col[data-v-f83d2b55]{width:10%}.actions-col[data-v-f83d2b55]{width:8%}@media (max-width: 768px){.filter-controls[data-v-f83d2b55]{display:flex;flex-wrap:wrap;gap:8px}.filter-controls select[data-v-f83d2b55]{flex:1 1 calc(50% - 8px);min-width:120px}.drives-list[data-v-f83d2b55]{overflow-x:auto}.country-col[data-v-f83d2b55],.waypoints-col[data-v-f83d2b55]{display:none}.thumbnail-col[data-v-f83d2b55]{width:50px}.name-col[data-v-f83d2b55],.location-col[data-v-f83d2b55]{width:25%}.distance-col[data-v-f83d2b55],.duration-col[data-v-f83d2b55]{width:15%}.status-col[data-v-f83d2b55],.actions-col[data-v-f83d2b55]{width:10%}}.drives-page[data-v-f83d2b55]{padding:20px;max-width:1200px;margin:0 auto}.drives-header[data-v-f83d2b55]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drives-controls-bar[data-v-f83d2b55]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef;min-height:60px}.controls-left[data-v-f83d2b55]{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;flex:1;max-width:calc(100% - 200px)}.search-box[data-v-f83d2b55]{position:relative;flex-shrink:0}.search-box input[data-v-f83d2b55]{width:280px;padding:10px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .2s ease}.search-box input[data-v-f83d2b55]:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a}.filter-controls[data-v-f83d2b55]{display:flex;gap:12px;align-items:center}.filter-controls select[data-v-f83d2b55]{padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:140px;flex-shrink:0}.filter-controls select[data-v-f83d2b55]:hover{border-color:#007bff}.filter-controls select[data-v-f83d2b55]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.view-toggle[data-v-f83d2b55]{display:flex;background:#f8f9fa;border-radius:8px;padding:4px;gap:2px}.view-toggle button[data-v-f83d2b55]{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease}.view-toggle button[data-v-f83d2b55]:hover{background:#e9ecef;color:#495057}.view-toggle button.active[data-v-f83d2b55]{background:#007bff;color:#fff;box-shadow:0 1px 3px #0000001a}.view-toggle button svg[data-v-f83d2b55]{flex-shrink:0}.drives-container[data-v-f83d2b55]{margin-bottom:20px}.drives-grid[data-v-f83d2b55]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.drive-thumbnail[data-v-f83d2b55]{height:200px;overflow:hidden}.drive-thumbnail img[data-v-f83d2b55]{width:100%;height:100%;object-fit:cover}.drive-locations[data-v-f83d2b55]{font-size:.9em;color:#666;margin-bottom:10px}.drive-stats[data-v-f83d2b55]{font-size:.8em;color:#888}.separator[data-v-f83d2b55]{margin:0 5px}.drives-list .drive-row[data-v-f83d2b55]{display:grid;grid-template-columns:100px 1fr auto auto;gap:20px;align-items:center;padding:15px;border-bottom:1px solid #ddd;cursor:pointer;position:relative}.drives-list .drive-thumbnail[data-v-f83d2b55]{height:60px;width:100px}.status-badge[data-v-f83d2b55]{padding:4px 8px;border-radius:12px;font-size:.8em;background:#f0f0f0}.status-badge.published[data-v-f83d2b55]{background:#28a745;color:#fff}.modal-backdrop[data-v-f83d2b55]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-f83d2b55]{background:#fff;border-radius:8px;width:90%;max-width:600px}.modal-header[data-v-f83d2b55]{padding:15px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.modal-body[data-v-f83d2b55]{padding:20px}.form-group[data-v-f83d2b55]{margin-bottom:15px}.form-group label[data-v-f83d2b55]{display:block;margin-bottom:5px}.form-group input[data-v-f83d2b55],.form-group textarea[data-v-f83d2b55]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.form-actions[data-v-f83d2b55]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.thumbnail-preview[data-v-f83d2b55]{max-width:200px;max-height:200px;margin-top:10px;border-radius:4px}.loading-state[data-v-f83d2b55],.empty-state[data-v-f83d2b55]{text-align:center;padding:40px;color:#666}.pagination[data-v-f83d2b55]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.page-button[data-v-f83d2b55]{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.page-button[data-v-f83d2b55]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-f83d2b55]{color:#666}.create-button[data-v-f83d2b55]{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.create-button[data-v-f83d2b55]:hover{background:#0056b3}.drive-progress[data-v-f83d2b55]{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:8px 15px;border-top:1px solid #e0e0e0;display:flex;align-items:center;gap:10px}.drive-progress-list[data-v-f83d2b55]{position:static;background:transparent;border-top:none;padding:8px 0 0;grid-column:2 / -1}.progress-bar[data-v-f83d2b55]{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill[data-v-f83d2b55]{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease;border-radius:3px}.progress-text[data-v-f83d2b55]{font-size:.75em;color:#666;white-space:nowrap;font-weight:500}.drive-card[data-v-f83d2b55]{position:relative}.drives-list .drive-row[data-v-f83d2b55]:has(.drive-progress-list){grid-template-rows:auto auto}.drive-card .drive-info[data-v-f83d2b55]{padding:1.25rem}.drive-card .drive-info h3[data-v-f83d2b55]{margin:0 0 10px;font-size:1.25rem;font-weight:600}.drive-card:has(.drive-progress) .drive-info[data-v-f83d2b55]{padding-bottom:3rem}.tab-navigation[data-v-f83d2b55]{display:flex;border-bottom:2px solid #e0e0e0;gap:5px}.tab-button[data-v-f83d2b55]{padding:12px 20px;border:none;background:transparent;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#666;border-radius:8px 8px 0 0}.tab-button[data-v-f83d2b55]:hover{background:#f5f5f5;color:#333}.tab-button.active[data-v-f83d2b55]{color:#007bff;border-bottom-color:#007bff;background:#f8f9fa}.tab-button span[data-v-f83d2b55]{font-size:16px}.tab-count[data-v-f83d2b55]{background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.tab-button.active .tab-count[data-v-f83d2b55]{background:#0056b3}.tab-button.disabled[data-v-f83d2b55]{opacity:.5;cursor:not-allowed;color:#999}.tab-button.disabled[data-v-f83d2b55]:hover{background:transparent;color:#999}.tab-button.disabled .tab-count[data-v-f83d2b55]{background:#999}.drive-actions[data-v-f83d2b55]{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.drive-card:hover .drive-actions[data-v-f83d2b55]{opacity:1}.drive-actions-list[data-v-f83d2b55]{position:static;opacity:1;margin-left:auto}.action-btn[data-v-f83d2b55]{background:none;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.action-btn[data-v-f83d2b55]:hover{transform:scale(1.1)}.heart-icon[data-v-f83d2b55]{width:20px;height:20px;color:#e0e0e0;transition:all .2s ease}.favorite-btn:hover .heart-icon[data-v-f83d2b55],.favorite-btn.active .heart-icon[data-v-f83d2b55]{color:#ff4757}.checkbox-circle[data-v-f83d2b55]{width:20px;height:20px;border:2px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.check-icon[data-v-f83d2b55]{width:12px;height:12px;color:transparent;transition:all .2s ease}.completed-btn:hover .checkbox-circle[data-v-f83d2b55]{border-color:#2ed573}.completed-btn:hover .check-icon[data-v-f83d2b55]{color:#2ed573}.completed-btn.active .checkbox-circle[data-v-f83d2b55]{background:#2ed573;border-color:#2ed573}.completed-btn.active .check-icon[data-v-f83d2b55]{color:#fff}.drives-list .drive-row[data-v-f83d2b55]{grid-template-columns:100px 1fr auto auto;position:relative}.drives-list .drive-row[data-v-f83d2b55]:not(:has(.drive-actions-list)){grid-template-columns:100px 1fr auto}.drive-actions-list[data-v-f83d2b55]{margin-left:auto}@media (max-width: 768px){.drives-page[data-v-f83d2b55]{padding:10px}.tab-navigation[data-v-f83d2b55]{flex-wrap:wrap}.tab-button[data-v-f83d2b55]{padding:10px 15px;font-size:13px}.tab-count[data-v-f83d2b55]{font-size:11px;padding:1px 6px}.drives-controls-bar[data-v-f83d2b55]{flex-direction:column;gap:16px;align-items:stretch;padding:12px 0}.controls-left[data-v-f83d2b55]{flex-direction:column;gap:12px;align-items:stretch}.search-box input[data-v-f83d2b55]{width:100%}.filter-controls[data-v-f83d2b55]{justify-content:space-between}.filter-controls select[data-v-f83d2b55]{flex:1;min-width:auto}.view-toggle[data-v-f83d2b55]{align-self:center}.drive-actions[data-v-f83d2b55]{opacity:1;position:static;margin-top:10px;justify-content:flex-end}.drives-list .drive-row[data-v-f83d2b55]{grid-template-columns:80px 1fr;grid-template-rows:auto auto}.drive-actions-list[data-v-f83d2b55]{grid-column:1 / -1;justify-content:flex-end;margin-top:10px}}@media (max-width: 480px){.drives-header[data-v-f83d2b55]{flex-direction:column;gap:12px;align-items:stretch}.drives-header h1[data-v-f83d2b55]{text-align:center}.start-trip-btn[data-v-f83d2b55]{width:100%;justify-content:center}.drives-grid[data-v-f83d2b55]{grid-template-columns:1fr}}.create-drive-container[data-v-7d0e34bd]{max-width:800px;margin:0 auto;padding:20px}.page-title[data-v-7d0e34bd]{font-size:28px;margin-bottom:24px;color:#333}.drive-form[data-v-7d0e34bd]{margin-bottom:40px}.form-section[data-v-7d0e34bd]{background-color:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.section-title[data-v-7d0e34bd]{font-size:20px;margin-bottom:20px;color:#444}.form-group[data-v-7d0e34bd]{margin-bottom:20px}label[data-v-7d0e34bd]{display:block;margin-bottom:8px;font-weight:500;color:#555}input[type=text][data-v-7d0e34bd],textarea[data-v-7d0e34bd]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}input[type=text][data-v-7d0e34bd]:focus,textarea[data-v-7d0e34bd]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}textarea[data-v-7d0e34bd]{resize:vertical;min-height:100px}input[type=file][data-v-7d0e34bd]{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;background-color:#fafafa}.checkbox-group[data-v-7d0e34bd]{margin-top:20px}.checkbox-label[data-v-7d0e34bd]{display:flex;align-items:center;cursor:pointer}.checkbox-label input[data-v-7d0e34bd]{margin-right:10px;width:auto}.thumbnail-preview[data-v-7d0e34bd]{margin-top:10px;max-width:200px;border-radius:6px;overflow:hidden;border:1px solid #eee}.thumbnail-preview img[data-v-7d0e34bd]{width:100%;height:auto;display:block}.form-actions[data-v-7d0e34bd]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}.cancel-btn[data-v-7d0e34bd],.save-btn[data-v-7d0e34bd],.continue-btn[data-v-7d0e34bd]{padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;border:none;font-weight:500;transition:all .2s}.cancel-btn[data-v-7d0e34bd]{background-color:#f8f9fa;color:#666;border:1px solid #ddd}.cancel-btn[data-v-7d0e34bd]:hover{background-color:#e9ecef}.save-btn[data-v-7d0e34bd]{background-color:#06c;color:#fff}.save-btn[data-v-7d0e34bd]:hover:not(:disabled){background-color:#0052a3}.save-btn[data-v-7d0e34bd]:disabled{opacity:.7;cursor:not-allowed}.continue-btn[data-v-7d0e34bd]{background-color:#28a745;color:#fff}.continue-btn[data-v-7d0e34bd]:hover{background-color:#218838}.success-message[data-v-7d0e34bd]{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:6px;margin-top:16px;border:1px solid #c3e6cb}.error-message[data-v-7d0e34bd]{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-top:16px;border:1px solid #f5c6cb}@media (max-width: 768px){.create-drive-container[data-v-7d0e34bd]{padding:16px}.form-section[data-v-7d0e34bd]{padding:20px}.form-actions[data-v-7d0e34bd]{flex-direction:column}.cancel-btn[data-v-7d0e34bd],.save-btn[data-v-7d0e34bd],.continue-btn[data-v-7d0e34bd]{width:100%}}.waypoint-card.completed-skipped[data-v-964a09f0]{background-color:#e8f5e8;border-left:4px solid #4caf50;position:relative}.waypoint-card.completed-skipped[data-v-964a09f0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(0,0,0,.05) 15px,rgba(0,0,0,.05) 18px);pointer-events:none;z-index:1}.waypoint-card.completed-skipped .waypoint-header[data-v-964a09f0],.waypoint-card.completed-skipped .waypoint-details[data-v-964a09f0],.waypoint-card.completed-skipped .waypoint-image[data-v-964a09f0]{position:relative;z-index:2}.drive-details-container .description-content{counter-reset:main-list-counter!important}.drive-details-container .description-content ol{list-style-type:none!important;list-style:none!important;margin-left:2rem!important;padding-left:0!important}.drive-details-container .description-content ol>li:not([class*=ql-indent]){counter-increment:main-list-counter!important;position:relative!important;margin-bottom:.5rem!important;line-height:1.6!important;padding-left:.5rem!important;list-style-type:none!important;list-style:none!important}.drive-details-container .description-content ol>li:not([class*=ql-indent]):before{content:counter(main-list-counter) ". "!important;position:absolute!important;left:-2rem!important;font-weight:700!important;color:#333!important;width:1.5rem!important;text-align:right!important}.drive-details-container .description-content ol>li.ql-indent-1{position:relative!important;margin-left:2rem!important;margin-bottom:.5rem!important;padding-left:1rem!important;list-style-type:none!important;list-style:none!important;line-height:1.6!important}.drive-details-container .description-content ol>li.ql-indent-1:before{content:"•"!important;position:absolute!important;left:-1rem!important;font-weight:700!important;color:#666!important;font-size:1.1em!important}.drive-details-container .description-content ol>li.ql-indent-2{position:relative!important;margin-left:4rem!important;margin-bottom:.5rem!important;padding-left:1rem!important;list-style-type:none!important;list-style:none!important;line-height:1.6!important}.drive-details-container .description-content ol>li.ql-indent-2:before{content:"◦"!important;position:absolute!important;left:-1rem!important;font-weight:700!important;color:#999!important}.drive-details-container .description-content ol>li::marker{content:none!important;display:none!important}.drive-details-container .description-content ol li+li{margin-top:.25rem!important}.drive-details-container .description-content ol>li{list-style-type:none!important;list-style:none!important}:root{--primary-blue: #1976d2;--primary-blue-hover: #1565c0;--primary-blue-light: #42a5f5;--primary-green: #28a745;--primary-green-hover: #218838;--primary-green-light: #4caf50;--secondary-teal: #17a2b8;--secondary-teal-hover: #138496;--secondary-orange: #fd7e14;--secondary-orange-hover: #e8680f;--secondary-red: #dc3545;--secondary-red-hover: #c82333;--neutral-gray: #6c757d;--neutral-gray-hover: #5a6268;--neutral-gray-light: #f8f9fa;--neutral-gray-border: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #a0aec0;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-dark: #343a40;--shadow-primary-blue: rgba(25, 118, 210, .3);--shadow-primary-green: rgba(40, 167, 69, .3);--shadow-secondary-teal: rgba(23, 162, 184, .3);--shadow-secondary-red: rgba(220, 53, 69, .3);--shadow-neutral: rgba(108, 117, 125, .2);--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeaa7}.btn-primary-blue{background-color:var(--primary-blue);color:var(--text-white);box-shadow:0 4px 12px var(--shadow-primary-blue)}.btn-primary-blue:hover{background-color:var(--primary-blue-hover);box-shadow:0 6px 20px var(--shadow-primary-blue)}.btn-primary-green{background-color:var(--primary-green);color:var(--text-white);box-shadow:0 4px 12px var(--shadow-primary-green)}.btn-primary-green:hover{background-color:var(--primary-green-hover);box-shadow:0 6px 20px var(--shadow-primary-green)}.btn-secondary-teal{background-color:var(--secondary-teal);color:var(--text-white);box-shadow:0 4px 12px var(--shadow-secondary-teal)}.btn-secondary-teal:hover{background-color:var(--secondary-teal-hover);box-shadow:0 6px 20px var(--shadow-secondary-teal)}.btn-secondary-red{background-color:var(--secondary-red);color:var(--text-white);box-shadow:0 4px 12px var(--shadow-secondary-red)}.btn-secondary-red:hover{background-color:var(--secondary-red-hover);box-shadow:0 6px 20px var(--shadow-secondary-red)}.btn-neutral{background-color:var(--neutral-gray);color:var(--text-white);box-shadow:0 2px 8px var(--shadow-neutral)}.btn-neutral:hover{background-color:var(--neutral-gray-hover)}.text-primary-blue{color:var(--primary-blue)}.text-primary-green{color:var(--primary-green)}.text-secondary-teal{color:var(--secondary-teal)}.text-secondary-red{color:var(--secondary-red)}.bg-primary-blue{background-color:var(--primary-blue)}.bg-primary-green{background-color:var(--primary-green)}.bg-secondary-teal{background-color:var(--secondary-teal)}.bg-light{background-color:var(--bg-light)}.drive-details-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.back-button-container{margin-bottom:20px;max-width:180px}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;text-decoration:none}.back-button:hover{background-color:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.back-button:active{transform:translateY(0);transition:all .1s}.back-icon{width:18px;height:18px;transition:transform .2s ease}.back-button:hover .back-icon{transform:translate(-2px)}.header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.title-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.title-actions h1{margin:0;font-size:28px}.action-buttons{display:flex;gap:10px}.status-badges{display:flex;gap:10px;margin-top:10px}.status-badge{padding:4px 12px;border-radius:20px;font-size:14px;background-color:#f0f0f0}.status-badge.published{background-color:#28a745;color:#fff}.location-badge{background-color:var(--primary-blue);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px}.drive-info-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.main-info{display:grid;grid-template-columns:300px 1fr;gap:30px}.thumbnail-section{width:100%}.thumbnail{width:100%;height:200px;object-fit:cover;border-radius:8px}.thumbnail-upload{margin-top:10px}.drive-info{display:flex;flex-direction:column;gap:20px}.info-group{margin-bottom:15px}.info-group label{display:block;font-weight:500;margin-bottom:5px;color:#666}input[type=text],textarea,select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px}textarea{resize:vertical;min-height:100px}.location-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.progress-stat{grid-column:span 1}.progress-container{margin-top:5px}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997,#17a2b8);border-radius:4px;transition:width .3s ease;min-width:2px}.progress-text{font-size:14px;font-weight:500;margin:0;color:#495057}.info-stat label{font-size:14px;color:#666}.info-stat p{font-size:18px;font-weight:500;margin:5px 0 0}.publish-option{margin-top:20px}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input{margin-right:8px}button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.edit-btn{background-color:var(--primary-blue);color:#fff}.save-btn{background-color:#28a745;color:#fff}.delete-btn{background-color:#dc3545;color:#fff}.cancel-btn{background-color:#6c757d;color:#fff}button:hover:not(:disabled){opacity:.9}button:disabled{opacity:.6;cursor:not-allowed;background-color:#6c757d!important}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:760px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.color-input-section{display:flex;flex-direction:column;gap:15px}.predefined-colors{border:1px solid #e9ecef;border-radius:6px;padding:12px;background:#f8f9fa}.color-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:280px}.color-option{width:32px;height:32px;border-radius:6px;cursor:pointer;border:3px solid transparent;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--primary-blue),0 2px 8px #0003;transform:scale(1.05)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.custom-color-input{border:1px solid #e9ecef;border-radius:6px;padding:12px;background:#fff}.hex-label{display:block;font-weight:500;margin-bottom:8px;color:#495057;font-size:14px}.hex-input-group{display:flex;align-items:center;gap:8px}.hex-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-size:14px;text-transform:uppercase}.hex-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #1976d240}.color-preview{width:36px;height:36px;border:2px solid #dee2e6;border-radius:4px;flex-shrink:0}.random-color-btn{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#f8f9fa;cursor:pointer;font-size:16px;transition:all .2s;flex-shrink:0}.random-color-btn:hover{background:#e9ecef;transform:scale(1.05)}.color-error{color:#dc3545;font-size:12px;margin-top:4px;display:block}.error-state{text-align:center;padding:40px}.rev-btn-div{display:flex;justify-content:center;margin-bottom:8px;gap:10px}.retry-btn{background-color:var(--primary-blue);color:#fff}.message-container{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;padding:12px 16px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:12px 16px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.waypoint-modal .modal-content{width:90%;max-width:600px}.waypoint-form{padding:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:5px;color:#666}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.image-preview{margin-top:10px}.image-preview img{max-width:200px;border-radius:4px}.content-wrapper{display:grid;grid-template-columns:1fr 400px;gap:20px;flex:1;min-height:0;margin-top:20px}.map-section,.waypoints-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.map-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.waypoint-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.add-waypoint-btn{background-color:#28a745;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.generate-route-btn{background-color:var(--primary-blue);color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.generate-route-btn:disabled{background-color:var(--neutral-gray);cursor:not-allowed;opacity:.6}.generate-route-btn:hover:not(:disabled){background-color:var(--primary-blue-hover)}.navigate-btn{background-color:#28a745;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;font-size:14px}.navigate-btn:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.share-btn{background-color:#17a2b8;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;font-size:14px}.share-btn:hover{background-color:#138496;transform:translateY(-1px);box-shadow:0 2px 4px #17a2b84d}.waypoint-bottom-actions{margin-top:20px;padding:18px 16px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 8px 8px;display:flex;gap:12px;justify-content:center;flex-wrap:nowrap!important;align-items:center}.waypoint-bottom-actions .navigate-btn{background:var(--primary-green);color:#fff;padding:14px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;flex:1;min-width:140px;text-align:center;box-shadow:0 4px 12px var(--shadow-primary-green);position:relative;overflow:hidden}.waypoint-bottom-actions .navigate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-primary-green);background:var(--primary-green-hover)}.waypoint-bottom-actions .navigate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--shadow-primary-green)}.waypoint-bottom-actions .share-btn{background:var(--secondary-teal);color:#fff;padding:14px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;flex:1;max-width:180px;min-width:140px;text-align:center;box-shadow:0 4px 12px var(--shadow-secondary-teal);position:relative;overflow:hidden}.waypoint-bottom-actions .share-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-secondary-teal);background:var(--secondary-teal-hover)}.waypoint-bottom-actions .share-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--shadow-secondary-teal)}.waypoint-bottom-actions .navigate-btn:disabled,.waypoint-bottom-actions .share-btn:disabled{background:var(--neutral-gray)!important;cursor:not-allowed;opacity:.7;transform:none!important;box-shadow:0 2px 8px var(--shadow-neutral)!important}.waypoint-bottom-actions .navigate-btn:before,.waypoint-bottom-actions .share-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.waypoint-bottom-actions .navigate-btn:hover:not(:disabled):before,.waypoint-bottom-actions .share-btn:hover:not(:disabled):before{left:100%}.map-container{flex:1;min-height:600px;width:100%;position:relative}.map-controls{display:flex;gap:10px}.map-control-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#f8f9fa;cursor:pointer}.waypoints-section{overflow:hidden;display:flex;flex-direction:column}.waypoints-list{flex:1;overflow-y:auto;padding:10px}.waypoint-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.waypoint-card:hover{background:#e9ecef}.waypoint-card.skipped{background:#f8f9fa;border:1px dashed #ced4da;opacity:.6;position:relative}.waypoint-card.skipped:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(108,117,125,.1) 10px,rgba(108,117,125,.1) 20px);border-radius:6px;pointer-events:none}.waypoint-card.completed{background:#d4edda;border:2px solid #155724;position:relative}.waypoint-card.completed:before{position:absolute;top:8px;right:8px;background:#28a745;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1}.waypoint-header{display:flex;align-items:center;gap:10px;justify-content:space-between}.waypoint-header h3{flex:1;margin:0;font-size:16px}.waypoint-header-actions{display:flex;align-items:center;gap:8px}.remove-btn{background:#dc3545;color:#fff;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:all .2s}.remove-btn:hover{background:#c82333}.skip-header-btn,.unskip-header-btn{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.skip-header-btn{background-color:#ffc107;color:#856404}.skip-header-btn:hover{background-color:#e0a800}.unskip-header-btn{background-color:#17a2b8;color:#fff}.unskip-header-btn:hover{background-color:#138496}.waypoint-details{margin-top:10px}.waypoint-details .location{font-weight:500;margin-bottom:4px;font-size:14px}.waypoint-details .coordinates{font-size:11px;color:#888;margin-bottom:8px;font-family:Courier New,monospace}.route-connector{display:flex;align-items:center;padding:12px 0;margin:0;position:relative}.route-line{width:2px;height:30px;background:linear-gradient(to bottom,var(--primary-blue) 0%,var(--primary-blue-hover) 100%);margin-left:32px;margin-right:16px;position:relative}.route-line:before{content:"";position:absolute;top:-4px;left:-3px;width:8px;height:8px;background:var(--primary-blue);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.route-line:after{content:"";position:absolute;bottom:-4px;left:-3px;width:8px;height:8px;background:var(--primary-blue-hover);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.route-info{display:flex;flex-direction:row;gap:10px;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;min-width:120px}.route-metric{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057}.route-icon{font-style:normal;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700}.distance-icon{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.time-icon{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));color:#fff}.route-value{font-weight:500;color:#343a40}.waypoint-image{margin-top:10px}.waypoint-image img{width:100%;height:150px;object-fit:cover;border-radius:4px}.completion-info{display:flex;align-items:center;gap:8px;background-color:#08d839;border-radius:4px;padding:4px 8px}.completion-text{font-size:12px;font-weight:500;color:#155724;flex:1}.completion-clear-btn{background:#dc3545cc;color:#fff;border:none;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;transition:all .2s;flex-shrink:0}.completion-clear-btn:hover{background:#dc3545;transform:scale(1.1)}.waypoint-actions{display:flex;gap:8px;margin-top:10px}.waypoint-actions button{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.complete-btn{background-color:#28a745;color:#fff}.complete-btn:hover{background-color:#218838}.form-help{font-size:12px;color:#6c757d;margin-top:4px;display:block}input[type=datetime-local]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-family:inherit;background:#fff;cursor:pointer}.datetime-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;color:#333}.datetime-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #1976d240}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.content-wrapper,.main-info{grid-template-columns:1fr}.stats-info{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.drive-details-container{padding:10px}.back-button-container{margin-bottom:15px;max-width:180px}.back-button{padding:12px 16px;font-size:15px}.back-icon{width:20px;height:20px}}.waypoint-number{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;min-width:32px!important;height:32px!important;background-color:#fff!important;color:var(--waypoint-color, #1976d2)!important;border:3px solid var(--waypoint-color, #1976d2)!important;font-family:Arial,sans-serif!important;box-shadow:0 2px 6px #00000026!important}.complete-header-btn{padding:6px 8px;border:2px solid #28a745;border-radius:4px;background-color:transparent;color:#28a745;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.complete-header-btn:hover{background-color:#28a745;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.complete-header-btn.completed{background-color:#28a745;color:#fff;border-color:#28a745;box-shadow:0 2px 4px #28a7454d}.complete-header-btn.completed:hover{background-color:#dc3545;border-color:#dc3545;color:#fff;box-shadow:0 2px 4px #dc35454d}.description-content{line-height:1.6;color:#4a5568;margin:0}.description-content h1,.description-content h2,.description-content h3,.description-content h4,.description-content h5,.description-content h6{margin:16px 0 8px;font-weight:600;color:#2d3748}.description-content h1{font-size:1.5em}.description-content h2{font-size:1.3em}.description-content h3{font-size:1.1em}.description-content h4{font-size:1em}.description-content h5{font-size:.9em}.description-content h6{font-size:.8em}.description-content p{margin:8px 0;line-height:1.6}.description-content ul,.description-content ol{margin:8px 0;padding-left:24px}.description-content li{margin:4px 0;line-height:1.5}.description-content strong{font-weight:600;color:#2d3748}.description-content em{font-style:italic}.description-content a{color:#3182ce;text-decoration:underline}.description-content a:hover{color:#2c5282}.description-content blockquote{border-left:4px solid #e2e8f0;padding-left:16px;margin:16px 0;font-style:italic;color:#718096}.description-content code{background-color:#f7fafc;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#e53e3e}.description-content pre{background-color:#f7fafc;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0;border:1px solid #e2e8f0}.description-content pre code{background:none;padding:0;color:#2d3748}.no-description{color:#a0aec0;font-style:italic;margin:0}.waypoint-main-actions{display:flex;gap:16px;padding:20px;background:#f8f9fa;margin-bottom:10px;border:1px solid #e9ecef}.add-waypoint-btn-large{background:var(--primary-green);color:#fff;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;flex:1;max-width:210px;box-shadow:0 4px 12px var(--shadow-primary-green);position:relative;overflow:hidden}.add-waypoint-btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-primary-green);background:var(--primary-green-hover)}.add-waypoint-btn-large:active{transform:translateY(0);box-shadow:0 2px 8px var(--shadow-primary-green)}.generate-route-btn-large{background:var(--primary-blue);color:#fff;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;flex:1;max-width:250px;box-shadow:0 4px 12px var(--shadow-primary-blue);position:relative;overflow:hidden}.generate-route-btn-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-primary-blue);background:var(--primary-blue-hover)}.generate-route-btn-large:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--shadow-primary-blue)}.generate-route-btn-large:disabled{background:var(--neutral-gray);cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 2px 8px var(--shadow-neutral)}.add-waypoint-btn-large:before,.generate-route-btn-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-waypoint-btn-large:hover:before,.generate-route-btn-large:hover:not(:disabled):before{left:100%}@media (max-width: 768px){.waypoint-main-actions{flex-direction:column;gap:12px}.add-waypoint-btn-large,.generate-route-btn-large{max-width:none;width:100%}}.waypoint-bottom-actions{flex-direction:row!important}@media (max-width: 500px){.waypoint-bottom-actions{padding:16px 20px;gap:12px}.waypoint-bottom-actions .navigate-btn,.waypoint-bottom-actions .share-btn{font-size:13px;padding:10px 16px;min-width:80px;flex:1;max-width:none}}@media (max-width: 360px){.waypoint-bottom-actions{padding:16px;gap:10px}.waypoint-bottom-actions .navigate-btn,.waypoint-bottom-actions .share-btn{font-size:12px;padding:8px 12px;min-width:70px}}.waypoint-modal .modal-content{width:90%;max-width:1200px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;padding:0;overflow:hidden}.modal-header{padding:32px 40px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;margin:0}.modal-header h3{margin:0;font-size:24px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#fff3;transform:scale(1.1)}.waypoint-form{padding:40px 48px}.form-group{display:flex;flex-direction:column;margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input:hover{border-color:#d1d5db;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-row .form-group{margin-bottom:0}.waypoint-form{padding:40px 48px;display:block}.color-dropdown-container{position:relative}.color-dropdown{position:relative;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.color-dropdown:hover{border-color:#d1d5db;background:#fff}.color-dropdown.active{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.selected-color-display{display:flex;align-items:center;gap:12px;padding:12px 16px}.selected-color-display .color-preview{width:24px;height:24px;border-radius:6px;border:2px solid #e5e7eb;flex-shrink:0}.color-text{flex:1;font-size:16px;color:#374151;font-weight:500}.dropdown-arrow{transition:transform .2s ease;color:#6b7280}.dropdown-arrow.open{transform:rotate(180deg)}.color-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 10px 25px #0000001a;z-index:100;max-height:400px;overflow-y:auto}.color-section{padding:20px;border-bottom:1px solid #f3f4f6}.color-section:last-child{border-bottom:none}.color-section-label{font-weight:600;font-size:14px;color:#374151;margin-bottom:12px}.color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;max-width:320px}.color-option{width:32px;height:32px;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-option.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d;transform:scale(1.05)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.custom-color-input{display:flex;align-items:center;gap:12px}.hex-input{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-family:Courier New,monospace;font-size:14px;text-transform:uppercase;transition:all .2s ease}.hex-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-color-btn{padding:10px 16px;border:2px solid #667eea;border-radius:6px;background:#667eea;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:14px}.custom-color-btn:hover:not(:disabled){background:#5a67d8;border-color:#5a67d8;transform:translateY(-1px)}.custom-color-btn:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.random-color-btn{padding:10px 12px;border:2px solid #f59e0b;border-radius:6px;background:#f59e0b;color:#fff;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.random-color-btn:hover{background:#d97706;border-color:#d97706;transform:translateY(-1px) scale(1.05)}.color-error{color:#ef4444;font-size:12px;margin-top:6px;display:block;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #f3f4f6}.form-actions .cancel-btn{padding:12px 24px;border:2px solid #6b7280;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:14px}.form-actions .cancel-btn:hover{background:#6b7280;color:#fff;transform:translateY(-1px)}.form-actions .save-btn{padding:12px 24px;border:2px solid #667eea;border-radius:8px;background:#667eea;color:#fff;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:14px}.form-actions .save-btn:hover:not(:disabled){background:#5a67d8;border-color:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.form-actions .save-btn:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.image-preview{margin-top:12px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.image-preview img{width:100%;height:200px;object-fit:cover;display:block}.form-help{font-size:13px;color:#6b7280;margin-top:6px;font-style:italic}@media (max-width: 768px){.waypoint-modal .modal-content{width:95%;max-width:none;margin:20px}.modal-header{padding:20px 24px}.waypoint-form{padding:24px;display:block}.form-row{grid-template-columns:1fr;gap:16px}.color-grid{grid-template-columns:repeat(6,1fr)}}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.help-btn{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #667eea4d;transition:all .2s ease}.help-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.help-btn:hover .help-icon{transform:scale(1.1);box-shadow:0 3px 8px #667eea66}.help-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.help-modal{max-width:600px;width:90%;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;overflow:hidden}.help-modal .modal-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:24px 32px;margin:0;border-radius:12px 12px 0 0}.help-modal .modal-header h3{margin:0;font-size:20px;font-weight:600}.help-content{padding:32px}.help-step{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.help-step:last-child{margin-bottom:0}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.step-content{flex:1}.step-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#2d3748;line-height:1.4}.step-content p{margin:0;color:#4a5568;line-height:1.6;font-size:14px}.help-modal .modal-actions{padding:24px 32px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center;margin:0}.close-help-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #28a7454d}.close-help-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.close-help-btn:active{transform:translateY(0);box-shadow:0 2px 8px #28a7454d}@media (max-width: 768px){.help-modal{width:95%;margin:20px}.help-modal .modal-header{padding:20px 24px}.help-content{padding:24px}.help-step{gap:16px;margin-bottom:20px}.step-number{width:28px;height:28px;font-size:13px}.step-content h4{font-size:15px}.step-content p{font-size:13px}.help-modal .modal-actions{padding:20px 24px}.help-btn{font-size:12px;padding:6px 12px}}.location-suggestions{position:absolute;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 6px #0003;z-index:1000;top:100%;margin-top:2px}.suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-item:last-child{border-bottom:none}.form-group{margin-bottom:15px}.form-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.profile-settings-container[data-v-78fc0b5b]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative}.page-header[data-v-78fc0b5b]{text-align:center;margin-bottom:30px}.header-content[data-v-78fc0b5b]{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2)}.page-title[data-v-78fc0b5b]{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-subtitle[data-v-78fc0b5b]{font-size:18px;color:#ffffffe6;margin:0}.content-wrapper[data-v-78fc0b5b]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;grid-template-areas:"profile preferences" "profile security" "stats stats"}.section-card[data-v-78fc0b5b]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:transform .2s ease,box-shadow .2s ease;height:fit-content}.profile-section[data-v-78fc0b5b]{grid-area:profile}.preferences-section[data-v-78fc0b5b]{grid-area:preferences}.security-section[data-v-78fc0b5b]{grid-area:security}.stats-section[data-v-78fc0b5b]{grid-area:stats}.section-card[data-v-78fc0b5b]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.section-header[data-v-78fc0b5b]{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-icon[data-v-78fc0b5b]{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.section-header h2[data-v-78fc0b5b]{font-size:24px;font-weight:600;color:#333;margin:0}.profile-content[data-v-78fc0b5b]{display:flex;flex-direction:column;gap:25px;align-items:center}.avatar-section[data-v-78fc0b5b]{display:flex;flex-direction:column;align-items:center;width:100%}.avatar-container[data-v-78fc0b5b]{text-align:center;width:140px}.avatar[data-v-78fc0b5b]{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:15px;border:4px solid #e9ecef;box-shadow:0 4px 20px #0000001a}.avatar img[data-v-78fc0b5b]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-78fc0b5b]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:36px}.avatar-actions[data-v-78fc0b5b]{display:flex;flex-direction:column;gap:8px;width:100%}.avatar-btn[data-v-78fc0b5b]{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.upload-btn[data-v-78fc0b5b]{background:linear-gradient(135deg,#06c,#0052a3);color:#fff;box-shadow:0 2px 8px #0066cc4d}.upload-btn[data-v-78fc0b5b]:hover{background:linear-gradient(135deg,#0052a3,#003d7a);transform:translateY(-1px);box-shadow:0 4px 12px #06c6}.remove-btn[data-v-78fc0b5b]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 8px #dc35454d}.remove-btn[data-v-78fc0b5b]:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.avatar-btn[data-v-78fc0b5b]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.hidden[data-v-78fc0b5b]{display:none}.profile-form[data-v-78fc0b5b]{width:100%;max-width:400px}.form-row[data-v-78fc0b5b]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-78fc0b5b]{margin-bottom:20px}.form-group label[data-v-78fc0b5b]{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input[data-v-78fc0b5b]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.form-group input[data-v-78fc0b5b]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input[data-v-78fc0b5b]:disabled,.disabled-input[data-v-78fc0b5b]{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.form-help[data-v-78fc0b5b]{display:block;margin-top:4px;color:#6c757d;font-size:12px}.error-text[data-v-78fc0b5b]{color:#dc3545;font-size:12px;margin-top:4px}.preferences-grid[data-v-78fc0b5b]{display:grid;gap:30px}.preference-item[data-v-78fc0b5b]{background:#f8f9fa;border-radius:16px;padding:20px}.preference-item.full-width[data-v-78fc0b5b]{grid-column:1 / -1}.preference-header[data-v-78fc0b5b]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.preference-icon[data-v-78fc0b5b]{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.preference-header h3[data-v-78fc0b5b]{font-size:18px;font-weight:600;color:#333;margin:0 0 4px}.preference-header p[data-v-78fc0b5b]{color:#6c757d;font-size:14px;margin:0}.preference-options[data-v-78fc0b5b]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.option-card[data-v-78fc0b5b]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.option-card[data-v-78fc0b5b]:hover{border-color:#06c;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc1a}.option-card.active[data-v-78fc0b5b]{border-color:#06c;background:linear-gradient(135deg,#06c,#764ba2);color:#fff;box-shadow:0 4px 15px #0066cc4d}.option-card input[data-v-78fc0b5b]{display:none}.option-content[data-v-78fc0b5b]{text-align:center}.option-label[data-v-78fc0b5b]{display:block;font-weight:600;font-size:14px;margin-bottom:4px}.option-example[data-v-78fc0b5b]{display:block;font-size:12px;opacity:.7}.map-style-grid[data-v-78fc0b5b]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.map-style-card[data-v-78fc0b5b]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.map-style-card[data-v-78fc0b5b]:hover{border-color:#06c;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc1a}.map-style-card.active[data-v-78fc0b5b]{border-color:#06c;background:linear-gradient(135deg,#06c,#764ba2);color:#fff;box-shadow:0 4px 15px #0066cc4d}.map-style-card input[data-v-78fc0b5b]{display:none}.map-preview[data-v-78fc0b5b]{width:100%;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:#f8f9fa;transition:all .2s ease}.map-preview.standard[data-v-78fc0b5b]{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.map-preview.light[data-v-78fc0b5b]{background:linear-gradient(135deg,#fff9c4,#fff59d)}.map-preview.dark[data-v-78fc0b5b]{background:linear-gradient(135deg,#424242,#212121)}.map-preview.satellite[data-v-78fc0b5b]{background:linear-gradient(135deg,#4caf50,#2e7d32)}.map-icon[data-v-78fc0b5b]{font-size:24px}.map-label[data-v-78fc0b5b]{font-weight:600;font-size:14px}.security-content[data-v-78fc0b5b]{display:grid;gap:20px}.security-item[data-v-78fc0b5b]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.security-info h3[data-v-78fc0b5b]{font-size:16px;font-weight:600;color:#333;margin:0 0 4px}.security-info p[data-v-78fc0b5b]{color:#6c757d;font-size:14px;margin:0}.toggle-switch[data-v-78fc0b5b]{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input[data-v-78fc0b5b]{opacity:0;width:0;height:0}.toggle-slider[data-v-78fc0b5b]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:30px}.toggle-slider[data-v-78fc0b5b]:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider[data-v-78fc0b5b]{background-color:#06c}.toggle-switch input:checked+.toggle-slider[data-v-78fc0b5b]:before{transform:translate(30px)}.password-form-container[data-v-78fc0b5b]{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef;margin-top:15px}.password-form[data-v-78fc0b5b]{display:grid;gap:20px}.stats-grid[data-v-78fc0b5b]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.quota-section[data-v-78fc0b5b]{margin-top:20px;padding-top:20px;border-top:2px solid #f0f0f0}.quota-title[data-v-78fc0b5b]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.quota-title[data-v-78fc0b5b]:before{content:"📊";font-size:20px}.quota-stats-grid[data-v-78fc0b5b]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.stat-item[data-v-78fc0b5b]{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;transition:all .2s ease}.stat-item[data-v-78fc0b5b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-value[data-v-78fc0b5b]{font-size:28px;font-weight:700;color:#06c;margin-bottom:8px}.stat-label[data-v-78fc0b5b]{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-sublabel[data-v-78fc0b5b]{font-size:10px;color:#9ca3af;margin-top:2px;font-style:italic}.verification-badge[data-v-78fc0b5b]{font-size:24px}.verification-badge.verified[data-v-78fc0b5b]{color:#28a745}.quota-info-box[data-v-78fc0b5b]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;padding:16px;border:1px solid #90caf9;display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.info-icon[data-v-78fc0b5b]{font-size:20px;margin-top:2px}.info-content[data-v-78fc0b5b]{flex:1}.info-content p[data-v-78fc0b5b]{margin:0 0 8px;color:#1565c0;font-size:14px}.info-content ul[data-v-78fc0b5b]{margin:0;padding-left:16px;color:#1976d2}.info-content li[data-v-78fc0b5b]{font-size:13px;margin-bottom:4px;line-height:1.4}.info-content li[data-v-78fc0b5b]:last-child{margin-bottom:0}.member-since[data-v-78fc0b5b]{text-align:center;color:#6c757d;font-style:italic;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin-top:20px}.btn[data-v-78fc0b5b]{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary[data-v-78fc0b5b]{background:linear-gradient(135deg,#06c,#764ba2);color:#fff;box-shadow:0 4px 15px #0066cc4d}.btn-primary[data-v-78fc0b5b]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #06c6}.btn-outline[data-v-78fc0b5b]{background:#fff;color:#06c;border:2px solid #0066cc}.btn-outline[data-v-78fc0b5b]:hover{background:#06c;color:#fff;transform:translateY(-1px)}.btn[data-v-78fc0b5b]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-actions[data-v-78fc0b5b]{display:flex;justify-content:flex-end;margin-top:20px}.loading-overlay[data-v-78fc0b5b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-78fc0b5b]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0066cc;border-radius:50%;animation:spin-78fc0b5b 1s linear infinite;margin-bottom:15px}@keyframes spin-78fc0b5b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p[data-v-78fc0b5b]{color:#333;font-weight:600;font-size:16px}.notification[data-v-78fc0b5b]{position:fixed;bottom:30px;right:30px;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:500;z-index:1000;animation:slideIn-78fc0b5b .3s ease,slideOut-78fc0b5b .3s ease 2.7s;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:10px;max-width:400px}.notification.success[data-v-78fc0b5b]{background:#28a745e6;color:#fff;border:1px solid rgba(40,167,69,.3)}.notification.error[data-v-78fc0b5b]{background:#dc3545e6;color:#fff;border:1px solid rgba(220,53,69,.3)}.notification-icon[data-v-78fc0b5b]{font-size:18px}@keyframes slideIn-78fc0b5b{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-78fc0b5b{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 968px){.content-wrapper[data-v-78fc0b5b]{grid-template-columns:1fr;grid-template-areas:"profile" "preferences" "security" "stats"}}@media (max-width: 768px){.profile-settings-container[data-v-78fc0b5b]{padding:15px}.page-title[data-v-78fc0b5b]{font-size:28px}.header-content[data-v-78fc0b5b],.section-card[data-v-78fc0b5b]{padding:20px}.profile-content[data-v-78fc0b5b]{gap:20px}.form-row[data-v-78fc0b5b]{gap:15px}.preference-options[data-v-78fc0b5b]{grid-template-columns:1fr}.map-style-grid[data-v-78fc0b5b],.stats-grid[data-v-78fc0b5b],.quota-stats-grid[data-v-78fc0b5b]{grid-template-columns:repeat(2,1fr)}.security-item[data-v-78fc0b5b]{flex-direction:column;align-items:flex-start;gap:15px}.notification[data-v-78fc0b5b]{right:15px;bottom:15px;left:15px;max-width:none}}@media (max-width: 480px){.page-title[data-v-78fc0b5b]{font-size:24px}.section-header[data-v-78fc0b5b]{flex-direction:column;align-items:flex-start;gap:10px}.section-icon[data-v-78fc0b5b]{font-size:20px;width:40px;height:40px}.section-header h2[data-v-78fc0b5b]{font-size:20px}.map-style-grid[data-v-78fc0b5b],.stats-grid[data-v-78fc0b5b],.quota-stats-grid[data-v-78fc0b5b]{grid-template-columns:1fr}.avatar[data-v-78fc0b5b]{width:100px;height:100px}.avatar-placeholder[data-v-78fc0b5b]{font-size:28px}}@media (prefers-color-scheme: dark){.map-preview.dark .map-icon[data-v-78fc0b5b]{color:#fff}}.field-tester-container[data-v-3fff95b1]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.page-header[data-v-3fff95b1]{text-align:center;margin-bottom:30px}.header-content[data-v-3fff95b1]{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2)}.page-title[data-v-3fff95b1]{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-subtitle[data-v-3fff95b1]{font-size:18px;color:#ffffffe6;margin:0}.content-wrapper[data-v-3fff95b1]{max-width:1400px;margin:0 auto}.instructions-card[data-v-3fff95b1]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;margin-bottom:25px;border:1px solid rgba(255,255,255,.2)}.instructions-card h3[data-v-3fff95b1]{color:#333;margin-bottom:10px;font-size:18px;font-weight:600}.instructions-card p[data-v-3fff95b1]{color:#666;margin-bottom:15px;line-height:1.5}.instructions-card code[data-v-3fff95b1]{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:14px}.current-user-info[data-v-3fff95b1]{color:#06c;font-size:14px}.user-id[data-v-3fff95b1]{color:#666;font-family:Monaco,Menlo,monospace;font-size:12px}.main-grid[data-v-3fff95b1]{display:grid;grid-template-columns:2fr 1fr;gap:25px}.fields-section[data-v-3fff95b1],.results-section[data-v-3fff95b1]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;border:1px solid rgba(255,255,255,.2)}.fields-section h2[data-v-3fff95b1],.results-section h2[data-v-3fff95b1]{color:#333;margin-bottom:20px;font-size:22px;font-weight:600}.fields-grid[data-v-3fff95b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.field-group[data-v-3fff95b1]{display:flex;flex-direction:column}.field-group.full-width[data-v-3fff95b1]{grid-column:1 / -1}.field-group label[data-v-3fff95b1]{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.readonly[data-v-3fff95b1]{color:#999;font-weight:400;font-size:12px}.field-input[data-v-3fff95b1]{padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.field-input[data-v-3fff95b1]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.field-input[data-v-3fff95b1]:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.field-input.disabled[data-v-3fff95b1]{background-color:#f8f9fa;color:#6c757d}.batch-test-section[data-v-3fff95b1]{border-top:2px solid #f0f0f0;padding-top:20px}.batch-test-section h3[data-v-3fff95b1]{color:#333;margin-bottom:15px;font-size:18px;font-weight:600}.batch-buttons[data-v-3fff95b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.test-btn[data-v-3fff95b1]{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-align:center}.test-btn.primary[data-v-3fff95b1]{background:#06c;color:#fff}.test-btn.secondary[data-v-3fff95b1]{background:#6c757d;color:#fff}.test-btn.warning[data-v-3fff95b1]{background:#fd7e14;color:#fff}.test-btn.outline[data-v-3fff95b1]{background:#fff;color:#06c;border:2px solid #0066cc}.test-btn[data-v-3fff95b1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.test-btn[data-v-3fff95b1]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.results-list[data-v-3fff95b1]{max-height:600px;overflow-y:auto}.no-results[data-v-3fff95b1]{text-align:center;color:#666;padding:40px 20px;font-style:italic}.result-item[data-v-3fff95b1]{border-radius:8px;padding:12px;margin-bottom:10px;border-left:4px solid}.result-item.success[data-v-3fff95b1]{background:#d4edda;border-left-color:#28a745}.result-item.error[data-v-3fff95b1]{background:#f8d7da;border-left-color:#dc3545}.result-item.testing[data-v-3fff95b1]{background:#fff3cd;border-left-color:#ffc107}.result-header[data-v-3fff95b1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.result-icon[data-v-3fff95b1]{font-size:16px}.result-field[data-v-3fff95b1]{font-weight:600;color:#333}.result-time[data-v-3fff95b1]{font-size:12px;color:#666;font-family:Monaco,Menlo,monospace}.result-details[data-v-3fff95b1]{font-size:12px;color:#555}.result-change[data-v-3fff95b1]{margin-bottom:5px}.result-change code[data-v-3fff95b1]{background:#0000000d;padding:1px 4px;border-radius:3px;font-family:Monaco,Menlo,monospace}.result-error[data-v-3fff95b1]{color:#dc3545;font-weight:500;margin-top:5px}.result-duration[data-v-3fff95b1]{color:#666;margin-top:5px}.loading-overlay[data-v-3fff95b1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-3fff95b1]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0066cc;border-radius:50%;animation:spin-3fff95b1 1s linear infinite;margin-bottom:15px}@keyframes spin-3fff95b1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p[data-v-3fff95b1]{color:#333;font-weight:600;font-size:16px}.error-notification[data-v-3fff95b1]{position:fixed;bottom:30px;right:30px;background:#dc3545f2;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;max-width:400px;display:flex;align-items:center;gap:10px}.error-icon[data-v-3fff95b1]{font-size:18px}.error-close[data-v-3fff95b1]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:auto;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.main-grid[data-v-3fff95b1],.fields-grid[data-v-3fff95b1],.batch-buttons[data-v-3fff95b1]{grid-template-columns:1fr}}@media (max-width: 768px){.field-tester-container[data-v-3fff95b1]{padding:15px}.page-title[data-v-3fff95b1]{font-size:28px}.header-content[data-v-3fff95b1],.fields-section[data-v-3fff95b1],.results-section[data-v-3fff95b1]{padding:20px}}.copy-drive-container[data-v-9f0b65ba]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.copy-drive-content[data-v-9f0b65ba]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;padding:40px;max-width:600px;width:100%}.copy-header[data-v-9f0b65ba]{text-align:center;margin-bottom:40px}.copy-title[data-v-9f0b65ba]{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:8px}.copy-subtitle[data-v-9f0b65ba]{font-size:16px;color:#718096;margin:0}.progress-section[data-v-9f0b65ba]{margin-bottom:40px}.progress-container[data-v-9f0b65ba]{margin-bottom:30px}.progress-bar-wrapper[data-v-9f0b65ba]{position:relative;margin-bottom:20px}.progress-bar[data-v-9f0b65ba]{width:100%;height:12px;background-color:#e2e8f0;border-radius:6px;overflow:hidden}.progress-fill[data-v-9f0b65ba]{height:100%;background:linear-gradient(90deg,#4299e1,#3182ce);border-radius:6px;transition:width .5s ease;position:relative}.progress-fill.completed[data-v-9f0b65ba]{background:linear-gradient(90deg,#48bb78,#38a169)}.progress-fill.error[data-v-9f0b65ba]{background:linear-gradient(90deg,#f56565,#e53e3e)}.progress-text[data-v-9f0b65ba]{position:absolute;top:-30px;right:0;font-size:14px;font-weight:600;color:#4a5568}.status-message[data-v-9f0b65ba]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:8px;background-color:#f7fafc;border:1px solid #e2e8f0;font-size:16px;font-weight:500}.status-message.error[data-v-9f0b65ba]{background-color:#fed7d7;border-color:#feb2b2;color:#c53030}.status-message.success[data-v-9f0b65ba]{background-color:#c6f6d5;border-color:#9ae6b4;color:#2f855a}.status-icon[data-v-9f0b65ba]{width:24px;height:24px}.spinner[data-v-9f0b65ba]{width:20px;height:20px;border:3px solid #e2e8f0;border-top:3px solid #4299e1;border-radius:50%;animation:spin-9f0b65ba 1s linear infinite}@keyframes spin-9f0b65ba{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-steps[data-v-9f0b65ba]{display:flex;flex-direction:column;gap:16px}.progress-step[data-v-9f0b65ba]{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:8px;transition:all .3s ease}.progress-step.active[data-v-9f0b65ba]{background-color:#ebf4ff;border:1px solid #bee3f8}.progress-step.completed[data-v-9f0b65ba]{background-color:#f0fff4;border:1px solid #c6f6d5}.progress-step.error[data-v-9f0b65ba]{background-color:#fed7d7;border:1px solid #feb2b2}.step-icon[data-v-9f0b65ba]{width:32px;height:32px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#718096;flex-shrink:0;transition:all .3s ease}.progress-step.active .step-icon[data-v-9f0b65ba]{background-color:#4299e1;color:#fff}.progress-step.completed .step-icon[data-v-9f0b65ba]{background-color:#48bb78;color:#fff}.progress-step.error .step-icon[data-v-9f0b65ba]{background-color:#f56565;color:#fff}.check-icon[data-v-9f0b65ba],.error-icon[data-v-9f0b65ba]{width:16px;height:16px}.spinner-small[data-v-9f0b65ba]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-9f0b65ba 1s linear infinite}.step-number[data-v-9f0b65ba]{font-size:14px;font-weight:600}.step-content[data-v-9f0b65ba]{flex:1}.step-title[data-v-9f0b65ba]{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.step-description[data-v-9f0b65ba]{font-size:14px;color:#718096;line-height:1.4}.progress-step.active .step-title[data-v-9f0b65ba]{color:#3182ce}.progress-step.completed .step-title[data-v-9f0b65ba]{color:#2f855a}.progress-step.error .step-title[data-v-9f0b65ba]{color:#c53030}.actions-section[data-v-9f0b65ba]{margin-bottom:30px}.error-actions[data-v-9f0b65ba],.success-actions[data-v-9f0b65ba],.processing-actions[data-v-9f0b65ba]{display:flex;gap:12px;justify-content:center}.primary-btn[data-v-9f0b65ba],.secondary-btn[data-v-9f0b65ba],.retry-btn[data-v-9f0b65ba],.cancel-btn[data-v-9f0b65ba]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;min-height:48px;box-sizing:border-box}.primary-btn[data-v-9f0b65ba]{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.primary-btn[data-v-9f0b65ba]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4299e166}.secondary-btn[data-v-9f0b65ba]{background:#fff;color:#4299e1;border:2px solid #4299e1}.secondary-btn[data-v-9f0b65ba]:hover:not(:disabled){background:#4299e1;color:#fff}.retry-btn[data-v-9f0b65ba]{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none}.retry-btn[data-v-9f0b65ba]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ed893666}.cancel-btn[data-v-9f0b65ba]{background:#f7fafc;color:#718096;border:1px solid #e2e8f0}.cancel-btn[data-v-9f0b65ba]:hover:not(:disabled){background:#edf2f7;color:#4a5568}.btn-icon[data-v-9f0b65ba]{width:16px;height:16px}button[data-v-9f0b65ba]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.drive-info-card[data-v-9f0b65ba]{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.drive-info-card h3[data-v-9f0b65ba]{margin:0 0 16px;font-size:18px;font-weight:600;color:#2d3748}.drive-info-grid[data-v-9f0b65ba]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-item[data-v-9f0b65ba]{display:flex;flex-direction:column;gap:4px}.info-item label[data-v-9f0b65ba]{font-size:12px;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.05em}.info-item span[data-v-9f0b65ba]{font-size:14px;font-weight:600;color:#2d3748}@media (max-width: 768px){.copy-drive-container[data-v-9f0b65ba]{padding:10px}.copy-drive-content[data-v-9f0b65ba]{padding:24px}.copy-title[data-v-9f0b65ba]{font-size:24px}.copy-subtitle[data-v-9f0b65ba]{font-size:14px}.progress-steps[data-v-9f0b65ba]{gap:12px}.progress-step[data-v-9f0b65ba]{padding:12px}.step-icon[data-v-9f0b65ba]{width:28px;height:28px}.step-title[data-v-9f0b65ba]{font-size:14px}.step-description[data-v-9f0b65ba]{font-size:12px}.error-actions[data-v-9f0b65ba],.success-actions[data-v-9f0b65ba]{flex-direction:column}.drive-info-grid[data-v-9f0b65ba]{grid-template-columns:1fr;gap:12px}}.progress-step.completed[data-v-9f0b65ba]{animation:completePulse-9f0b65ba .6s ease-out}@keyframes completePulse-9f0b65ba{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.progress-step.active[data-v-9f0b65ba]{animation:activePulse-9f0b65ba 2s ease-in-out infinite}@keyframes activePulse-9f0b65ba{0%,to{background-color:#ebf4ff}50%{background-color:#dbeafe}}.countdown-timer[data-v-9f0b65ba]{display:flex;justify-content:center;margin-bottom:20px}.countdown-content[data-v-9f0b65ba]{display:flex;flex-direction:column;align-items:center;gap:12px}.countdown-circle[data-v-9f0b65ba]{position:relative;width:60px;height:60px}.countdown-svg[data-v-9f0b65ba]{width:100%;height:100%;transform:rotate(-90deg)}.countdown-bg[data-v-9f0b65ba]{fill:none;stroke:#e2e8f0;stroke-width:3}.countdown-progress[data-v-9f0b65ba]{fill:none;stroke:#4299e1;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s ease}.countdown-number[data-v-9f0b65ba]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:#4299e1}.countdown-text[data-v-9f0b65ba]{font-size:14px;color:#718096;text-align:center;font-weight:500}.error-actions .countdown-progress[data-v-9f0b65ba]{stroke:#f56565}.error-actions .countdown-number[data-v-9f0b65ba]{color:#f56565}.success-actions .countdown-progress[data-v-9f0b65ba]{stroke:#48bb78}.success-actions .countdown-number[data-v-9f0b65ba]{color:#48bb78}.about-view[data-v-81b5f19a]{min-height:100vh}.container[data-v-81b5f19a]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section[data-v-81b5f19a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.hero-title[data-v-81b5f19a]{font-size:3.5rem;font-weight:700;margin-bottom:20px;letter-spacing:-.02em;line-height:1.1}.hero-subtitle[data-v-81b5f19a]{font-size:1.25rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6}.mission-section[data-v-81b5f19a]{padding:100px 0;background-color:#f8fafc;text-align:center}.mission-content h2[data-v-81b5f19a]{font-size:2.5rem;font-weight:600;margin-bottom:30px;color:#1a202c}.mission-text[data-v-81b5f19a]{font-size:1.1rem;line-height:1.8;color:#4a5568;max-width:800px;margin:0 auto}.features-section[data-v-81b5f19a]{padding:100px 0;background-color:#fff}.features-section h2[data-v-81b5f19a]{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:60px;color:#1a202c}.features-grid[data-v-81b5f19a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card[data-v-81b5f19a]{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-card[data-v-81b5f19a]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.feature-icon[data-v-81b5f19a]{font-size:3rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.feature-card h3[data-v-81b5f19a]{font-size:1.25rem;font-weight:600;margin-bottom:15px;color:#1a202c}.feature-card p[data-v-81b5f19a]{color:#4a5568;line-height:1.6}.experience-section[data-v-81b5f19a]{padding:100px 0;background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;text-align:center}.experience-content h2[data-v-81b5f19a]{font-size:2.5rem;font-weight:600;margin-bottom:30px}.experience-text[data-v-81b5f19a]{font-size:1.25rem;max-width:800px;margin:0 auto 60px;line-height:1.8;opacity:.9}.experience-examples[data-v-81b5f19a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:900px;margin:0 auto}.example-card[data-v-81b5f19a]{background:#ffffff1a;padding:30px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center}.experience-icon[data-v-81b5f19a]{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.example-card h3[data-v-81b5f19a]{font-size:1.1rem;font-weight:600;margin-bottom:10px}.example-card p[data-v-81b5f19a]{font-size:.95rem;opacity:.8;line-height:1.5}.values-section[data-v-81b5f19a]{padding:100px 0;background-color:#f8fafc}.values-section h2[data-v-81b5f19a]{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:30px;color:#1a202c}.values-intro[data-v-81b5f19a]{text-align:center;font-size:1.1rem;color:#4a5568;max-width:700px;margin:0 auto 60px;line-height:1.8}.values-grid[data-v-81b5f19a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.value-card[data-v-81b5f19a]{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 5px 20px #0000000d;transition:transform .3s ease}.value-icon[data-v-81b5f19a]{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.value-card[data-v-81b5f19a]:hover{transform:translateY(-3px)}.value-card h3[data-v-81b5f19a]{font-size:1.25rem;font-weight:600;margin-bottom:15px;color:#1a202c}.value-card p[data-v-81b5f19a]{color:#4a5568;line-height:1.6}.cta-section[data-v-81b5f19a]{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-content h2[data-v-81b5f19a]{font-size:2.5rem;font-weight:600;margin-bottom:20px}.cta-content p[data-v-81b5f19a]{font-size:1.1rem;margin-bottom:40px;opacity:.9}.cta-buttons[data-v-81b5f19a]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn[data-v-81b5f19a]{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent}.btn-primary[data-v-81b5f19a]{background-color:#fff;color:#667eea}.btn-primary[data-v-81b5f19a]:hover{background-color:#f7fafc;transform:translateY(-2px)}.btn-secondary[data-v-81b5f19a]{background-color:transparent;color:#fff;border-color:#fff}.btn-secondary[data-v-81b5f19a]:hover{background-color:#fff;color:#667eea;transform:translateY(-2px)}.stats-section[data-v-81b5f19a]{padding:100px 0;background-color:#f8fafc;text-align:center}.stats-section h2[data-v-81b5f19a]{font-size:2.5rem;font-weight:600;margin-bottom:20px;color:#1a202c}.stats-intro[data-v-81b5f19a]{font-size:1.1rem;color:#4a5568;max-width:600px;margin:0 auto 60px;line-height:1.6}.stats-grid[data-v-81b5f19a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1200px;margin:0 auto}.stat-card[data-v-81b5f19a]{background:#fff;padding:50px 30px;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.stat-card[data-v-81b5f19a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card[data-v-81b5f19a]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.stat-icon[data-v-81b5f19a]{width:60px;height:60px;margin:0 auto 25px;color:#667eea;display:flex;align-items:center;justify-content:center}.stat-icon svg[data-v-81b5f19a]{width:100%;height:100%}.stat-number[data-v-81b5f19a]{font-size:3rem;font-weight:700;margin-bottom:15px;color:#1a202c;line-height:1}.stat-label[data-v-81b5f19a]{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:8px;text-transform:none;letter-spacing:normal}.stat-sublabel[data-v-81b5f19a]{font-size:.95rem;color:#718096;font-weight:400;font-style:normal}.stats-loading[data-v-81b5f19a]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:80px 0}.loading-spinner[data-v-81b5f19a]{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top:3px solid #667eea;border-radius:50%;animation:spin-81b5f19a 1s linear infinite}@keyframes spin-81b5f19a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-loading p[data-v-81b5f19a]{color:#4a5568;font-size:1.1rem}@media (max-width: 768px){.stats-grid[data-v-81b5f19a]{grid-template-columns:1fr;gap:30px}.stat-card[data-v-81b5f19a]{padding:40px 25px}.stat-icon[data-v-81b5f19a]{width:50px;height:50px;margin-bottom:20px}.stat-number[data-v-81b5f19a]{font-size:2.5rem}.stats-section[data-v-81b5f19a]{padding:80px 0}.stats-section h2[data-v-81b5f19a]{font-size:2rem}.stats-intro[data-v-81b5f19a]{font-size:1rem;margin-bottom:50px}.hero-title[data-v-81b5f19a]{font-size:2.5rem}.hero-subtitle[data-v-81b5f19a]{font-size:1.1rem}.features-grid[data-v-81b5f19a],.values-grid[data-v-81b5f19a],.experience-examples[data-v-81b5f19a]{grid-template-columns:1fr}.cta-buttons[data-v-81b5f19a]{flex-direction:column;align-items:center}.btn[data-v-81b5f19a]{width:200px}}@media (max-width: 480px){.container[data-v-81b5f19a]{padding:0 15px}.hero-section[data-v-81b5f19a],.mission-section[data-v-81b5f19a],.features-section[data-v-81b5f19a],.experience-section[data-v-81b5f19a],.values-section[data-v-81b5f19a],.cta-section[data-v-81b5f19a],.stats-section[data-v-81b5f19a]{padding:60px 0}.hero-title[data-v-81b5f19a]{font-size:2rem}.feature-card[data-v-81b5f19a],.value-card[data-v-81b5f19a]{padding:30px 20px}.stat-card[data-v-81b5f19a]{padding:35px 20px}.stat-icon[data-v-81b5f19a]{width:45px;height:45px}.stat-number[data-v-81b5f19a]{font-size:2rem}.example-card[data-v-81b5f19a]{padding:25px 15px}}.pricing-view[data-v-c884b747]{min-height:100vh}.container[data-v-c884b747]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section[data-v-c884b747]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.hero-title[data-v-c884b747]{font-size:3.5rem;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.hero-subtitle[data-v-c884b747]{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.pricing-section[data-v-c884b747]{padding:100px 0;background-color:#f8fafc}.billing-toggle[data-v-c884b747]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:60px;font-weight:600}.billing-toggle span[data-v-c884b747]{color:#4a5568;transition:color .3s ease}.billing-toggle span.active[data-v-c884b747]{color:#667eea}.toggle-switch[data-v-c884b747]{width:60px;height:30px;background-color:#e2e8f0;border-radius:15px;position:relative;cursor:pointer;transition:background-color .3s ease}.toggle-slider[data-v-c884b747]{width:26px;height:26px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-slider.annual[data-v-c884b747]{transform:translate(30px)}.discount-badge[data-v-c884b747]{background-color:#48bb78;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;margin-left:8px}.pricing-grid[data-v-c884b747]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}.pricing-card[data-v-c884b747]{background:#fff;border-radius:16px;padding:30px 25px;position:relative;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.pricing-card[data-v-c884b747]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.pricing-card.featured[data-v-c884b747]{border:2px solid #667eea;transform:scale(1.05)}.pricing-card.featured[data-v-c884b747]:hover{transform:scale(1.05) translateY(-5px)}.popular-badge[data-v-c884b747]{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 24px;border-radius:20px;font-size:.875rem;font-weight:600}.plan-header[data-v-c884b747]{text-align:center;margin-bottom:30px}.plan-name[data-v-c884b747]{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#1a202c}.plan-price[data-v-c884b747]{display:flex;align-items:baseline;justify-content:center;margin-bottom:15px}.currency[data-v-c884b747]{font-size:1.25rem;font-weight:600;color:#4a5568}.amount[data-v-c884b747]{font-size:3rem;font-weight:700;color:#1a202c;margin:0 5px}.period[data-v-c884b747]{font-size:1rem;color:#4a5568}.plan-description[data-v-c884b747]{color:#4a5568;font-size:1rem}.plan-features[data-v-c884b747]{margin-bottom:30px;flex-grow:1}.feature[data-v-c884b747]{display:flex;align-items:center;margin-bottom:12px;font-size:.9rem}.feature-icon[data-v-c884b747]{width:20px;height:20px;background-color:#48bb78;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:.75rem;font-weight:600;flex-shrink:0}.plan-button[data-v-c884b747]{width:100%;padding:15px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:#f7fafc;color:#1a202c;border:2px solid #e2e8f0}.plan-button[data-v-c884b747]:hover{background-color:#edf2f7;transform:translateY(-2px)}.plan-button.primary[data-v-c884b747]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.plan-button.primary[data-v-c884b747]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.comparison-section[data-v-c884b747]{padding:100px 0;background-color:#fff}.comparison-section h2[data-v-c884b747]{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:60px;color:#1a202c}.comparison-table[data-v-c884b747]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014}.comparison-header[data-v-c884b747]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:20px}.comparison-row[data-v-c884b747]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:20px;border-bottom:1px solid #e2e8f0;align-items:center}.comparison-row[data-v-c884b747]:last-child{border-bottom:none}.comparison-row[data-v-c884b747]:nth-child(2n){background-color:#f8fafc}.feature-column[data-v-c884b747],.plan-column[data-v-c884b747]{text-align:center}.feature-column[data-v-c884b747]{text-align:left}.feature-name[data-v-c884b747]{font-weight:600;color:#1a202c}.feature-value[data-v-c884b747]{text-align:center;color:#4a5568;font-weight:500}.faq-section[data-v-c884b747]{padding:100px 0;background-color:#f8fafc}.faq-section h2[data-v-c884b747]{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:60px;color:#1a202c}.faq-grid[data-v-c884b747]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.faq-item[data-v-c884b747]{background:#fff;padding:30px;border-radius:16px;box-shadow:0 5px 20px #0000000d}.faq-question[data-v-c884b747]{font-size:1.125rem;font-weight:600;margin-bottom:15px;color:#1a202c}.faq-answer[data-v-c884b747]{color:#4a5568;line-height:1.6}.cta-section[data-v-c884b747]{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-content h2[data-v-c884b747]{font-size:2.5rem;font-weight:600;margin-bottom:20px}.cta-content p[data-v-c884b747]{font-size:1.1rem;margin-bottom:40px;opacity:.9}.cta-buttons[data-v-c884b747]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn[data-v-c884b747]{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.btn-primary[data-v-c884b747]{background-color:#fff;color:#667eea;border:none}.btn-primary[data-v-c884b747]:hover{background-color:#f7fafc;transform:translateY(-2px)}.btn-secondary[data-v-c884b747]{background-color:transparent;color:#fff;border-color:#fff}.btn-secondary[data-v-c884b747]:hover{background-color:#fff;color:#667eea;transform:translateY(-2px)}@media (max-width: 1024px){.pricing-grid[data-v-c884b747]{grid-template-columns:repeat(2,1fr);gap:20px}.pricing-card[data-v-c884b747]:nth-child(3){grid-column:1 / -1;max-width:400px;margin:0 auto}}@media (max-width: 768px){.hero-title[data-v-c884b747]{font-size:2.5rem}.hero-subtitle[data-v-c884b747]{font-size:1.1rem}.pricing-grid[data-v-c884b747]{grid-template-columns:1fr;gap:25px}.pricing-card[data-v-c884b747]:nth-child(3){grid-column:auto;max-width:none}.pricing-card.featured[data-v-c884b747]{transform:none}.pricing-card.featured[data-v-c884b747]:hover{transform:translateY(-5px)}.comparison-header[data-v-c884b747],.comparison-row[data-v-c884b747]{grid-template-columns:1fr;text-align:center}.comparison-table[data-v-c884b747]{overflow-x:auto}.faq-grid[data-v-c884b747]{grid-template-columns:1fr}.cta-buttons[data-v-c884b747]{flex-direction:column;align-items:center}.btn[data-v-c884b747]{width:200px}}@media (max-width: 480px){.container[data-v-c884b747]{padding:0 15px}.hero-section[data-v-c884b747],.pricing-section[data-v-c884b747],.comparison-section[data-v-c884b747],.faq-section[data-v-c884b747],.cta-section[data-v-c884b747]{padding:60px 0}.hero-title[data-v-c884b747]{font-size:2rem}.pricing-card[data-v-c884b747]{padding:30px 20px}.faq-grid[data-v-c884b747]{grid-template-columns:1fr}.faq-item[data-v-c884b747]{padding:20px}}.navbar[data-v-d130b910]{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-left[data-v-d130b910],.navbar-right[data-v-d130b910]{display:flex;align-items:center}.sidebar-toggle[data-v-d130b910]{display:none;border:none;background:none;cursor:pointer;padding:8px;margin-right:10px}.hamburger[data-v-d130b910]{display:block;width:20px;height:2px;background-color:#333;position:relative}.hamburger[data-v-d130b910]:before,.hamburger[data-v-d130b910]:after{content:"";position:absolute;width:100%;height:2px;background-color:#333;left:0}.hamburger[data-v-d130b910]:before{top:-6px}.hamburger[data-v-d130b910]:after{bottom:-6px}.logo[data-v-d130b910]{display:flex;align-items:center;text-decoration:none;color:#333}.logo img[data-v-d130b910]{height:30px;margin-right:8px}.logo-text[data-v-d130b910]{font-size:18px;font-weight:700}.nav-links[data-v-d130b910]{display:flex;margin-right:20px}.nav-link[data-v-d130b910]{text-decoration:none;color:#333;padding:0 16px;font-size:14px}.nav-link[data-v-d130b910]:hover{color:#06c}.nav-link.router-link-active[data-v-d130b910]{color:#06c;font-weight:600}.auth-buttons[data-v-d130b910]{display:flex;position:relative;gap:12px}.start-trip-btn[data-v-d130b910],.signup-btn[data-v-d130b910],.login-btn[data-v-d130b910]{padding:8px 16px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.start-trip-btn[data-v-d130b910]{background-color:#06c;color:#fff}.start-trip-btn[data-v-d130b910]:hover{background-color:#0052a3}.signup-btn[data-v-d130b910]{background-color:#06c;color:#fff}.signup-btn[data-v-d130b910]:hover{background-color:#0052a3}.login-btn[data-v-d130b910]{background-color:#f8f9fa;color:#333;border:1px solid #dee2e6}.login-btn[data-v-d130b910]:hover{background-color:#e9ecef}.account-btn[data-v-d130b910]{width:40px;height:40px;border-radius:50%;border:2px solid #e2e8f0;background-color:#f7fafc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.account-btn[data-v-d130b910]:hover{border-color:#06c}.user-avatar[data-v-d130b910]{height:100%;object-fit:cover;border-radius:50%;image-rendering:auto;image-rendering:-webkit-optimize-contrast;filter:contrast(1.1) brightness(1.05);backface-visibility:hidden;transform:translateZ(0)}.default-avatar[data-v-d130b910]{font-size:16px;display:flex;align-items:center;justify-content:center}.account-menu[data-v-d130b910]{position:absolute;top:100%;right:0;width:180px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-top:8px;display:flex;flex-direction:column;z-index:10}.account-item[data-v-d130b910]{padding:12px 16px;text-decoration:none;color:#333;border-bottom:1px solid #f0f0f0}.account-item[data-v-d130b910]:last-child{border-bottom:none}.account-item[data-v-d130b910]:hover{background-color:#f5f5f5}.account-item.logout[data-v-d130b910]{color:#d9534f;border:none;font-weight:700;background:none;text-align:left;cursor:pointer}.account-item.debug-item[data-v-d130b910]{color:#6f42c1;font-size:13px;background-color:#f8f9ff;border-left:3px solid #6f42c1}.verification-banner[data-v-d130b910]{background-color:#fff3cd;border-bottom:1px solid #ffeaa7;padding:8px 16px;display:flex;align-items:center;justify-content:center;position:sticky;top:60px;z-index:99}.verification-content[data-v-d130b910]{display:flex;align-items:center;gap:12px;max-width:1200px;width:100%}.verification-icon[data-v-d130b910]{font-size:16px}.verification-text[data-v-d130b910]{color:#856404;font-size:14px;flex:1}.verification-btn[data-v-d130b910]{background-color:#06c;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer}.verification-btn[data-v-d130b910]:hover{background-color:#0052a3}.verification-btn[data-v-d130b910]:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.sidebar-toggle[data-v-d130b910]{display:block}.nav-links[data-v-d130b910],.logo-text[data-v-d130b910]{display:none}.auth-buttons[data-v-d130b910]{margin-left:auto}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body,html{height:100%;width:100%;overflow-x:hidden}body{overflow-y:visible!important}.app-container{display:flex;flex-direction:column}.main-content{flex:1}.content-area{width:100%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#f5f5f5;overflow:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin-bottom:20px}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:all .2s ease-in-out}.btn-primary{color:#fff;background-color:#06c;border-color:#06c}.btn-primary:hover{background-color:#0056b3;border-color:#004fa6}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.btn-outline{background-color:transparent;color:#333;border-color:#ddd}.btn-outline:hover{background-color:#f5f5f5}.form-group{margin-bottom:1rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}@media (max-width: 768px){html{font-size:14px}.container{padding:0 10px}.hide-on-mobile{display:none!important}}@media (min-width: 769px){.hide-on-desktop{display:none!important}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.signup-btn,.login-btn,.start-trip-btn,.account-btn{padding:8px 16px;margin-left:8px;border-radius:4px;font-size:14px;cursor:pointer;text-decoration:none}.signup-btn{background-color:transparent;color:#333;border:1px solid #ddd}.login-btn{background-color:transparent;color:#333;border:none}.start-trip-btn{background-color:#06c;color:#fff;border:none}.account-btn{background-color:transparent;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;transition:all .2s ease}.account-btn:hover{border-color:#06c;background-color:#f8f9fa}.google-maps-btn{color:#1a73e8;border-color:#1a73e8;background:linear-gradient(135deg,#fff,#f8fbff)}.google-maps-btn:not(:disabled):hover{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;border-color:#1a73e8}.navigation-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;border:2px solid;border-radius:10px;background:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;text-decoration:none;min-height:60px;box-shadow:0 2px 8px #0000001a}.navigation-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.navigation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.maps-icon,.customize-icon{width:24px;height:24px;transition:all .3s}.navigation-btn:hover:not(:disabled) .maps-icon,.navigation-btn:hover:not(:disabled) .customize-icon{transform:scale(1.1)}