@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--primary-red: #D22A27;--success: #4CAF50;--warning: #FF9800;--error: #F44336;--info: #2196F3;font-family:Montserrat,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-dark: #1A1A1A;--text-white: #FFFFFF;--text-gray: #B0B0B0;--bg-card: #2A2A2A;--border-color: #3A3A3A}[data-theme=dark]{--bg-dark: #1A1A1A;--text-white: #FFFFFF;--text-gray: #B0B0B0;--bg-card: #2A2A2A;--border-color: #3A3A3A}[data-theme=light]{--bg-dark: #F2F2F2;--text-white: #1A1A1A;--text-gray: #666666;--bg-card: #FFFFFF;--border-color: #E0E0E0}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,color .3s ease}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark);color:var(--text-white)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--primary-red);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.btn-primary{background-color:var(--primary-red);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #d22a274d}.btn-primary:hover{background-color:#b01f1d;transform:translateY(-2px);box-shadow:0 6px 12px #d22a2766}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);color:var(--text-white);border:1px solid var(--border-color);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--primary-red)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--primary-red);box-shadow:0 4px 12px #d22a2733}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-red)}.sidebar{position:fixed;left:0;top:0;height:100vh;background-color:var(--bg-dark);border-right:1px solid var(--border-color);transition:width .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar.open{width:250px}.sidebar.closed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;border-bottom:1px solid var(--border-color);min-height:72px}.logo{display:flex;align-items:center;gap:.5rem}.logo-text{font-size:1.5rem;font-weight:800;color:var(--primary-red);white-space:nowrap}.toggle-btn{background:none;border:none;color:var(--text-white);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.toggle-btn:hover{background-color:var(--bg-card)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin:.25rem .5rem;color:var(--text-gray);text-decoration:none;border-radius:8px;transition:all .2s;cursor:pointer;white-space:nowrap}.nav-item:hover{background-color:var(--bg-card);color:var(--text-white)}.nav-item.active{background-color:var(--primary-red);color:var(--text-white)}.nav-icon{font-size:1.5rem;min-width:24px}.nav-label{font-weight:500}.sidebar.closed .nav-label{display:none}.nav-item.admin-item{border:1px solid var(--primary-red)}.nav-item.admin-item:hover{background-color:#d22a2726}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar,.sidebar.open,.sidebar.closed{position:fixed;top:auto;bottom:0;left:0;width:100%;height:auto;transform:none;border-right:none;border-top:1px solid var(--border-color);flex-direction:row;padding:0;background-color:#171717f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -5px 20px #0000004d}.sidebar-header{display:none}.sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding:.5rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{flex-direction:column;padding:.5rem;margin:0;border-radius:8px;font-size:.7rem;gap:.25rem;min-width:60px;justify-content:center;flex:1}.nav-icon{font-size:1.4rem}.sidebar.closed .nav-label{display:block}.sidebar-overlay{display:none!important}}.active-ride-overlay{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.active-ride-content{background:linear-gradient(135deg,var(--brand-red) 0%,#a81f1d 100%);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 4px 20px #d22a2766;min-width:320px;max-width:500px}.active-ride-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.2)}.pulse-indicator{width:12px;height:12px;background-color:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ride-status{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:.5px}.ride-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.ride-info-item{display:flex;align-items:baseline;gap:.5rem}.info-label{color:#fffc;font-size:.85rem;font-weight:600;min-width:50px}.info-value{color:#fff;font-size:.9rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ride-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#0003;padding:.75rem;border-radius:8px;margin-top:.75rem}.timer-label{color:#ffffffe6;font-size:.9rem;font-weight:600}.timer-value{color:#fff;font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px}@media(max-width:768px){.active-ride-overlay{top:60px;left:10px;right:10px;transform:none;width:auto}.active-ride-content{min-width:auto;padding:.875rem 1.25rem}.ride-status{font-size:1rem}.timer-value{font-size:1.25rem}}.top-bar{position:fixed;top:0;left:72px;right:0;height:60px;background:linear-gradient(135deg,#2a2a2af2,#1c1c1cf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:999;transition:left .3s ease}.top-bar-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 2rem}.top-bar-left{flex:1}.top-bar-right{display:flex;align-items:center;gap:1rem}.test-mode-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:30px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.test-mode-toggle:hover{background:#ffffff14;border-color:#fff3}.test-mode-toggle.active{background:linear-gradient(135deg,#ff980033,#ffc10733);border-color:#ff9800;box-shadow:0 0 20px #ff980066;animation:pulse-test-mode 2s ease-in-out infinite}.test-icon{font-size:1.5rem;color:var(--text-gray);transition:color .3s ease}.test-mode-toggle.active .test-icon{color:#ff9800;animation:rotate-icon 3s linear infinite}.test-label{font-size:.85rem;font-weight:700;color:var(--text-gray);letter-spacing:.5px;transition:color .3s ease}.test-mode-toggle.active .test-label{color:#ff9800}.toggle-switch{position:relative;width:44px;height:24px;background:#ffffff1a;border-radius:12px;transition:background .3s ease}.toggle-switch.on{background:#ff9800}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.on .toggle-slider{transform:translate(20px)}@keyframes pulse-test-mode{0%,to{box-shadow:0 0 20px #ff980066}50%{box-shadow:0 0 30px #ff980099}}@keyframes rotate-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:769px){.layout.sidebar-open .top-bar{left:250px}.layout.sidebar-closed .top-bar{left:72px}}@media(max-width:768px){.top-bar{left:0}.top-bar-content{padding:0 1rem}.test-label{display:none}.test-mode-toggle{padding:.5rem .75rem;gap:.5rem}}.ride-floating-button{position:fixed;bottom:2rem;right:2rem;z-index:9999!important;background:linear-gradient(135deg,#d22a27,#ff6b6b);color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;box-shadow:0 4px 20px #d22a2780;cursor:pointer;pointer-events:auto!important;transition:all .3s ease;font-family:Montserrat,sans-serif;animation:fab-pulse 2s ease-in-out infinite;-webkit-user-select:none;user-select:none}.ride-floating-button:hover{transform:translateY(-4px);box-shadow:0 8px 30px #d22a27b3}.ride-floating-button:active{transform:translateY(-2px)}.fab-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.fab-status{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:10px;height:10px;background-color:#2ecc71;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes fab-pulse{0%,to{box-shadow:0 4px 20px #d22a2780}50%{box-shadow:0 4px 30px #d22a27cc}}.fab-text{font-weight:700;font-size:.9rem;white-space:nowrap}.fab-timer{font-weight:600;font-size:1.1rem;letter-spacing:.5px;font-family:Courier New,monospace}@media(max-width:768px){.ride-floating-button{bottom:1rem;right:1rem;padding:.75rem 1.25rem}.fab-text{font-size:.8rem}.fab-timer{font-size:1rem}}@media(max-width:480px){.ride-floating-button{bottom:1rem;right:.5rem;padding:.6rem 1rem}.fab-content{gap:.3rem}.fab-text{font-size:.75rem}.fab-timer{font-size:.9rem}.pulse-dot{width:8px;height:8px}}.layout{display:flex;min-height:100vh;width:100vw;overflow-x:hidden}.main-content{flex:1;min-height:100vh;background-color:var(--bg-dark);transition:margin-left .3s ease;display:flex;flex-direction:column;min-width:0;margin-left:72px;padding-top:60px}.main-content.sidebar-open{margin-left:250px}.main-content.sidebar-closed{margin-left:72px}@media(max-width:768px){.main-content,.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0;padding-bottom:70px;padding-top:60px}}.dashboard{position:relative;padding-bottom:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-white)}.subtitle{color:var(--text-gray);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;flex-wrap:wrap}.stat-card:hover{border-color:var(--primary-red);transform:translateY(-4px);box-shadow:0 8px 16px #d22a2733}.stat-card.clickable{cursor:pointer}.stat-card.clickable:active{transform:translateY(-2px)}.stat-action-btn{width:100%;margin-top:.75rem;padding:.5rem 1rem;background-color:transparent;color:var(--primary-red);border:1px solid var(--primary-red);border-radius:6px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.stat-action-btn:hover{background-color:var(--primary-red);color:#fff}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem}.stat-content h3{font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:.25rem}.stat-content p{color:var(--text-gray);font-size:.9rem}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.widget{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.widget:hover{border-color:var(--primary-red);box-shadow:0 4px 12px #d22a2733}.widget h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-white)}.weather-widget{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.weather-icon-large{font-size:3rem;opacity:.8}.weather-content{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.temperature{font-size:3.5rem;font-weight:700}.weather-details{flex:1}.condition{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.location{opacity:.8}.weather-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.weather-footer p{opacity:.9;font-size:.95rem}.quick-actions-widget{display:flex;flex-direction:column}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-white);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background-color:var(--primary-red);border-color:var(--primary-red);transform:translate(4px)}.action-btn svg{font-size:1.5rem}.fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background-color:var(--primary-red);color:var(--text-white);border:none;font-size:2rem;cursor:pointer;box-shadow:0 4px 12px #d22a2766;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:100}.fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #d22a2799}.fab:active{transform:scale(.95)}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px;font-size:1.5rem}.stat-content h3{font-size:1.5rem}.widgets-grid{grid-template-columns:1fr}.fab{bottom:5rem;right:1rem;width:56px;height:56px;font-size:1.75rem}.dashboard-header h1{font-size:1.5rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.route-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.route-card:hover{border-color:var(--primary-red);transform:translateY(-8px);box-shadow:0 12px 24px #d22a274d}.route-image{position:relative;width:100%;height:200px;overflow:hidden}.route-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.route-card:hover .route-image img{transform:scale(1.1)}.difficulty-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.route-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.route-title{font-size:1.25rem;font-weight:700;color:var(--text-white);margin-bottom:.5rem}.route-description{color:var(--text-gray);font-size:.9rem;margin-bottom:1rem;line-height:1.5;flex:1}.route-details{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.9rem}.detail-item svg{font-size:1.25rem;color:var(--primary-red)}@media(max-width:768px){.route-image{height:160px}.route-content{padding:1rem}.route-title{font-size:1.1rem}.route-details{gap:.75rem}.detail-item{font-size:.85rem}}.my-routes{display:flex;flex-direction:column;gap:2rem}.routes-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.routes-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-white)}.subtitle{color:var(--text-gray);margin-top:0}.create-route-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.controls-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.search-bar{position:relative;flex:1;min-width:250px;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-gray);font-size:1.25rem}.search-bar input{width:100%;background-color:var(--bg-card);border:1px solid var(--border-color);padding:.75rem .75rem .75rem 2.75rem;border-radius:25px;color:var(--text-white);font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 2px #d22a2733}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.filter-chip{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-gray);padding:.5rem 1.25rem;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .2s;font-weight:500}.filter-chip:hover{background-color:#2a2a2a}.filter-chip.active{background-color:var(--primary-red);color:#fff;border-color:var(--primary-red)}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-routes{grid-column:1 / -1;text-align:center;padding:4rem;background-color:var(--bg-card);border-radius:12px;border:1px dashed var(--border-color)}.no-routes p{font-size:1.25rem;color:var(--text-white);margin-bottom:.5rem}.no-routes .sub-text{font-size:1rem;color:var(--text-gray)}@media(max-width:768px){.routes-header{flex-direction:column;align-items:flex-start}.create-route-btn{width:100%;justify-content:center}.controls-row{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}}.image-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:zoomIn .3s ease-out}.image-modal-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background-color:var(--primary-red);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .2s;z-index:10001}.image-modal-close:hover{background-color:#b82320;transform:scale(1.1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-close{top:10px;right:10px;width:32px;height:32px;font-size:1.3rem}}.leg-details-editor{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-edit-leg{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:transparent;border:1px solid var(--primary-red);border-radius:6px;color:var(--primary-red);font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-edit-leg:hover{background-color:#d22a271a;transform:translateY(-1px)}.leg-details-form{margin-top:1rem;padding:1.5rem;background-color:#ffffff05;border:1px solid var(--border-color);border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:1.5rem}.form-section:last-of-type{margin-bottom:0}.form-label{display:block;color:var(--text-white);font-weight:600;font-size:.95rem;margin-bottom:.5rem}.notes-textarea{width:100%;padding:.75rem;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-white);font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s}.notes-textarea:focus{outline:none;border-color:var(--primary-red)}.notes-textarea::placeholder{color:var(--text-gray)}.photo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.btn-add-photo{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background-color:var(--primary-red);border:none;border-radius:6px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add-photo:hover{background-color:#b82320;transform:translateY(-1px)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem}.photo-thumbnail{position:relative;width:100px;height:100px;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s}.photo-thumbnail:hover{transform:scale(1.05)}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.btn-delete-photo{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#d22a27e6;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;opacity:0;transition:all .2s}.photo-thumbnail:hover .btn-delete-photo{opacity:1}.btn-delete-photo:hover{background-color:var(--primary-red);transform:scale(1.1)}.upload-progress-container{margin-bottom:1rem}.upload-progress-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.upload-filename{color:var(--text-gray);font-size:.85rem;min-width:100px}.upload-progress-bar{flex:1;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-red),#ff6b6b);border-radius:3px;transition:width .3s ease}.upload-percentage{color:var(--text-white);font-size:.85rem;font-weight:600;min-width:40px;text-align:right}.photo-hint{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.8rem;margin:0}.error-message{padding:.75rem;background-color:#d22a271a;border:1px solid var(--primary-red);border-radius:6px;color:var(--primary-red);font-size:.9rem;margin-bottom:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-save-details{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);border:none;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-save-details:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d22a2766}.btn-save-details:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-edit{padding:.75rem 1.5rem;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-gray);font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-cancel-edit:hover:not(:disabled){background-color:#ffffff0d;color:var(--text-white)}.btn-cancel-edit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.leg-details-form{padding:1rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.photo-thumbnail{width:80px;height:80px}.form-actions{flex-direction:column}.btn-save-details,.btn-cancel-edit{width:100%}.upload-progress-item{flex-direction:column;align-items:flex-start;gap:.5rem}.upload-filename{min-width:auto}.upload-progress-bar{width:100%}.upload-percentage{align-self:flex-end}}.my-rides-page{max-width:1400px}.page-header{margin-bottom:2rem}.page-header h1{color:var(--text-white);margin-bottom:.5rem}.subtitle{color:var(--text-gray);font-size:.95rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.empty-state p{font-size:1.1rem}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-gray);font-size:1.1rem}.journeys-accordion-container{display:flex;flex-direction:column;gap:1rem}.journey-accordion-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.journey-accordion-item:hover{border-color:var(--primary-red);box-shadow:0 4px 12px #d22a2726}.journey-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);transition:background-color .2s}.journey-header:hover{background-color:#ffffff08}.journey-header.expanded{background-color:#d22a271a;border-bottom-color:var(--primary-red)}.journey-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.expand-icon{color:var(--primary-red);font-size:1rem;min-width:20px;margin-top:.3rem;transition:transform .2s}.journey-info{flex:1}.journey-route-name{color:var(--text-white);font-size:1.2rem;font-weight:700;margin:0 0 .75rem}.journey-stats{display:flex;flex-wrap:wrap;gap:.75rem}.stat-badge{display:inline-flex;align-items:center;padding:.4rem .8rem;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-gray);font-size:.85rem;font-weight:500}.journey-header-right{display:flex;align-items:center;gap:.5rem}.btn-finish-journey{padding:.75rem 1.25rem;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;font-family:Montserrat,sans-serif;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d;animation:pulse-finish 2s ease-in-out infinite}.btn-finish-journey:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c80}@keyframes pulse-finish{0%,to{box-shadow:0 4px 15px #e74c3c4d}50%{box-shadow:0 6px 25px #e74c3c99}}.btn-delete-journey{padding:.5rem .75rem;background-color:transparent;border:1px solid rgba(210,42,39,.5);border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-delete-journey:hover{background-color:var(--primary-red);border-color:var(--primary-red);transform:scale(1.1)}.journey-legs-timeline{padding:1.5rem;background-color:var(--bg-card)}.no-legs-message{text-align:center;padding:2rem;color:var(--text-gray);font-style:italic}.leg-item{display:flex;gap:1.5rem;margin-bottom:1.5rem}.leg-item:last-child{margin-bottom:0}.leg-timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative}.leg-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-red);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;z-index:1;flex-shrink:0}.leg-connector-line{width:2px;flex:1;background-color:var(--border-color);margin-top:.5rem;min-height:60px}.leg-content{flex:1;background-color:#ffffff05;border:1px solid var(--border-color);border-radius:8px;padding:1rem}.leg-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.leg-time{color:var(--text-white);font-size:.95rem}.leg-time strong{color:var(--primary-red);margin-right:.5rem}.leg-stats-mini{display:flex;gap:1rem;color:var(--text-gray);font-size:.85rem}.leg-route{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.leg-location{display:flex;align-items:center;gap:.75rem}.location-icon{font-size:1.2rem;flex-shrink:0}.location-address{color:var(--text-white);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leg-arrow{color:var(--primary-red);font-size:1.2rem;margin-left:1.5rem}.leg-notes,.leg-photos{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);color:var(--text-gray);font-size:.85rem}.leg-notes strong,.leg-photos strong{color:var(--text-white)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:500px;width:90%;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:var(--text-white);margin:0 0 1rem;font-size:1.5rem}.modal-content p{color:var(--text-gray);margin-bottom:1rem;line-height:1.6}.modal-content p strong{color:var(--text-white)}.warning-text{color:var(--primary-red);font-weight:600}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-confirm-delete{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-cancel{background-color:transparent;color:var(--text-gray);border:1px solid var(--border-color)}.btn-cancel:hover{background-color:#ffffff0d;color:var(--text-white)}.btn-confirm-delete{background-color:var(--primary-red);color:#fff;border:1px solid var(--primary-red)}.btn-confirm-delete:hover{background-color:#b82320;transform:translateY(-2px);box-shadow:0 4px 12px #d22a2766}@media(max-width:768px){.page-header h1{font-size:1.5rem}.journey-header{padding:1rem}.journey-route-name{font-size:1.1rem}.journey-stats{gap:.5rem}.stat-badge{padding:.35rem .6rem;font-size:.75rem}.journey-legs-timeline{padding:1rem}.leg-item{gap:1rem}.leg-number{width:30px;height:30px;font-size:.8rem}.leg-content{padding:.75rem}.leg-header{flex-direction:column;align-items:flex-start}.leg-stats-mini{gap:.75rem;font-size:.8rem}.location-address{font-size:.85rem}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm-delete{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--bg-card);width:90%;max-width:600px;border-radius:12px;box-shadow:0 10px 30px #00000080;border:1px solid var(--border-color);display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header h2{font-size:1.5rem;color:var(--text-white);margin:0}.close-btn{background:none;border:none;color:var(--text-gray);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;padding:0;transition:color .2s}.close-btn:hover{color:var(--text-white)}.modal-content{padding:1.5rem;overflow-y:auto}.info-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:.95rem;font-weight:600;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider{border:0;border-top:1px solid var(--border-color);margin:0 0 1.5rem}.form-group label{display:block;font-size:.9rem;color:var(--text-gray);margin-bottom:.5rem}.modal-input,.modal-textarea{width:100%;background-color:var(--bg-dark);border:1px solid var(--border-color);padding:.75rem;border-radius:8px;color:var(--text-white);font-size:1rem;font-family:Montserrat,sans-serif;transition:border-color .2s}.modal-input:focus,.modal-textarea:focus{outline:none;border-color:var(--primary-red)}.modal-textarea{resize:vertical}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.label-row label{margin-bottom:0}.ai-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:20px;padding:.25rem .75rem;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:opacity .2s}.ai-btn:hover{opacity:.9}.range-input{width:100%;accent-color:var(--primary-red);margin-bottom:.5rem}.range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-gray)}.current-difficulty{text-align:center;font-weight:600;color:var(--primary-red);margin-top:.25rem}.image-input-wrapper{position:relative}.btn-cancel{background:none;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;color:var(--text-white);cursor:pointer;font-weight:500}.btn-save{background-color:var(--primary-red);border:none;padding:.75rem 2rem;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;transition:background-color .2s}.cover-photo-upload{border:2px dashed var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;background-color:#0003}.cover-photo-upload:hover{border-color:var(--primary-red);background-color:#d22a270d}.upload-icon{font-size:2rem;color:var(--text-gray)}.cover-photo-upload:hover .upload-icon{color:var(--primary-red)}.upload-text{font-size:.9rem;color:var(--text-gray)}.cover-preview{position:relative;margin-top:1rem;border-radius:8px;overflow:hidden;max-height:300px}.cover-preview img{width:100%;height:auto;display:block;object-fit:cover}.remove-cover-btn{position:absolute;top:.5rem;right:.5rem;background-color:#000000b3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .2s}.remove-cover-btn:hover{background-color:var(--error)}.change-cover-btn{position:absolute;bottom:.75rem;right:.75rem;background-color:#000000b3;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.change-cover-btn:hover{background-color:var(--primary-red)}.places-autocomplete-wrap,.places-autocomplete-host{width:100%;display:block}.places-autocomplete-host>*{width:100%;display:block}.places-autocomplete-element{width:100%}.create-route-page{height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-dark)}.create-route-container{display:flex;flex:1;height:100%}.map-section{flex:65;height:100%;position:relative;background-color:#242f3e}.map-loading,.map-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-gray)}.route-form-section{flex:35;min-width:400px;max-width:500px;background-color:var(--bg-card);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10;box-shadow:-5px 0 15px #0000004d}.stats-header{background-color:var(--bg-dark);padding:.35rem .6rem;display:flex;gap:.4rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.stats-header .stat-card{flex:1;background-color:#2a2a2a;border-radius:5px;padding:.3rem .4rem;display:flex;align-items:center;gap:.35rem;border:1px solid var(--border-color);min-height:32px}.stats-header .stat-icon-box{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}.stats-header .stat-icon-box.red{background-color:#d22a2733;color:var(--primary-red)}.stats-header .stat-icon-box.blue{background-color:#2196f333;color:#2196f3}.stats-header .stat-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;justify-content:center}.stats-header .stat-value{font-size:.72rem;font-weight:700;color:var(--text-white);line-height:1.1;white-space:nowrap}.stats-header .stat-label{font-size:.52rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.25px;white-space:nowrap;line-height:1.1}.form-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.start-point-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.section-label{font-size:.75rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.start-input-box{display:flex;align-items:center;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;gap:.75rem;width:100%}.start-icon-circle{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border-radius:50%;border:2px solid var(--success);display:flex;align-items:center;justify-content:center;color:var(--success);font-size:.8rem;flex-shrink:0;flex-grow:0}.start-input-box>div{flex:1;min-width:0;width:100%}.start-input{background:none;border:none;color:var(--text-white);font-size:.95rem;width:100%;flex:1;min-width:0}.start-input:focus{outline:none}.start-input::placeholder{color:var(--text-gray);opacity:.7}.waypoints-list{display:flex;flex-direction:column;gap:.75rem;position:relative;padding-left:1rem}.waypoints-connector-line{position:absolute;left:11px;top:0;bottom:0;width:1px;background-color:var(--border-color);z-index:0}.add-stop-btn{width:100%;padding:.875rem 1.25rem;background-color:var(--bg-dark);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-gray);font-size:.95rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-stop-btn:hover{background-color:#d22a270d;border-color:var(--primary-red);color:var(--primary-red)}.accordion-item{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative;z-index:1;transition:all .2s}.accordion-item.open{border-color:var(--primary-red);box-shadow:0 4px 12px #0003}.accordion-header{display:flex;align-items:center;padding:1rem;cursor:pointer;gap:1rem;background-color:var(--bg-dark)}.wp-index-circle{width:28px;height:28px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--text-gray);color:var(--text-gray);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.accordion-item.open .wp-index-circle{background-color:var(--primary-red);border-color:var(--primary-red);color:#fff}.wp-header-info{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.wp-title-label{font-size:.7rem;color:var(--text-gray);text-transform:uppercase;font-weight:700;margin-bottom:2px}.wp-address{font-size:.95rem;color:var(--text-white);word-break:break-word;line-height:1.3}.header-actions{display:flex;gap:.5rem;align-items:center}.icon-action-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;font-size:1.1rem}.icon-action-btn:hover{color:var(--text-white)}.icon-action-btn.delete:hover{color:var(--error)}.accordion-content{padding:1rem;border-top:1px solid var(--border-color);background-color:#242424;display:flex;flex-direction:column;gap:1.25rem}.accordion-content .start-input-box{width:100%}.accordion-content .start-input-box>div{flex:1;min-width:0;width:100%}.poi-selector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.poi-type-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;padding:.75rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.poi-type-card:hover{background-color:#ffffff0d}.poi-type-card.selected{border-color:var(--primary-red);background-color:#d22a271a}.poi-icon{font-size:1.4rem;color:var(--text-gray)}.poi-type-card.selected .poi-icon{color:var(--primary-red)}.poi-label{font-size:.65rem;color:var(--text-gray);text-align:center}.poi-type-card.selected .poi-label{color:var(--text-white);font-weight:600}.notes-area{width:100%;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-white);font-family:inherit;font-size:.9rem;resize:vertical;min-height:80px}.notes-area:focus{outline:none;border-color:var(--text-gray)}.char-count{text-align:right;font-size:.7rem;color:var(--text-gray);margin-top:.25rem}.photo-add-box{border:1px dashed var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-gray);cursor:pointer;background-color:#0003}.photo-add-box:hover{border-color:var(--text-gray);color:var(--text-white)}.photo-icon{font-size:1.5rem}.photo-text{font-size:.8rem}.upload-progress-bar{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;margin-top:.5rem;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-red),#ff6b6b);transition:width .3s ease;border-radius:2px}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-top:.75rem}.photo-thumbnail{position:relative;width:100%;padding-top:100%;border-radius:8px;overflow:hidden;background-color:var(--bg-dark)}.photo-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:4px;right:4px;background-color:#000000b3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s;opacity:.8}.remove-photo-btn:hover{background-color:var(--error);opacity:1}.form-footer{padding:1.5rem;background-color:var(--bg-card);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.save-btn{background-color:var(--primary-red);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;transition:background .2s}.save-btn:hover{background-color:#b71c1c}.save-btn:disabled{background-color:var(--text-gray);opacity:.5;cursor:not-allowed}.draft-btn{background:none;border:none;color:var(--text-gray);font-size:.9rem;cursor:pointer;text-align:center}.draft-btn:hover{color:var(--text-white);text-decoration:underline}@media(max-width:900px){.create-route-container{flex-direction:column}.map-section{flex:none;height:400px}.route-form-section{border-left:none;border-top:1px solid var(--border-color);min-width:0;width:100%}}.route-detail-page{height:calc(100vh - 72px);display:flex;flex-direction:column;background-color:var(--bg-dark);color:var(--text-white);overflow:hidden;width:100%}.rd-header{padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;background-color:#2a2a2ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);min-height:80px;flex-shrink:0;gap:1rem;z-index:100}.rd-header-left{display:flex;align-items:center;gap:1.5rem;min-width:0;flex:0 1 auto}.rd-header-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.rd-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-white);cursor:pointer;font-size:.9rem;padding:0 1.25rem;border-radius:8px;height:42px;flex-shrink:0}.rd-header-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0;justify-content:flex-end}.rd-action-btn,.rd-ride-btn{height:42px;width:120px!important;min-width:120px!important;max-width:120px!important;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;flex:0 0 120px!important;font-size:.85rem;font-weight:700;border:1px solid rgba(255,255,255,.1)}.rd-action-btn{background:#ffffff0d;color:var(--text-gray)}.rd-action-btn:hover{border-color:var(--text-white);color:var(--text-white);background:#ffffff1a}.rd-action-btn svg{font-size:1.4rem}.rd-delete-btn{border-color:#e74c3c4d;color:#e74c3c}.rd-ride-btn{background-color:var(--primary-red);color:#fff;border:none;box-shadow:0 4px 15px #d22a274d}.detail-content{display:flex;flex:1;overflow:hidden;width:100%}.detail-map-section{flex:60;position:relative;background-color:#242f3e}.map-wrapper{width:100%;height:100%}.detail-info-section{flex:40;padding:0;overflow-y:auto;background-color:var(--bg-card);border-left:1px solid var(--border-color);min-width:400px;display:flex;flex-direction:column}.info-sticky-header{position:sticky;top:0;background-color:var(--bg-card);padding:1.5rem 2rem;z-index:10;border-bottom:1px solid var(--border-color)}.detail-title{font-size:1.8rem;margin:0 0 .5rem;color:var(--text-white)}.meta-info{display:flex;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.85rem}.info-scroll-container{padding:2rem;flex:1;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-dark);padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:.5rem}.stat-icon{font-size:1.5rem;color:var(--primary-red)}.stat-data .label{font-size:.7rem;color:var(--text-gray);text-transform:uppercase}.stat-data .value{font-size:1rem;font-weight:700}.difficulty-indicator{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;background:#d22a271a;color:var(--primary-red)}.description-section{margin-bottom:2rem}.description-section h3,.stops-timeline h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-white)}.description-section p{color:var(--text-gray);line-height:1.6}.timeline-item{display:flex;gap:1.5rem;padding-bottom:2rem;position:relative}.timeline-item:before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background-color:#ffffff0d}.timeline-item:last-child:before{display:none}.timeline-marker{width:30px;height:30px;background-color:var(--bg-dark);border:2px solid var(--primary-red);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;z-index:1}.stop-name{font-size:1rem;color:var(--text-white)}@media(max-width:1200px){.rd-action-btn,.rd-ride-btn{width:44px!important;min-width:44px!important;flex:0 0 44px!important}.rd-ride-btn span{display:none}}@media(max-width:900px){.detail-content{flex-direction:column;overflow-y:auto}.detail-map-section{flex:none;height:400px}.detail-info-section{flex:none;border-left:none;min-width:0}}.ride-detail-page{max-width:1200px;margin:0 auto}.ride-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-red)}.btn-back-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-white);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-back-icon:hover{background:#ffffff26;border-color:var(--brand-red);color:var(--brand-red)}.btn-back-icon svg{font-size:1.5rem}.header-info h1{margin:0;font-size:2rem;color:var(--text-white)}.route-name{margin:.25rem 0 0;color:#ffffffb3;font-size:1rem}.parent-ride-summary{margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#d22a271a,#0000004d);border:2px solid rgba(210,42,39,.3);border-radius:15px;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{color:#fff9;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{color:var(--text-white);font-size:1.5rem;font-weight:700}.summary-value.status-active{color:#27ae60}.summary-value.status-completed{color:#3498db}.legs-timeline-container{margin-top:2rem}.timeline-title{color:var(--text-white);font-size:1.5rem;margin-bottom:1.5rem;padding-left:.5rem;border-left:4px solid var(--brand-red)}.empty-timeline{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:3rem;text-align:center}.empty-timeline p{color:#fff9;font-size:1.1rem;margin:0}.legacy-ride-notice{background:linear-gradient(135deg,#3498db1a,#0003);border:2px solid rgba(52,152,219,.4);border-radius:12px;padding:2rem}.legacy-ride-notice h3{color:#3498db;font-size:1.3rem;margin:0 0 1rem;font-weight:700}.legacy-ride-notice p{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:.5rem 0}.legs-timeline{display:flex;flex-direction:column;gap:1.5rem}.leg-card{background:linear-gradient(135deg,#ffffff0d,#0003);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;transition:all .3s}.leg-card.malformed-leg{background:linear-gradient(135deg,#f1c40f1a,#0003);border-color:#f1c40f4d}.malformed-message{color:#ffffffb3;font-size:1rem;text-align:center;margin:1rem 0;padding:1rem;background:#f1c40f1a;border-radius:8px}.leg-card:hover{border-color:#d22a2780;box-shadow:0 4px 20px #d22a2733;transform:translateY(-2px)}.leg-number{color:var(--brand-red);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(210,42,39,.3)}.leg-route-info{margin-bottom:1rem}.leg-location{padding:.75rem;border-radius:8px;margin-bottom:.5rem}.leg-location.from{background:#3498db1a;border-left:3px solid #3498db}.leg-location.to{background:#27ae601a;border-left:3px solid #27ae60}.location-label{display:block;color:#fff9;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.location-value{display:block;color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.location-time{display:block;color:#ffffff80;font-size:.85rem;font-family:Courier New,monospace}.leg-divider{text-align:center;margin:.75rem 0}.arrow-icon{color:var(--brand-red);font-size:2rem;animation:pulse-arrow 2s infinite}@keyframes pulse-arrow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(-5px)}}.leg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#fff9;font-size:.85rem;font-weight:600}.stat-value{color:var(--text-white);font-size:1.2rem;font-weight:700;font-family:Courier New,monospace}.error-state{background:#e74c3c1a;border:2px solid rgba(231,76,60,.3);border-radius:10px;padding:2rem;text-align:center}.error-state p{color:#e74c3c;font-size:1.1rem;margin-bottom:1rem}.btn-back{background:var(--brand-red);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:#a81e1b;transform:translateY(-2px);box-shadow:0 4px 10px #d22a274d}.loading-state{text-align:center;padding:3rem;color:#ffffffb3;font-size:1.1rem}@media(max-width:768px){.ride-detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-info h1{font-size:1.5rem}.summary-card{grid-template-columns:1fr;gap:1rem}.summary-value{font-size:1.2rem}.leg-stats{grid-template-columns:1fr}.leg-card{padding:1rem}.location-value{font-size:1rem}.stat-value{font-size:1.1rem}}.bike-card{background-color:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column}.bike-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff1a}.bike-image-container{height:200px;width:100%;position:relative;overflow:hidden;background-color:#2a2a2a}.bike-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.bike-card:hover .bike-image-container img{transform:scale(1.05)}.bike-actions-overlay{position:absolute;top:0;right:0;padding:10px;display:flex;gap:8px;opacity:0;transition:opacity .2s}.bike-card:hover .bike-actions-overlay{opacity:1}.action-circle-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s}.action-circle-btn.edit{background-color:#0009}.action-circle-btn.edit:hover{background-color:var(--primary-red)}.action-circle-btn.delete{background-color:#dc2626cc}.action-circle-btn.delete:hover{background-color:#ef4444}.bike-details{padding:1rem;flex:1;display:flex;flex-direction:column}.bike-nickname{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-white);font-weight:600}.bike-info-row{display:flex;align-items:center;gap:.5rem}.bike-main-info{font-size:.95rem;color:var(--text-white);font-weight:500}.bike-sub-info{font-size:.85rem;color:var(--text-gray);margin-top:.25rem}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}.modal-container{background-color:var(--bg-card);width:90%;max-width:500px;border-radius:12px;box-shadow:0 10px 30px #00000080;border:1px solid var(--border-color);display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-white)}.close-btn{background:none;border:none;color:var(--text-gray);font-size:1.5rem;cursor:pointer;padding:0}.modal-content{padding:1.5rem;overflow-y:auto;max-height:80vh}.form-group{margin-bottom:1.25rem}.form-group-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-group.half{flex:1;margin-bottom:0}.form-group label{display:block;font-size:.85rem;color:var(--text-gray);margin-bottom:.5rem}.modal-input{width:100%;background-color:var(--bg-dark);border:1px solid var(--border-color);padding:.75rem;border-radius:8px;color:var(--text-white);font-size:1rem;transition:border-color .2s}.modal-input:focus{outline:none;border-color:var(--primary-red)}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-gray)}.modal-input.has-icon{padding-left:2.75rem}.image-preview{margin-top:1rem;height:150px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-dark)}.image-preview img{width:100%;height:100%;object-fit:cover}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{background:none;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;color:var(--text-white);cursor:pointer}.btn-save{background-color:var(--primary-red);border:none;padding:.75rem 1.5rem;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.btn-save:hover{background-color:#b01e1b}.garage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.add-bike-btn{display:flex;align-items:center;gap:.5rem}.bikes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.empty-garage-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:var(--bg-card);border-radius:12px;border:1px dashed var(--border-color);text-align:center;max-width:500px;margin:2rem auto}.empty-garage-state h3{color:var(--text-white);margin-bottom:.5rem}.empty-garage-state p{color:var(--text-gray);margin-bottom:2rem}.garage-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--text-gray);font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;position:relative;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:var(--text-white)}.tab-button.active{color:var(--primary-red);border-bottom-color:var(--primary-red)}.tab-button svg{font-size:1.5rem}.gear-content{max-width:800px;margin:0 auto}.gear-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.gear-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .3s ease}.gear-item:hover{border-color:var(--primary-red)}.gear-checkbox-row{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1}.gear-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--primary-red)}.gear-type{font-size:1.1rem;font-weight:600;color:var(--text-white)}.gear-input-row{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.gear-brand-input{width:100%;padding:.75rem;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-white);font-size:1rem;font-family:Montserrat,sans-serif;transition:all .3s ease}.gear-brand-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #d22a271a}.gear-brand-input::placeholder{color:var(--text-gray)}.gear-save-section{display:flex;justify-content:center;padding:2rem 0}.save-gear-btn{min-width:200px}.save-gear-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.garage-tabs{gap:.5rem}.tab-button{padding:.875rem 1rem;font-size:.9rem}.tab-button span{display:none}.tab-button svg{font-size:1.75rem}.gear-item{padding:1rem}.gear-type{font-size:1rem}}@media(max-width:600px){.garage-header{flex-direction:row;align-items:center}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--bg-card);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-white)}.modal-close-btn{background:none;border:none;color:var(--text-gray);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close-btn:hover{color:var(--primary-red)}.event-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-white);font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-white);font-family:Montserrat,sans-serif;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #d22a271a}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-gray)}.loading-text,.no-routes-text{color:var(--text-gray);font-size:.9rem;font-style:italic;padding:.5rem}.no-routes-text{color:var(--warning)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.modal-actions button{min-width:120px}@media(max-width:768px){.modal-content{max-height:95vh;margin:.5rem}.modal-header,.event-form{padding:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.event-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.event-card:hover{border-color:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px #d22a2733}.event-card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(210,42,39,.05) 0%,transparent 100%)}.event-type-icon{width:50px;height:50px;border-radius:12px;background-color:#d22a2733;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.event-header-info{flex:1}.event-header-info h3{margin:0 0 .5rem;color:var(--text-white);font-size:1.25rem}.event-type-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--bg-dark);color:var(--text-gray);border-radius:6px;font-size:.85rem;font-weight:600}.event-card-body{padding:1.5rem}.event-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.event-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.9rem}.event-meta-item svg{font-size:1.1rem;color:var(--primary-red)}.event-description{color:var(--text-gray);margin:1rem 0;line-height:1.6}.event-route-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--bg-dark);border-radius:8px;margin:1rem 0}.event-route-info svg{font-size:1.25rem;color:var(--primary-red)}.view-route-btn{background:none;border:none;color:var(--primary-red);font-weight:600;cursor:pointer;text-decoration:underline;font-family:Montserrat,sans-serif}.view-route-btn:hover{opacity:.8}.event-participants{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.participants-header{margin-bottom:.75rem}.participants-count{color:var(--text-white);font-weight:600;font-size:.95rem}.participants-list{display:flex;flex-wrap:wrap;gap:.5rem}.participant-name{padding:.35rem .75rem;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-gray);font-size:.85rem}.participant-name.more{color:var(--primary-red);font-weight:600}.event-card-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.btn-event-join{width:100%;padding:.875rem 1.5rem;background-color:var(--primary-red);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-event-join:hover:not(:disabled){background-color:#b01f1d;transform:translateY(-2px);box-shadow:0 6px 12px #d22a2766}.btn-event-join:disabled{opacity:.6;cursor:not-allowed}.btn-event-join.joined{background-color:var(--bg-dark);color:var(--text-gray);border:1px solid var(--border-color)}.btn-event-join.joined:hover:not(:disabled){background-color:var(--border-color);border-color:var(--primary-red);color:var(--primary-red);box-shadow:none}@media(max-width:768px){.event-card-header{padding:1rem}.event-type-icon{width:40px;height:40px;font-size:1.5rem}.event-header-info h3{font-size:1.1rem}.event-card-body,.event-card-footer{padding:1rem}}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.create-event-btn{display:flex;align-items:center;gap:.5rem}.events-content{margin-top:2rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.empty-events-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:var(--bg-card);border-radius:12px;border:1px dashed var(--border-color);text-align:center;max-width:500px;margin:2rem auto}.empty-icon-circle{width:80px;height:80px;border-radius:50%;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--text-gray);margin-bottom:1.5rem}.empty-events-state h3{color:var(--text-white);margin-bottom:.5rem}.empty-events-state p{color:var(--text-gray);margin-bottom:2rem}.loading-state{text-align:center;padding:3rem 2rem;color:var(--text-gray)}@media(max-width:768px){.events-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-event-btn{width:100%;justify-content:center}.events-grid{grid-template-columns:1fr}}.profile-page{max-width:900px}.profile-header-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:2rem;margin-bottom:2rem;background:linear-gradient(145deg,var(--bg-card),var(--bg-dark))}.profile-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--bg-dark);box-shadow:0 8px 20px #0000004d;flex-shrink:0}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--text-gray)}.profile-info h1{font-size:2rem;color:var(--text-white);margin-bottom:.25rem}.email-text{color:var(--text-gray);margin-bottom:1.5rem;font-size:1rem}.edit-profile-btn{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:var(--primary-red);border:1px solid var(--primary-red);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-weight:600;transition:all .2s}.edit-profile-btn:hover{background-color:var(--primary-red);color:#fff}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.red{background-color:#d22a271a;color:var(--primary-red)}.stat-icon.dark{background-color:var(--bg-dark);color:var(--text-white)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-white);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}@media(max-width:600px){.profile-header-card{flex-direction:column;text-align:center;padding:2rem 1rem}.profile-info{display:flex;flex-direction:column;align-items:center}}.settings-page{max-width:800px}.settings-header{margin-bottom:2rem}.settings-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h3{color:var(--text-white);font-size:1.1rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-info{display:flex;align-items:center;gap:1rem}.setting-icon{width:40px;height:40px;border-radius:50%;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--primary-red)}.setting-label{display:flex;flex-direction:column}.setting-label span:first-child{font-weight:600;color:var(--text-white)}.setting-value{font-size:.85rem;color:var(--text-gray)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-dark);transition:.4s;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-gray);transition:.4s}input:checked+.slider{background-color:var(--primary-red);border-color:var(--primary-red)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.language-selector{display:flex;gap:.5rem;background-color:var(--bg-dark);padding:4px;border-radius:8px;border:1px solid var(--border-color)}.lang-btn{background:none;border:none;padding:.25rem .75rem;border-radius:6px;color:var(--text-gray);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.lang-btn.active{background-color:var(--bg-card);color:var(--text-white);box-shadow:0 2px 4px #0000001a}.danger-zone h3{color:var(--error)}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:8px;font-weight:600;font-family:inherit;cursor:pointer;margin-bottom:1rem;transition:all .2s}.logout-btn{background-color:transparent;color:var(--text-white);border:1px solid var(--border-color)}.logout-btn:hover{background-color:var(--bg-dark);border-color:var(--text-white)}.delete-btn{background-color:#f443361a;color:var(--error);border:1px solid transparent;margin-bottom:0}.delete-btn:hover{background-color:#f4433633;border-color:var(--error)}.pwa-section{background:linear-gradient(135deg,#d22a271a,#d22a270d);border-color:#d22a274d}.install-item{background-color:var(--bg-dark);padding:1rem;border-radius:8px;margin-bottom:0}.setting-description{font-size:.85rem;color:var(--text-gray);margin-top:.25rem}.install-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--brand-red);color:#fff;border:none;border-radius:8px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.install-btn:hover{background-color:#b82320;transform:translateY(-1px);box-shadow:0 4px 12px #d22a274d}.install-btn:active{transform:translateY(0)}.ios-install-modal{max-width:500px}.ios-instructions{padding:1rem 0}.instruction-step{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background-color:var(--brand-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.instruction-step p{color:var(--text-gray);line-height:1.6;margin:0;padding-top:4px}.instruction-note{display:flex;align-items:center;gap:1rem;background-color:#d22a271a;padding:1rem;border-radius:8px;margin-top:1.5rem;border-left:3px solid var(--brand-red)}.instruction-note svg{font-size:1.5rem;color:var(--brand-red);flex-shrink:0}.instruction-note p{color:var(--text-white);margin:0;font-weight:500}@media(max-width:768px){.settings-page{max-width:100%}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.install-btn{width:100%;justify-content:center}.language-selector{width:100%}.lang-btn{flex:1}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#2A2A2A 100%);padding:1rem}.login-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem 2.5rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0006;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-section{text-align:center;margin-bottom:2rem}.app-title{font-size:3.5rem;font-weight:800;color:var(--primary-red);margin-bottom:.5rem;letter-spacing:-1px}.app-subtitle{color:var(--text-gray);font-size:1rem;font-weight:500}.login-content{margin:2rem 0}.welcome-text{font-size:1.5rem;font-weight:700;color:var(--text-white);margin-bottom:.5rem;text-align:center}.description{color:var(--text-gray);text-align:center;margin-bottom:2rem}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background-color:var(--text-white);color:#333;border:1px solid var(--border-color);border-radius:12px;font-size:1.1rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.google-signin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background-color:#f8f8f8}.google-signin-btn:active:not(:disabled){transform:translateY(0)}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{font-size:1.5rem}.error-message{margin-top:1rem;padding:1rem;background-color:#f443361a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.9rem;text-align:center}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.login-footer p{color:var(--text-gray);font-size:.85rem;line-height:1.5}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.app-title{font-size:2.5rem}.welcome-text{font-size:1.25rem}.google-signin-btn{font-size:1rem;padding:.875rem 1.25rem}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.refresh-btn{display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px #d22a2733}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-white)}.stat-icon.users{background-color:#2196f333;color:#2196f3}.stat-icon.routes{background-color:#4caf5033;color:#4caf50}.stat-icon.bikes{background-color:#d22a2733;color:var(--primary-red)}.stat-info h3{font-size:2rem;margin:0;color:var(--text-white)}.stat-info p{margin:.25rem 0 0;color:var(--text-gray);font-size:.9rem}.user-management-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.user-management-section h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-white)}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--bg-dark);border-bottom:2px solid var(--primary-red)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-white);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#d22a270d}.users-table td{padding:1rem;color:var(--text-white)}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.role-badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.role-badge.admin{background-color:#d22a2733;color:var(--primary-red);border:1px solid var(--primary-red)}.role-badge.group_admin{background-color:#ff980033;color:#ff9800;border:1px solid #FF9800}.role-badge.editor{background-color:#2196f333;color:#2196f3;border:1px solid #2196F3}.role-badge.rider{background-color:#9c9c9c33;color:#9e9e9e;border:1px solid #9E9E9E}.role-select{padding:.5rem;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-white);font-family:Montserrat,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:140px}.role-select:hover:not(:disabled){border-color:var(--primary-red)}.role-select:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #d22a271a}.role-select:disabled{opacity:.5;cursor:not-allowed}.updating-indicator{display:inline-block;margin-left:.5rem;color:var(--text-gray);font-size:.85rem;font-style:italic}.loading-state,.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-gray)}.access-denied-container{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.access-denied-container h2{color:var(--primary-red);margin-bottom:1rem}.access-denied-container p{color:var(--text-gray);margin-bottom:.5rem}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:1fr}.users-table-container{overflow-x:scroll}.users-table{min-width:600px}.user-management-section{padding:1rem}}.app{min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#2A2A2A 100%)}.login-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:3rem 2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 24px #0000004d}.login-card h1{font-size:3rem;color:var(--primary-red);margin-bottom:.5rem}.login-card p{color:var(--text-gray);margin-bottom:2rem}.login-card .btn-primary{width:100%;padding:1rem;font-size:1.1rem}