@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";:root{--white-button-bg: #ffffff;--white-button-bg-hover: #f8fafc;--white-button-bg-active: #e2e8f0;--white-button-text: #1e293b;--white-button-shadow-color: rgba(0, 0, 0, .3);--white-button-glow-color: rgba(59, 130, 246, .15);--white-button-glow-color-hover: rgba(59, 130, 246, .3);--background-color: #0f172a;--surface-color: #1e293b;--surface-color-light: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary-color: #3b82f6;--danger-color: #ef4444}.custom-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;font-family:Manrope,sans-serif;background-color:var(--white-button-bg);color:var(--white-button-text);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-out;box-shadow:0 4px 8px -2px var(--white-button-shadow-color),0 0 0 2px transparent,0 0 8px -4px var(--white-button-glow-color)}.custom-button:hover:not(:disabled){background-color:var(--white-button-bg-hover);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 16px -4px var(--white-button-shadow-color),0 0 0 2px transparent,0 0 12px -3px var(--white-button-glow-color-hover)}.custom-button:focus-visible:not(:disabled){outline:none;box-shadow:0 4px 8px -2px var(--white-button-shadow-color),0 0 0 3px var(--primary-color),0 0 10px -4px var(--white-button-glow-color)}.custom-button:active:not(:disabled){background-color:var(--white-button-bg-active);transform:translateY(0) scale(1);box-shadow:inset 0 1px 2px #00000026,0 2px 4px -2px var(--white-button-shadow-color),0 0 0 2px transparent,0 0 5px -4px var(--white-button-glow-color)}.custom-button:disabled{background-color:var(--surface-color-light);color:var(--text-secondary);opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.custom-button.secondary{background-color:var(--surface-color-light);color:var(--text-primary);border:1px solid rgba(148,163,184,.3);box-shadow:0 2px 5px #0003}.custom-button.secondary:hover:not(:disabled){background-color:#4b5563;border-color:#3b82f680;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 10px #0000004d}.custom-button.secondary:focus-visible:not(:disabled){outline:none;box-shadow:0 0 0 3px #3b82f666;border-color:var(--primary-color)}.custom-button.secondary:active:not(:disabled){background-color:var(--surface-color);transform:translateY(0) scale(1);box-shadow:inset 0 1px 3px #0003}.custom-button.danger{background-color:var(--white-button-bg);color:var(--danger-color);box-shadow:0 4px 8px -2px #b91c1c4d,0 0 0 2px transparent,0 0 10px -4px #ef44444d}.custom-button.danger:hover:not(:disabled){background-color:red;color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 7px 14px -3px #b91c1c66,0 0 0 2px transparent,0 0 15px -3px #ef444480}.custom-button.danger:focus-visible:not(:disabled){outline:none;box-shadow:0 4px 8px -2px #b91c1c4d,0 0 0 3px var(--danger-color),0 0 10px -4px #ef44444d}.custom-button.danger:active:not(:disabled){background-color:#fecaca;transform:translateY(0) scale(1);box-shadow:inset 0 1px 2px #00000026,0 2px 4px -2px #b91c1c4d,0 0 0 2px transparent,0 0 5px -4px #ef44444d}.notification-modal-content{background:var(--surface-color);padding:40px;border-radius:var(--border-radius);border:1px solid var(--surface-color-light);width:90%;max-width:400px;box-shadow:var(--card-shadow);text-align:center;animation:scaleIn .3s ease forwards;display:flex;flex-direction:column;align-items:center;gap:20px}.notification-icon{margin-bottom:10px}.notification-icon.success{color:#34d399}.notification-icon.error{color:var(--danger-color)}.notification-icon.confirm{color:#f59e0b}.notification-modal-content p{font-size:1.1rem;line-height:1.6;margin:0}.notification-actions{display:flex;justify-content:center;gap:15px;margin-top:20px;width:100%}.notification-actions .custom-button{flex:1}.custom-button.danger{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.custom-button.danger:hover{background-color:#b91c1c;border-color:#b91c1c}.notification-container{position:relative}.notification-button{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;position:relative;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-button:hover{background-color:var(--surface-color-light);color:var(--text-primary)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--danger-color);color:#fff;width:18px;height:18px;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-color)}.notification-dropdown{position:absolute;top:calc(100% + 15px);right:0;background-color:#1a1a1a;border:1px solid var(--surface-color-light);border-radius:var(--border-radius);width:350px;box-shadow:0 10px 30px #0006;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);animation:dropdown-in .2s cubic-bezier(.165,.84,.44,1) forwards;padding:0;transform-origin:top right;z-index:1100}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--surface-color-light)}.notification-header h3{margin:0;font-size:1rem;font-weight:600}.notification-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid var(--surface-color-light);cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:var(--surface-color-light)}.notification-item.read{opacity:.6}.notification-item p{margin:0 0 4px;font-size:.9rem;line-height:1.4;color:var(--text-primary)}.notification-time{font-size:.75rem;color:var(--text-secondary)}.no-notifications{padding:20px;text-align:center;color:var(--text-secondary);font-style:italic}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem;background-color:#000000fa;height:80px;position:sticky;top:0;z-index:1000;transition:background-color .3s ease,border-color .3s ease}.navbar-scrolled{background-color:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.navbar-brand-icon{color:var(--primary-color);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.navbar-brand:hover .navbar-brand-icon{transform:rotate(-15deg) scale(1.1)}.navbar-brand h1{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.5px}.navbar-links{display:flex;align-items:center;background-color:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:30px;padding:6px;box-shadow:0 5px 15px #0003;position:absolute;left:50%;transform:translate(-50%)}.navbar-links a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;font-weight:600;position:relative;transition:color .3s ease;padding:10px 20px;border-radius:24px;display:flex;align-items:center;gap:8px;z-index:1}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary)}.navbar-links a.active svg{color:var(--text-primary)}.navbar-user-section{display:flex;align-items:center;gap:1rem}.navbar-action-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;text-decoration:none;border-radius:20px;transition:color .2s ease,background-color .2s ease;margin-right:.5rem}.navbar-action-link:hover{color:var(--text-primary);background-color:var(--surface-color-light)}.auth-links{display:flex;align-items:center;gap:1.5rem}.auth-links a{text-decoration:none;color:var(--text-secondary);font-weight:600;transition:color .2s ease}.auth-links a:hover{color:var(--text-primary)}.auth-links .register-btn{background-color:var(--primary-color);color:var(--background-color);padding:10px 20px;border-radius:20px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.auth-links .register-btn:hover{transform:translateY(-4px);box-shadow:0 4px 15px #ffffff1a;color:#000}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s,transform .2s}.user-menu-button:hover{background-color:var(--surface-color-light);transform:scale(1.1)}.user-avatar,.user-avatar-placeholder{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--surface-color-light);padding:2px;background-color:var(--surface-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px}.user-menu-button:hover .user-avatar,.user-menu-button:hover .user-avatar-placeholder{border-color:var(--primary-color)}.dropdown-menu{position:absolute;top:calc(100% + 15px);right:0;background-color:#1a1a1a;border:1px solid var(--surface-color-light);border-radius:var(--border-radius);width:240px;box-shadow:0 10px 30px #0006;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);animation:dropdown-in .2s cubic-bezier(.165,.84,.44,1) forwards;padding:8px;transform-origin:top right}@keyframes dropdown-in{to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:12px 16px;border-bottom:1px solid var(--surface-color-light);font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.dropdown-header strong{color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:var(--text-secondary);background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;border-radius:6px;transition:background-color .2s,color .2s}.dropdown-item:hover{background-color:var(--surface-color-light);color:var(--text-primary)}.dropdown-item.logout{margin-top:8px;border-top:1px solid var(--surface-color-light);color:var(--danger-color)}.dropdown-item.logout:hover{background-color:#ef44441a}@media (max-width: 768px){.navbar{padding:0 1.5rem}.navbar-links,.user-name-nav,.navbar-action-link{display:none}}.chatbot-container{position:fixed;bottom:25px;right:25px;z-index:1050}.chatbot-toggle-button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:none;width:64px;height:64px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000080;transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.1)}.chatbot-toggle-button:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 12px 32px #0009;border-color:#fff3}.chatbot-window{width:380px;height:560px;background:linear-gradient(to bottom,#0a0a0a,#1a1a1a);border-radius:20px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatbot-header-content{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1)}.chatbot-header-text h2{margin:0;font-size:1.15rem;font-weight:600;color:#fff;letter-spacing:-.02em}.chatbot-header-text .status{font-size:.75rem;color:#a0a0a0;margin-top:2px;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chatbot-header button{background:#ffffff0d;border:none;color:#a0a0a0;cursor:pointer;padding:8px;border-radius:10px;display:flex;transition:all .2s ease}.chatbot-header button:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.chatbot-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#121212}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.message-wrapper{display:flex;gap:10px;align-items:flex-end;width:100%}.message-wrapper.user{flex-direction:row-reverse}.message-wrapper.bot{flex-direction:row}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.message-avatar.bot{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:0 2px 8px #0006}.message-avatar.user{background:linear-gradient(135deg,#404040,#2a2a2a);box-shadow:0 2px 8px #0006}.message-content{display:flex;flex-direction:column;gap:8px;max-width:75%}.message-wrapper.user .message-content{align-items:flex-end}.message-wrapper.bot .message-content{align-items:flex-start}.message{padding:12px 16px;border-radius:16px;line-height:1.5;word-wrap:break-word;position:relative;display:inline-block;max-width:100%}.message p{margin:0;font-size:.95rem}.message.bot{background:#ffffff14;color:#e8e8e8;border:1px solid rgba(255,255,255,.12);border-bottom-left-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #3b82f666;border:1px solid rgba(59,130,246,.3)}.message.loading{display:inline-flex;align-items:center;justify-content:center;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.spin{animation:spin 1.5s linear infinite;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatbot-input-form{display:flex;padding:20px;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0a;gap:12px}.chatbot-input-form input{flex:1;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#ffffff0d;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.chatbot-input-form input::-moz-placeholder{color:#707070}.chatbot-input-form input::placeholder{color:#707070}.chatbot-input-form input:focus{border-color:#ffffff40;background:#ffffff14;box-shadow:0 0 0 3px #ffffff0d}.chatbot-input-form input:disabled{background:#ffffff08;cursor:not-allowed;opacity:.5}.chatbot-input-form button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid rgba(255,255,255,.15);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0006}.chatbot-input-form button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px #00000080;border-color:#ffffff40}.chatbot-input-form button:active:not(:disabled){transform:scale(.95)}.chatbot-input-form button:disabled{background:#ffffff0d;color:#707070;cursor:not-allowed;box-shadow:none;border-color:#ffffff14}.contact-page-button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 18px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 4px 12px #0006}.contact-page-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080;border-color:#ffffff40}.contact-page-button:active{transform:translateY(0)}@media (max-width: 480px){.chatbot-window{width:calc(100vw - 32px);height:calc(100vh - 90px);bottom:70px;right:16px;border-radius:16px}.chatbot-container{bottom:15px;right:15px}.chatbot-toggle-button{width:56px;height:56px}.message-content{max-width:85%}}:root{--primary-color: #eab308;--primary-hover: #facc15;--background-color: #0a0a0a;--surface-color: #111111;--surface-color-light: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a3a3a3}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.homepage-container{width:100%}.hero-section{position:relative;height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;z-index:0;filter:brightness(.7) contrast(1.1);pointer-events:none}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#111111b3);-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);z-index:1}.hero-content{position:relative;z-index:2;animation:fadeInUp 1s ease-out;padding:20px;max-width:1400px;margin:0 auto}.hero-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;text-shadow:0 6px 20px rgba(0,0,0,.9);letter-spacing:-1.2px;line-height:1.1}.hero-subtitle{font-size:1.4rem;margin-bottom:3rem;color:#ffffffe6;font-weight:400;max-width:700px;margin-left:auto;margin-right:auto}.hero-search-form{display:flex;gap:12px;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;border-radius:60px;max-width:1000px;width:90%;margin:0 auto;box-shadow:0 20px 60px #0009,0 0 0 1px #eab3081a;align-items:center;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:visible}.hero-search-form:hover{box-shadow:0 25px 70px #000000b3,0 0 0 2px #eab30833;transform:translateY(-2px)}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;transform:translate(0)}.input-icon{position:absolute;left:20px;color:var(--primary-color);z-index:1;font-size:18px}.hero-search-input{flex:1;padding:20px 20px 20px 50px;border:none;background-color:transparent;color:#fff;font-size:1rem;outline:none;border-radius:50px;transition:all .3s ease;width:100%}.hero-search-input::-moz-placeholder{color:#ffffff80;font-weight:400}.hero-search-input::placeholder{color:#ffffff80;font-weight:400}.hero-search-input:focus{background-color:#ffffff0d}.hero-search-input.date{color-scheme:dark}.hero-date-display{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center}.hero-date-display:hover{background-color:#ffffff0d}.calendar-dropdown{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background-color:#1a1a1a;border:1px solid var(--surface-color-light);border-radius:12px;padding:10px;z-index:10000;box-shadow:0 12px 40px #000c;min-width:200px;animation:slideUp .2s ease}.calendar-dropdown.hero-calendar{left:0;transform:none;bottom:calc(100% + 12px);top:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;justify-content:center;margin-bottom:20px}.today-button{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s;font-size:.95rem}.today-button:hover{background:linear-gradient(135deg,#3b82f640,#3b82f626);border-color:#3b82f699;transform:translateY(-2px)}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--surface-color-light)}.calendar-navigation button{background:var(--surface-color-light);border:none;color:var(--text-primary);cursor:pointer;padding:10px;border-radius:8px;display:flex;align-items:center;transition:all .2s}.calendar-navigation button:hover{background-color:#ffffff1a;transform:scale(1.1)}.calendar-month{font-weight:700;color:var(--text-primary);font-size:1.1rem;letter-spacing:.5px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px;text-align:center}.calendar-weekdays div{font-size:.85rem;font-weight:700;color:var(--text-secondary);padding:8px 0;text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;color:var(--text-primary);position:relative}.calendar-day:hover:not(.empty):not(.past){background-color:var(--surface-color-light);transform:scale(1.05)}.calendar-day.empty{cursor:default;opacity:0}.calendar-day.today{background:linear-gradient(135deg,#3b82f640,#3b82f626);border:2px solid #60a5fa;font-weight:700;color:#60a5fa}.calendar-day.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;box-shadow:0 4px 12px #3b82f666}.calendar-day.past{opacity:.25;cursor:not-allowed}.search-button{padding:20px 45px!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#000!important;border:none!important;font-weight:700!important;border-radius:50px!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:1.05rem!important;white-space:nowrap!important;box-shadow:0 4px 20px #eab3084d!important}.search-button:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-color) 100%)!important;transform:translateY(-2px)!important;box-shadow:0 8px 30px #eab30880!important}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;cursor:pointer}.scroll-arrow{width:30px;height:50px;border:2px solid rgba(255,255,255,.5);border-radius:20px;position:relative}.scroll-arrow:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:scrollDown 2s infinite}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px;padding:100px 5%;background-color:#0000}.feature-card{text-align:center;padding:40px 30px;background:linear-gradient(135deg,#11111180,#1a1a1a4d);border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:all .4s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.feature-card:hover{transform:translateY(-10px);border-color:#eab3084d;box-shadow:0 20px 60px #00000080}.feature-card:hover:before{transform:scaleX(1)}.feature-icon-wrapper{width:90px;height:90px;margin:0 auto 2rem;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eab3081a,#eab3080d);border:1px solid rgba(234,179,8,.2);transition:all .4s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#eab30833,#eab3081a)}.feature-icon{color:var(--primary-color)}.feature-card h3{font-size:1.6rem;margin-bottom:1rem;font-weight:700}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:1rem}.benefits-section{padding:0 5%;background-color:#1110;text-align:center;position:relative}.benefits-section h2{font-size:3rem;margin-bottom:4rem;font-weight:800}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;max-width:1300px;margin:0 auto 80px}.benefit-card{padding:40px 30px;background:linear-gradient(135deg,#111c,#0a0a0acc);border-radius:20px;transition:all .4s ease;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.benefit-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transform:translate(100%);transition:transform .6s ease}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0009;border-color:#eab30833}.benefit-card:hover:after{transform:translate(0)}.benefit-icon-wrapper{width:80px;height:80px;margin:0 auto 2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .4s ease}.benefit-card:hover .benefit-icon-wrapper{transform:scale(1.15) rotate(360deg)}.benefit-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px #10b9814d}.benefit-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 30px #3b82f64d}.benefit-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 10px 30px #8b5cf64d}.benefit-icon-wrapper.orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #f59e0b4d}.benefit-card h3{font-size:1.4rem;margin-bottom:1rem;font-weight:700}.benefit-card p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.enhanced-cta{display:flex;align-items:stretch;background:#161616;border-radius:36px;overflow:hidden;box-shadow:0 18px 64px #0000008a,0 0 0 1px #eab30824;margin:60px auto;max-width:1100px;border:2px solid var(--primary-color);min-height:320px}.cta-img-wrapper{position:relative;min-width:320px;max-width:420px;flex:1.1;overflow:hidden;display:flex;align-items:stretch}.cta-img{width:150%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.76) grayscale(10%)}.cta-img-gradient{position:absolute;inset:0;background:radial-gradient(circle at 60% 60%,rgba(234,179,8,.14) 2%,transparent 88%);pointer-events:none;z-index:1}.cta-message-section{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 5vw;position:relative;z-index:2}.cta-message-section h2{font-size:2.6rem;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:20px;text-align:center}.cta-message-section .emphasize{color:var(--primary-color);background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.cta-message-section p{font-size:1.18rem;color:var(--text-secondary);line-height:1.8;text-align:center;margin-bottom:34px}.cta-inline-button{padding:22px 68px!important;font-size:1.25rem!important;font-weight:700!important;border-radius:40px!important;background:linear-gradient(90deg,#fff,#fefbee)!important;color:#161616!important;box-shadow:0 0 24px #312f2f,0 7px 20px #fff3!important;transition:box-shadow .18s,transform .2s!important;border:none!important;cursor:pointer!important}.cta-inline-button:hover{background:linear-gradient(90deg,#ffce0b,#fffae6)!important;box-shadow:0 0 36px #000,0 11px 32px #eab30842!important;transform:translateY(-2px) scale(1.05)!important}.how-it-works-section{padding:70px 5%;text-align:center;background:linear-gradient(180deg,var(--background-color) 0%,rgba(17,17,17,.5) 100%)}.how-it-works-section h2{font-size:3rem;margin-bottom:5rem;font-weight:800}.steps-container{display:flex;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto}.step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-image{width:100%;height:280px;margin-bottom:2rem;border-radius:20px;overflow:hidden;box-shadow:0 15px 50px #00000080;position:relative;transition:all .4s ease}.step:hover .step-image{transform:translateY(-10px);box-shadow:0 25px 70px #000000b3}.step-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.step:hover .step-image img{transform:scale(1.1)}.step-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%)}.step-number{font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1}.step-content h3{font-size:1.6rem;margin:0 0 1rem;font-weight:700}.step-content p{color:var(--text-secondary);line-height:1.7;font-size:1rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;padding:60px 5%;background:linear-gradient(135deg,#eab308f2,#b8a900f2);color:#000;position:relative;overflow:hidden}.stat-item{text-align:center;position:relative;z-index:1}.stat-number{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-label{font-size:1.2rem;font-weight:600;opacity:.9}.testimonials-section{padding:100px 5%;background-color:#0000;text-align:center}.testimonials-section h2{font-size:3rem;margin-bottom:5rem;font-weight:800}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px;max-width:1400px;margin:0 auto}.testimonial-card-modern{background:linear-gradient(135deg,#e55900b5,#ff7400e6);padding:50px 40px;border-radius:25px;border:1px solid rgba(255,255,255,.05);text-align:left;position:relative;transition:all .4s ease;opacity:.7;transform:scale(.95)}.testimonial-card-modern.active{opacity:1;transform:scale(1);border-color:#eab3084d;box-shadow:0 20px 60px #0009}.testimonial-card-modern:hover{opacity:1;transform:scale(1.02);border-color:#fdfdfd}.testimonial-quote-icon{font-size:4rem;color:var(--primary-color);opacity:.2;line-height:1;margin-bottom:1rem;font-family:Georgia,serif}.testimonial-text-modern{font-size:1.15rem;line-height:1.8;color:#ffffffe6;margin-bottom:2.5rem;font-style:italic}.testimonial-author-modern{display:flex;align-items:center;gap:20px}.author-avatar-modern{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:0px solid var(--primary-color);box-shadow:0 5px 20px #eab3084d}.author-info-modern{text-align:left}.author-name-modern{font-weight:700;font-size:1.2rem;margin-bottom:.2rem}.author-role-modern{color:#fff;font-size:1rem}.homepage-footer{background:linear-gradient(135deg,#0a0a0a00,#111111d1);color:#fff;padding:70px 5% 40px;border-top:.5px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;max-width:1400px;margin:0 auto 30px}.footer-section h3{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;font-weight:800}.footer-section h4{font-size:1.2rem;margin-bottom:1.5rem;color:#fff;font-weight:700}.footer-tagline{color:#ffffffb3;line-height:1.8;margin:0;font-size:1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:1rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;font-size:1rem}.footer-links a:hover{color:var(--primary-color);padding-left:5px}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.95rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollDown{0%{top:10px;opacity:1}to{top:30px;opacity:0}}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 900px){.hero-search-form{flex-direction:column;border-radius:30px;padding:20px}.calendar-dropdown.hero-calendar{left:0;transform:none}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;overflow:visible}.hero-search-input{padding:18px 18px 18px 50px}.search-button{width:100%;justify-content:center}.steps-container{flex-direction:column;align-items:center}.step{max-width:550px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-content{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}.benefits-section h2,.how-it-works-section h2,.testimonials-section h2{font-size:2.2rem}.cta-content-inline h3{font-size:2rem}.cta-content-inline p{font-size:1.1rem}.stat-number{font-size:2.8rem}.testimonials-grid{grid-template-columns:1fr;gap:30px}.testimonial-card-modern{padding:40px 30px}.inline-cta-box{padding:50px 30px}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.benefits-section h2,.how-it-works-section h2,.testimonials-section h2{font-size:1.8rem}}.hero-search-input:-webkit-autofill,.hero-search-input:-webkit-autofill:hover,.hero-search-input:-webkit-autofill:focus,.hero-search-input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0 40px rgba(0,0,0,0) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-wrapper{width:100%;margin-bottom:16px;position:relative}.custom-input{width:100%;padding:14px 45px 14px 14px;background-color:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:var(--border-radius);font-size:1rem;color:var(--text-primary);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.custom-input::-moz-placeholder{color:var(--text-secondary)}.custom-input::placeholder{color:var(--text-secondary)}.custom-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--input-shadow)}.password-toggle-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:var(--text-secondary);cursor:pointer;transition:color .2s}.password-toggle-icon:hover{color:var(--text-primary)}.auth-container{display:flex;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#1f2937,#111827);background-image:radial-gradient(circle at 1px 1px,var(--surface-color-light) 1px,transparent 0);background-size:20px 20px}.welcome-panel{flex:1;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px}.welcome-panel h2{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.welcome-panel p{font-size:1.25rem;max-width:450px;line-height:1.6;color:var(--text-secondary)}.form-panel{flex:1;display:flex;justify-content:center;align-items:center}.form-box{width:100%;max-width:400px;padding:40px;background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--surface-color-light)}.form-box h1{text-align:center;margin-bottom:30px;color:var(--text-primary);font-size:2rem;font-weight:600}.form-box form button{margin-top:20px;width:100%}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-button{width:100%;padding:12px 16px;background-color:var(--background-color);border:1.5px solid var(--surface-color-light);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.custom-dropdown-button:hover{border-color:var(--primary-color);background-color:var(--surface-color)}.custom-dropdown-button:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0000001a}.dropdown-label{font-weight:500;display:flex;align-items:center}.dropdown-label-content{display:flex;align-items:center}.dropdown-icon{transition:transform .3s ease;color:var(--text-secondary)}.dropdown-icon.open{transform:rotate(180deg);color:var(--primary-color)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--surface-color);border:1.5px solid var(--surface-color-light);border-radius:8px;margin-top:8px;z-index:1000;box-shadow:0 10px 30px #0000004d;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{width:100%;padding:10px 14px;background:none;border:none;color:var(--text-primary);font-size:.95rem;font-family:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border-left:3px solid transparent}.dropdown-option:hover{background-color:var(--primary-color);color:#fff}.dropdown-option.selected{background-color:#0000000d;border-left-color:var(--primary-color);color:var(--primary-color);font-weight:600}.dropdown-option.selected:hover{background-color:var(--primary-color);color:#fff;border-left-color:#fff}.option-text{flex:1;display:flex;align-items:center}.option-checkmark{color:var(--primary-color);font-weight:700;margin-left:8px;font-size:1.1rem}.dropdown-option.selected:hover .option-checkmark{color:#fff}.main-container{width:100%;max-width:1200px;margin:40px auto;padding:0 20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{border-bottom:1px solid var(--surface-color-light);padding-bottom:15px;margin-bottom:30px}.page-header h1{margin:0;font-size:2.25rem;color:var(--text-primary)}.ride-lists-container{display:grid;grid-template-columns:1fr 1fr;gap:40px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background-color:var(--surface-color);padding:25px;border-radius:var(--border-radius);text-align:center;border:1px solid var(--surface-color-light)}.stat-card h3{margin-top:0;font-size:1rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card p{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0}.employee-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:var(--surface-color);border-radius:var(--border-radius);overflow:hidden}.employee-table th,.employee-table td{padding:15px;text-align:left;border-bottom:1px solid var(--surface-color-light)}.employee-table th{background-color:var(--surface-color-light);font-weight:600;color:var(--text-primary)}.employee-table tr:last-child td{border-bottom:none}.profile-details-grid{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);margin-bottom:30px;border:1px solid var(--surface-color-light)}.profile-picture-container{width:120px;height:120px}.profile-picture{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.profile-picture-placeholder{width:100%;height:100%;color:var(--surface-color-light)}.profile-info-container p{margin:10px 0;font-size:1.1rem}.profile-content-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:40px}.feedback-column h2,.history-column h2{margin-top:0}.history-ride-card{background-color:var(--surface-color);padding:20px;border-radius:var(--border-radius);margin-bottom:15px;border:1px solid var(--surface-color-light);display:flex;justify-content:space-between;align-items:center}.history-ride-info p{margin:0 0 5px}.history-ride-feedback{display:flex;flex-direction:column;gap:15px;text-align:right}.feedback-item span{font-size:.9rem;color:var(--text-secondary)}.rating-display{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:5px}.profile-display-info{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.profile-edit-form{display:flex;align-items:flex-start;gap:30px;width:100%}.profile-picture-edit-area{display:flex;flex-direction:column;align-items:center;gap:15px}.profile-picture-edit-area .profile-picture,.profile-picture-edit-area .profile-picture-placeholder{width:120px;height:120px}.profile-picture-actions{display:flex;flex-direction:column;gap:10px;width:120px}.profile-picture-actions .custom-button{width:100%;padding:8px;font-size:.9rem}.profile-picture-actions .custom-button.remove:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.profile-fields-container{flex:1}.profile-edit-buttons{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}@media (max-width: 960px){.profile-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ride-lists-container{grid-template-columns:1fr}.profile-details-grid,.profile-edit-form{grid-template-columns:1fr;flex-direction:column;align-items:center;text-align:center}.profile-display-info{flex-direction:column;align-items:center;gap:20px}}.ride-card-final{background:linear-gradient(135deg,var(--surface-color) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--surface-color-light);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:20px;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000f;max-width:850px;width:100%}.ride-card-final:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.ride-card-final:hover{transform:translateY(-4px);border-color:#666;box-shadow:0 12px 32px #0000001f}.ride-card-final:hover:before{opacity:1}.ride-card-final.departed{opacity:.6;background:linear-gradient(135deg,var(--surface-color) 0%,rgba(100,100,100,.05) 100%)}.ride-card-final.departed:hover{transform:translateY(-2px)}.ride-card-final.completed{opacity:.5;background:linear-gradient(135deg,var(--surface-color) 0%,rgba(16,185,129,.03) 100%)}.ride-card-final.completed:hover{transform:translateY(-2px)}.card-top-section{display:flex;justify-content:center}.timeline-container{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:end;-moz-column-gap:20px;column-gap:20px;row-gap:6px;width:100%;max-width:700px}.time-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;transition:color .2s ease}.ride-card-final:hover .time-value{color:#3b82f6}.time-value.start{grid-area:1 / 1;text-align:left}.time-value.end{grid-area:1 / 3;text-align:right}.timeline-graphic{grid-area:1 / 2;display:flex;align-items:center;width:100%;margin-bottom:4px;gap:6px}.timeline-graphic .dot{width:12px;height:12px;border-radius:50%;border:3px solid #3b82f6;background-color:var(--surface-color);flex-shrink:0;transition:all .3s ease;box-shadow:0 0 #3b82f666}.ride-card-final:hover .timeline-graphic .dot{border-color:#8b5cf6;box-shadow:0 0 0 4px #3b82f633;transform:scale(1.1)}.timeline-graphic .line{flex-grow:1;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;transition:background-position .5s ease;border-radius:2px}.ride-card-final:hover .timeline-graphic .line{background-position:100% 0}.timeline-graphic .duration{color:var(--text-secondary);padding:4px 14px;font-size:.85rem;font-weight:600;background-color:#3b82f61a;border-radius:12px;white-space:nowrap;transition:all .3s ease}.ride-card-final:hover .timeline-graphic .duration{background-color:#8b5cf626;color:#8b5cf6;transform:scale(1.05)}.location-value{font-size:.95rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;font-weight:500;transition:color .2s ease}.ride-card-final:hover .location-value{color:var(--text-primary)}.location-value.start{grid-area:2 / 1;text-align:left}.location-value.end{grid-area:2 / 3;text-align:right}.card-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:16px;border-top:1px solid var(--surface-color-light)}.driver-details{grid-column:1;justify-self:start;display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9rem;transition:all .2s ease}.driver-details span{color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-avatar-small{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;color:var(--text-secondary);flex-shrink:0;border:2px solid var(--surface-color-light);transition:all .3s ease}.ride-card-final:hover .driver-avatar-small{border-color:#3b82f6;transform:scale(1.1);box-shadow:0 0 0 3px #3b82f626}.date-details{grid-column:2;justify-self:center;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;padding:6px 16px;background-color:#3b82f614;border-radius:20px;transition:all .3s ease}.date-details span{font-weight:600}.ride-card-final:hover .date-details{background-color:#3b82f626;color:#3b82f6;transform:scale(1.05)}.card-action{grid-column:3;justify-self:end}.status-tag{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem;color:var(--text-secondary);padding:6px 16px;background-color:#f59e0b1a;border-radius:20px;transition:all .3s ease}.status-tag.departed{color:#f59e0b;animation:pulse 2s ease-in-out infinite}.status-tag.completed{color:#10b981;background-color:#10b98126;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.delete-btn-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:var(--surface-color-light);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.delete-btn-wrapper:hover{background-color:#ef4444;color:#fff;transform:scale(1.15) rotate(5deg);border-color:#dc2626;box-shadow:0 4px 16px #ef444466}.delete-btn-wrapper:active{transform:scale(.95)}.status-placeholder{width:38px;height:38px}@media (max-width: 768px){.ride-card-final{padding:20px 22px}.timeline-container{-moz-column-gap:12px;column-gap:12px;max-width:100%}.time-value{font-size:1.2rem}.location-value{font-size:.875rem}.card-footer{grid-template-columns:1fr;gap:14px}.driver-details,.date-details,.card-action{grid-column:1;justify-self:start}.date-details{justify-self:start}}@media (max-width: 480px){.ride-card-final{padding:18px 20px}.timeline-graphic .duration{font-size:.8rem;padding:3px 10px}.time-value{font-size:1.1rem}.location-value{font-size:.85rem}}.autocomplete-wrapper{position:relative;width:100%}.suggestions-list{position:absolute;top:100%;left:0;right:0;width:100%;z-index:1000;list-style:none;margin:0;padding:0;background-color:var(--surface-color);border:1px solid var(--surface-color-light);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 8px 16px #0000004d;max-height:250px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:transparent}.suggestions-list::-webkit-scrollbar-thumb{background:var(--surface-color-light);border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#444}.suggestions-list li{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .2s;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.05)}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background-color:#ffffff14}.suggestions-list li:active{background-color:#ffffff1f}.suggestions-list .suggestion-icon{color:var(--primary-color);flex-shrink:0}.loading-item,.no-results-item{padding:12px 16px;font-style:italic;color:var(--text-secondary);text-align:center}.autocomplete-wrapper .custom-input{transition:border-radius .2s}.autocomplete-wrapper:has(.suggestions-list) .custom-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.autocomplete-wrapper .custom-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ffffff1a}.offer-ride-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.05) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(255,255,255,.01) 60px,rgba(255,255,255,.01) 120px),var(--background-color);position:relative;overflow:hidden}.offer-ride-page-container:before{content:"";position:absolute;top:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:float 20s ease-in-out infinite;pointer-events:none}.offer-ride-page-container:after{content:"";position:absolute;bottom:15%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float 25s ease-in-out infinite reverse;pointer-events:none}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.offer-ride-page-container .form-card-container{width:100%;max-width:550px;position:relative;z-index:1}.offer-ride-page-container .progress-bar{display:flex;gap:8px;margin-bottom:32px}.offer-ride-page-container .progress-step{flex:1;height:4px;background-color:#ffffff1a;border-radius:2px;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 #3b82f600}.offer-ride-page-container .progress-step.active{background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 0 20px #3b82f680}.offer-ride-page-container .form-card{background:#111111b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:48px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.offer-ride-page-container .form-card:before{content:"";position:absolute;top:-50%;right:-50%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.offer-ride-page-container .step-content{animation:slideUp .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.offer-ride-page-container .form-card h2{font-size:2.2rem;font-weight:700;text-align:center;margin:0 0 12px;color:var(--text-primary);background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.offer-ride-page-container .form-card p{text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.offer-ride-page-container .form-field{margin-bottom:24px}.offer-ride-page-container .form-field label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px;padding-left:4px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.offer-ride-page-container .form-field label svg{color:#3b82f6}.offer-ride-page-container .form-field:hover label{color:var(--text-primary)}.offer-ride-page-container .custom-input{width:100%;padding:14px 16px;background:#2229;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .custom-input:hover{border-color:#3b82f64d;background:#222c}.offer-ride-page-container .custom-input:focus{outline:none;border-color:#3b82f6;background:#222222e6;box-shadow:0 0 0 3px #3b82f626}.offer-ride-page-container .custom-input::-moz-placeholder{color:#8889}.offer-ride-page-container .custom-input::placeholder{color:#8889}.offer-ride-page-container .form-actions{margin-top:36px;border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.offer-ride-page-container .custom-button{padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;font-size:15px;display:inline-flex;align-items:center;gap:8px;text-shadow:none}.offer-ride-page-container .custom-button:before{display:none}.offer-ride-page-container .custom-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b82f680;background:linear-gradient(135deg,#4b92f7,#9c6df7)}.offer-ride-page-container .custom-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #0003}.offer-ride-page-container .custom-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--surface-color-light);color:var(--text-secondary)}.offer-ride-page-container .custom-button.secondary{background:transparent;color:var(--text-primary);border:1.5px solid rgba(255,255,255,.2);box-shadow:none}.offer-ride-page-container .custom-button.secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.offer-ride-page-container .stop-input-group{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;background:#2226;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .remove-stop-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease;flex-shrink:0;margin-top:28px}.offer-ride-page-container .remove-stop-btn:hover{background:#ef444426;transform:scale(1.1) rotate(90deg)}.offer-ride-page-container .add-stopover-btn{width:100%;padding:14px;border-radius:14px;border:1.5px dashed rgba(59,130,246,.4);background:#3b82f60d;color:#3b82f6;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.offer-ride-page-container .add-stopover-btn:hover{border-color:#3b82f6;background:#3b82f61a;transform:translateY(-2px)}.offer-ride-page-container .passenger-counter-container{display:flex;align-items:center;justify-content:space-around;padding:40px 0}.offer-ride-page-container .count-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#2229;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .count-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff;transform:scale(1.15) rotate(-10deg);box-shadow:0 4px 15px #3b82f666}.offer-ride-page-container .count-btn:disabled{opacity:.3;cursor:not-allowed}.offer-ride-page-container .count-display{font-size:5.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.offer-ride-page-container .custom-textarea{width:100%;padding:14px 16px;background:#2229;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--text-primary);font-family:inherit;font-size:1rem;resize:vertical;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100px}.offer-ride-page-container .custom-textarea:hover{border-color:#3b82f64d;background:#222c}.offer-ride-page-container .custom-textarea:focus{outline:none;border-color:#3b82f6;background:#222222e6;box-shadow:0 0 0 3px #3b82f626}.offer-ride-page-container .custom-date-picker-container{background:#2229;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.offer-ride-page-container .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.offer-ride-page-container .calendar-nav-btn{background:transparent;border:none;color:#3b82f6;cursor:pointer;font-size:1.3rem;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px}.offer-ride-page-container .calendar-nav-btn:hover{background:#3b82f61a;transform:scale(1.2);color:#8b5cf6}.offer-ride-page-container .calendar-month-year{text-align:center;font-size:1.15rem;font-weight:700;color:var(--text-primary);min-width:150px}.offer-ride-page-container .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.offer-ride-page-container .weekday{text-align:center;font-size:.75rem;font-weight:700;color:var(--text-secondary);padding:8px;text-transform:uppercase;letter-spacing:.5px}.offer-ride-page-container .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.offer-ride-page-container .calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#2226;color:var(--text-primary);cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);font-size:.9rem;font-weight:500}.offer-ride-page-container .calendar-day:hover:not(.disabled):not(.empty){background:#3b82f626;border-color:#3b82f6;transform:scale(1.08)}.offer-ride-page-container .calendar-day.selected{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;box-shadow:0 4px 15px #3b82f666}.offer-ride-page-container .calendar-day.disabled,.offer-ride-page-container .calendar-day.empty{color:var(--text-secondary);opacity:.3;cursor:not-allowed;background:transparent;border-color:transparent}.offer-ride-page-container .custom-time-picker-container{background:#2229;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .time-picker-display{text-align:center;font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px;letter-spacing:4px;font-family:Courier New,monospace}.offer-ride-page-container .time-picker-inputs{display:flex;justify-content:center;gap:20px;margin-bottom:28px}.offer-ride-page-container .time-input-group{display:flex;flex-direction:column;align-items:center;gap:12px}.offer-ride-page-container .time-up-btn,.offer-ride-page-container .time-down-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.1);background:#2229;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .time-up-btn:hover,.offer-ride-page-container .time-down-btn:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff;transform:scale(1.1)}.offer-ride-page-container .time-display{font-size:2rem;font-weight:700;color:var(--text-primary);width:70px;text-align:center;font-family:Courier New,monospace}.offer-ride-page-container .price-slider-container{background:#2229;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .price-display-box{text-align:center;margin-bottom:28px}.offer-ride-page-container .price-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.offer-ride-page-container .price-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;margin-bottom:16px}.offer-ride-page-container .recommendation-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.offer-ride-page-container .pill{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:20px;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.offer-ride-page-container .pill.low,.offer-ride-page-container .pill.high{background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.offer-ride-page-container .pill.recommended{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.4)}.offer-ride-page-container .pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.offer-ride-page-container .slider-control-group{display:flex;align-items:center;gap:16px}.offer-ride-page-container .control-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.1);background:#2229;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offer-ride-page-container .control-btn:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff;transform:scale(1.15)}.offer-ride-page-container .price-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,#3b82f633,#8b5cf633);border-radius:3px;outline:none}.offer-ride-page-container .price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 4px 15px #3b82f666;border:2px solid rgba(255,255,255,.3)}.offer-ride-page-container .price-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 6px 25px #3b82f699}.offer-ride-page-container .price-slider::-moz-range-thumb{width:22px;height:22px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #3b82f666}.offer-ride-page-container .stopover-pricing-row{text-align:center;margin-bottom:24px;padding:16px;background:#34d3991a;border-radius:12px;border:1px solid rgba(52,211,153,.3)}.offer-ride-page-container .link-button{background:none;border:none;color:#34d399;text-decoration:underline;cursor:pointer;font-weight:600;transition:all .3s ease}.offer-ride-page-container .link-button:hover{opacity:.8;text-decoration-thickness:2px}.offer-ride-page-container .modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.offer-ride-page-container .modal-card{background:#111c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;width:90%;max-width:500px;border:1px solid rgba(255,255,255,.1);position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.offer-ride-page-container .modal-close{position:absolute;top:20px;right:20px;background:#ffffff14;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.offer-ride-page-container .modal-close:hover{color:var(--text-primary);background:#ffffff26;transform:rotate(90deg)}.offer-ride-page-container .modal-card h2{font-size:1.5rem;text-align:center;margin-bottom:16px;color:var(--text-primary)}.offer-ride-page-container .modal-body{display:flex;flex-direction:column;gap:16px}.offer-ride-page-container .stop-row{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#22222280;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.offer-ride-page-container .stop-info{display:flex;align-items:center;gap:12px}.offer-ride-page-container .stop-names{display:flex;flex-direction:column;gap:4px;font-weight:600;color:var(--text-primary)}.offer-ride-page-container .stop-price-controls{display:flex;align-items:center;gap:10px}.offer-ride-page-container .circle-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#2229;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.offer-ride-page-container .circle-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff;transform:scale(1.1)}.offer-ride-page-container .circle-btn:disabled{opacity:.4;cursor:not-allowed}.offer-ride-page-container .stop-price-input-wrapper{position:relative;display:flex;align-items:center}.offer-ride-page-container .stop-price-input-wrapper span{position:absolute;left:10px;color:var(--text-secondary);font-weight:700;pointer-events:none}.offer-ride-page-container .stop-price-input{width:80px;padding:8px 8px 8px 24px;background:#2229;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);text-align:center;font-size:1.1rem;font-weight:700;transition:all .3s ease;-moz-appearance:textfield}.offer-ride-page-container .stop-price-input:focus{outline:none;border-color:#3b82f6;background:#222c;box-shadow:0 0 0 3px #3b82f626}.offer-ride-page-container .stop-price-input::-webkit-outer-spin-button,.offer-ride-page-container .stop-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.offer-ride-page-container .modal-actions{margin-top:24px;display:flex;justify-content:center}.offer-ride-page-container .autocomplete-wrapper .custom-input{background:#2229;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--text-primary)}.offer-ride-page-container .autocomplete-wrapper .suggestions-list{background-color:var(--surface-color);border:1px solid rgba(255,255,255,.1)}.offer-ride-page-container .autocomplete-wrapper .suggestions-list li:hover{background-color:#ffffff14}.simple-ride-card{background:linear-gradient(145deg,var(--surface-color),rgba(30,41,59,.5));border:1px solid var(--surface-color-light);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000004d;overflow:hidden;position:relative}.simple-ride-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.simple-ride-card:hover{transform:translateY(-4px) scale(1.01);border-color:#3b82f680;box-shadow:0 10px 30px #00000080}.simple-ride-card:hover:before{opacity:1}.card-grid-container{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto auto auto;align-items:center;gap:4px 24px;padding:24px 28px}.time-start,.time-end{font-weight:700;font-size:1.15rem;color:var(--text-primary);text-align:center;letter-spacing:.5px}.time-start{grid-area:1 / 1}.time-end{grid-area:3 / 1}.timeline-connector{grid-area:2 / 1;position:relative;display:flex;justify-content:center;height:100%;min-height:45px}.timeline-line{width:3px;height:100%;background:linear-gradient(180deg,var(--surface-color-light),var(--surface-color));border-radius:1.5px}.duration-text{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--surface-color);padding:4px 10px;font-size:.8rem;font-weight:600;color:var(--text-secondary);border-radius:6px;border:1px solid var(--surface-color-light);white-space:nowrap}.location-start,.location-end{display:flex;align-items:center;gap:14px}.location-start{grid-area:1 / 2}.location-end{grid-area:3 / 2}.location-icon{font-size:1.3rem;flex-shrink:0}.location-icon.origin{color:#10b981}.location-icon.destination{color:#ef4444}.location-text{font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-container{grid-area:1 / 3 / 4 / 4;background:#3b82f61a;padding:16px 20px;border-radius:12px;text-align:center;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(59,130,246,.2);min-width:100px}.price-value{font-size:1.8rem;font-weight:700;color:var(--primary-color);line-height:1.1;margin-bottom:4px}.price-label{font-size:.75rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.card-divider{grid-area:4 / 1 / 5 / 4;height:1px;background-color:var(--surface-color-light);margin:18px 0}.driver-container{grid-area:5 / 1 / 6 / 3;display:flex;align-items:center;justify-content:space-between;gap:14px}.driver-left{display:flex;align-items:center;gap:14px}.driver-avatar-wrapper{position:relative}.driver-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--surface-color-light)}.driver-avatar-placeholder{width:44px;height:44px;color:var(--text-secondary)}.driver-info-text{display:flex;flex-direction:column;gap:2px}.driver-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.driver-rating{display:flex;align-items:center;gap:4px;font-size:.85rem}.star-icon{color:#fbbf24}.rating-value{color:var(--text-secondary);font-weight:500}.date-badge{background-color:var(--surface-color-light);padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.seats-container{grid-area:5 / 3;background-color:#10b9811a;color:#10b981;padding:8px 12px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.seats-container.low-seats{background-color:#ef44441a;color:#ef4444;border-color:#ef444433}.seats-icon{font-size:1.1rem}.seats-text{font-size:.9rem;white-space:nowrap}.simple-ride-card-error{padding:24px;text-align:center;color:var(--danger-color);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid rgba(239,68,68,.3);border-radius:12px;font-weight:600}@media (max-width: 650px){.card-grid-container{grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto auto auto auto;gap:8px 16px;padding:20px 24px}.time-start{grid-area:1 / 1}.location-start{grid-area:1 / 2}.timeline-connector{grid-area:2 / 1 / 4 / 2;margin-left:calc(50% - 1.5px);min-height:30px}.time-end{grid-area:3 / 1}.location-end{grid-area:3 / 2}.price-container{grid-area:4 / 1 / 5 / 3;margin-top:16px;flex-direction:row;justify-content:space-between;padding:10px 16px}.price-label{margin-bottom:0}.card-divider{grid-area:5 / 1 / 6 / 3;margin:16px 0}.driver-container{grid-area:6 / 1 / 7 / 3}.seats-container{grid-area:7 / 1 / 8 / 3;margin-top:12px;justify-self:center;width:-moz-fit-content;width:fit-content}}@media (max-width: 400px){.price-container{flex-direction:column;align-items:center;gap:4px}.driver-container{flex-direction:column;align-items:flex-start;gap:10px}.date-badge{align-self:flex-start}.seats-container{justify-self:flex-start}.location-text{font-size:1rem}.time-start,.time-end{font-size:1.05rem}}.status-container{grid-area:5 / 3;justify-self:center;align-self:center}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;white-space:nowrap}.status-tag.departed{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-tag.completed{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.simple-ride-card.status-departed,.simple-ride-card.status-completed{opacity:.75;transition:opacity .3s ease}.simple-ride-card.status-departed:hover,.simple-ride-card.status-completed:hover{opacity:1}@media (max-width: 650px){.status-container{grid-area:7 / 1 / 8 / 3;margin-top:12px;justify-self:flex-start;width:-moz-fit-content;width:fit-content}.status-container .seats-container{margin-top:0;justify-self:flex-start;width:-moz-fit-content;width:fit-content}}@media (max-width: 400px){.status-container,.status-container .seats-container{justify-self:flex-start}}.modal-overlay{position:fixed;inset:0;background-color:#111827cc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,var(--surface-color),var(--surface-color-light));padding:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:90%;max-width:550px;box-shadow:0 4px 15px #0003,0 10px 30px #00000040,0 0 0 1px #ffffff0d inset;transform:scale(.95);animation:scaleIn .3s ease forwards}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h2{margin-top:0;margin-bottom:30px;text-align:center;font-size:1.6rem;color:var(--text-primary)}.custom-dropdown-container{position:relative;margin-bottom:24px}.custom-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--background-color);border:1px solid var(--surface-color-light);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;font-family:inherit;cursor:pointer;transition:all .3s ease;min-height:48px;box-sizing:border-box}.custom-dropdown-display:hover{border-color:#3b82f680}.custom-dropdown-display.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-dropdown-display span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0;margin-left:10px}.custom-dropdown-display.open .dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-options{position:absolute;top:100%;left:0;right:0;background-color:var(--surface-color);border:1px solid #3b82f6;border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:200px;overflow-y:auto;z-index:1010;list-style:none;padding:8px;margin:0;box-shadow:0 8px 24px #00000080;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{padding:12px 16px;cursor:pointer;color:var(--text-primary);border-radius:6px;margin-bottom:4px;transition:background-color .2s,color .2s;display:flex;justify-content:space-between;align-items:center}.dropdown-option:last-child{margin-bottom:0}.dropdown-option:hover{background-color:#3b82f626}.dropdown-option.selected{background-color:#3b82f640;font-weight:600;color:#60a5fa}.dropdown-option.already-rated{color:var(--text-secondary)}.rated-indicator{font-size:.8em;color:#10b981;display:inline-flex;align-items:center;gap:4px;margin-left:8px}.rated-indicator svg{font-size:.9em}.already-rated-message{color:#10b981;font-size:.9em;text-align:center;margin-top:10px}.custom-dropdown-display.single-option{cursor:default;background:transparent;border:none;padding:14px 0;justify-content:center;font-weight:600;color:var(--text-primary)}.custom-dropdown-display.single-option:hover{border-color:transparent}.star-rating{display:flex;justify-content:center;margin-bottom:24px;gap:12px}.star-rating input[type=radio]{display:none}.star-rating .star{cursor:pointer;transition:transform .2s,color .2s}.star-rating .star:hover{transform:scale(1.25)}.modal-content textarea{width:100%;height:100px;padding:14px;box-sizing:border-box;background-color:var(--background-color);border:1px solid var(--surface-color-light);border-radius:var(--border-radius);font-size:1rem;color:var(--text-primary);margin-bottom:24px;resize:vertical;transition:border-color .2s,box-shadow .2s,opacity .2s}.modal-content textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-content textarea:disabled{background-color:var(--surface-color-light);cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.modal-actions .custom-button{min-height:44px;display:inline-flex;align-items:center}.modal-content label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.chat-box-container{display:flex;flex-direction:column;height:500px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(145deg,var(--surface-color),rgba(255,255,255,.02));box-shadow:0 10px 25px -5px #00000026,0 4px 6px -2px #00000014;margin-top:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,var(--surface-color-light),rgba(255,255,255,.03));position:relative}.chat-header:after{display:none}.chat-input-form:before{display:none}.chat-header h3{margin:0;color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.025em}.chat-status{display:flex;align-items:center;gap:6px}.status-connected{color:#34d399;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px;padding:4px 12px;background-color:#34d3991a;border-radius:12px;border:1px solid rgba(52,211,153,.2)}.status-connected:before{content:"";width:8px;height:8px;background-color:#34d399;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.status-disconnected{color:#f59e0b;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px;padding:4px 12px;background-color:#f59e0b1a;border-radius:12px;border:1px solid rgba(245,158,11,.2)}.status-disconnected:before{content:"";width:8px;height:8px;background-color:#f59e0b;border-radius:50%}.chat-loading{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);font-style:italic;font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--background-color);position:relative}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:8px 0}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f699,#3b82f64d);border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6cc,#3b82f680)}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center}.empty-chat svg{margin-bottom:16px;opacity:.4;font-size:3rem}.empty-chat p{margin:0;font-style:italic;font-size:1rem;opacity:.8}.message-bubble-wrapper{display:flex;align-items:flex-end;margin-bottom:6px;position:relative}.message-bubble-wrapper.my-message{justify-content:flex-end}.message-bubble-wrapper.other-message{justify-content:flex-start}.message-content-box{display:flex;align-items:flex-end;max-width:75%;gap:12px}.message-bubble-wrapper.my-message .message-content-box{flex-direction:row-reverse}.message-avatar{position:relative;flex-shrink:0;margin-bottom:4px}.message-avatar img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #00000026;transition:all .2s ease}.message-avatar img:hover{transform:scale(1.05);border-color:#3b82f64d}.message-avatar .participant-icon{color:var(--text-secondary);font-size:36px}.message-text-bubble{background:linear-gradient(135deg,var(--surface-color-light),rgba(255,255,255,.03));color:var(--text-primary);border-radius:20px;padding:14px 18px;position:relative;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-text-bubble:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.message-bubble-wrapper.my-message .message-text-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-bottom-right-radius:6px;box-shadow:0 4px 15px #3b82f64d}.message-bubble-wrapper.my-message .message-text-bubble:hover{box-shadow:0 8px 25px #3b82f666}.message-bubble-wrapper.other-message .message-text-bubble{border-bottom-left-radius:6px}.message-sender-name{font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px;display:block;letter-spacing:.5px;text-transform:uppercase}.message-text-bubble p{margin:0;font-size:.95rem;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;font-weight:500}.message-timestamp{font-size:.7rem;opacity:.6;display:block;text-align:right;margin-top:6px;font-weight:500;color:var(--text-secondary);transition:opacity .2s ease}.message-text-bubble:hover .message-timestamp{opacity:.9}.my-message .message-timestamp{color:#ffffffb3}.chat-input-form{display:flex;gap:12px;padding:20px 24px;background:linear-gradient(135deg,var(--surface-color),rgba(255,255,255,.02));border-top:1px solid rgba(255,255,255,.1);position:relative}.chat-input-form:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,transparent)}.chat-input-form .custom-input{flex:1;border-radius:28px;border:1px solid rgba(255,255,255,.1);padding:12px 20px;font-size:.95rem;transition:all .3s ease;background:linear-gradient(135deg,var(--background-color),rgba(255,255,255,.02));color:var(--text-primary);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input-form .custom-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a,0 4px 12px #6b728026;outline:none;transform:translateY(-1px)}.chat-input-form .custom-input:disabled{background:linear-gradient(135deg,var(--surface-color-light),rgba(255,255,255,.01));color:var(--text-secondary);cursor:not-allowed;opacity:.6}.chat-input-form button{min-width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;background:linear-gradient(135deg,var(--primary-color),#2563eb);border:none;color:#000;font-weight:600;box-shadow:0 4px 15px #3b82f64d;position:relative;overflow:hidden}.chat-input-form button:disabled{opacity:.4;cursor:not-allowed;background-color:#666}.chat-input-form button:not(:disabled):hover{background-color:#333;transform:translateY(-1px) scale(1.05);box-shadow:0 4px 8px #0000004d}.chat-input-form button:not(:disabled):active{transform:translateY(0) scale(.95);background-color:#000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message-bubble-wrapper{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.message-bubble-wrapper.my-message{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.message-avatar.hidden-avatar{opacity:0;visibility:hidden;pointer-events:none;width:36px}@media (max-width: 768px){.chat-box-container{height:400px;margin-top:16px;border-radius:12px}.chat-header{padding:16px 20px}.chat-messages{padding:16px;gap:12px}.message-content-box{max-width:85%;gap:10px}.chat-input-form{padding:16px 20px;gap:10px}.message-avatar img{width:32px;height:32px}.message-avatar .participant-icon{font-size:32px}.chat-input-form button{min-width:44px;height:44px}.message-text-bubble{padding:12px 16px}}.chat-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-modal-container{background-color:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--surface-color-light);background-color:var(--surface-color);position:relative}.chat-modal-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,transparent)}.chat-modal-title{flex:1;min-width:0}.ride-info-compact h3{margin:0 0 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:-.025em}.arrow-icon{color:var(--text-secondary);font-size:1rem;flex-shrink:0}.participant-count{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.chat-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:16px}.chat-modal-close:hover{background-color:#ef44441a;color:#ef4444;transform:scale(1.05)}.chat-modal-close:active{transform:scale(.95)}.chat-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-modal-body .chat-box-container{height:500px;margin-top:0;border:none;border-radius:0;box-shadow:none;flex:1;display:flex;flex-direction:column}.chat-modal-body .chat-header{display:none}.chat-modal-body .chat-messages{flex:1;min-height:0}@media (max-width: 768px){.chat-modal-overlay{padding:12px}.chat-modal-container{max-height:95vh;border-radius:12px}.chat-modal-header{padding:16px 20px}.ride-info-compact h3{font-size:1rem}.chat-modal-body .chat-box-container{height:400px}.ride-info-compact h3{flex-direction:column;align-items:flex-start;gap:4px}.arrow-icon{display:none}}@media (max-width: 480px){.chat-modal-container{max-width:none;width:100%;height:100%;max-height:none;border-radius:0}.chat-modal-overlay{padding:0}}.booking-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.booking-modal-content{background:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.booking-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--surface-color-light)}.booking-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.booking-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.booking-close-btn:hover{background:#ff000071;color:var(--text-primary)}.booking-modal-body{padding:24px}.booking-section{margin-bottom:32px}.booking-date{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 20px}.booking-route{display:flex;flex-direction:column;gap:0;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid var(--surface-color-light)}.route-point{display:grid;grid-template-columns:60px 40px 1fr;align-items:center;gap:16px}.route-time{font-size:.95rem;font-weight:600;color:var(--text-primary);text-align:left}.route-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.route-icon.origin{background:#10b981}.route-icon.destination{background:#ef4444}.route-location{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.route-connector{width:2px;height:40px;background:var(--surface-color-light);margin-left:79px}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.passenger-counter-wrapper{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff05;border:1px solid var(--surface-color-light);border-radius:12px}.seats-info{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary);font-weight:500}.seats-info svg{font-size:1.1rem}.passenger-counter{display:flex;align-items:center;gap:16px;background:var(--surface-color);padding:8px 12px;border-radius:10px;border:1px solid var(--surface-color-light)}.counter-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--surface-color-light);background:#ffffff05;color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.counter-btn:hover:not(:disabled){background:#3b82f61a;border-color:var(--primary-color);color:var(--primary-color)}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{font-size:1.2rem;font-weight:700;color:var(--text-primary);min-width:32px;text-align:center}.seats-warning{margin:12px 0 0;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;font-weight:500;text-align:center}.price-summary{background:#ffffff05;border:1px solid var(--surface-color-light);border-radius:12px;padding:20px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.price-label{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.payment-method{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.payment-note{margin:0;color:var(--text-secondary);font-size:.9rem}.message-input{width:100%;padding:16px;background:#ffffff05;border:1px solid var(--surface-color-light);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:12px;transition:all .3s ease;box-sizing:border-box}.message-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d}.message-input::-moz-placeholder{color:var(--text-secondary)}.message-input::placeholder{color:var(--text-secondary)}.whatsapp-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:10px;color:#25d366;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.whatsapp-btn:hover{background:#25d36633;transform:translateY(-2px);box-shadow:0 4px 12px #25d36633}.whatsapp-btn svg{font-size:1.2rem}.book-btn{width:100%;padding:16px;background:var(--primary-color);border:none;border-radius:12px;color:#000;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.book-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.book-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.booking-modal-content{max-height:95vh}.booking-modal-header h2{font-size:1.2rem}.booking-date{font-size:1.1rem}.route-location{font-size:1rem}.route-point{grid-template-columns:50px 35px 1fr;gap:12px}.route-icon{width:35px;height:35px;font-size:1rem}.route-connector{margin-left:67px;height:35px}.section-title,.price-label{font-size:1rem}.payment-method{font-size:1.1rem}.passenger-counter-wrapper{flex-direction:column;gap:16px;align-items:stretch}.passenger-counter{justify-content:center}}.report-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.report-modal-content{background:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--surface-color-light)}.report-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.report-modal-header h3 svg{color:#ef4444;font-size:1.3rem}.close-report-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.close-report-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.close-report-btn:disabled{cursor:not-allowed;opacity:.6}.report-modal-body{flex:1;overflow-y:auto;padding:24px}.ride-info-summary{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-bottom:24px}.ride-info-summary p{margin:0 0 8px;font-weight:600;color:var(--text-primary);font-size:1rem}.ride-date{display:inline-block;color:var(--text-secondary);font-size:.9rem}.report-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.reason-options{display:flex;flex-direction:column;gap:10px}.reason-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff05;border:1px solid var(--surface-color-light);border-radius:10px;cursor:pointer;transition:all .3s ease}.reason-option:hover{background:#ffffff0d;border-color:var(--primary-color)}.reason-option input[type=radio]{cursor:pointer;accent-color:var(--primary-color);width:18px;height:18px}.reason-option input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.reason-label{font-weight:500;color:var(--text-primary);cursor:pointer;flex:1}.reason-option input[type=radio]:checked+.reason-label{font-weight:600;color:var(--primary-color)}.report-textarea{width:100%;padding:14px;background:#ffffff05;border:1px solid var(--surface-color-light);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.report-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.report-textarea:disabled{cursor:not-allowed;opacity:.6}.char-count{text-align:right;font-size:.85rem;color:var(--text-secondary)}.report-error{padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;margin:-8px 0 0}.report-error p{margin:0;color:#ef4444;font-size:.9rem;font-weight:500}.report-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--surface-color-light);background:#ffffff03}.btn-cancel,.btn-submit{flex:1;padding:12px 16px;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--surface-color-light)}.btn-cancel:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-secondary)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{background:#fff;color:#000;border:none}.btn-submit:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff9b}.btn-submit:disabled{cursor:not-allowed;opacity:.7}@media (max-width: 600px){.report-modal-overlay{padding:10px}.report-modal-content{max-height:90vh}.report-modal-header h3{font-size:1.1rem}.report-modal-body{padding:16px}.ride-info-summary{padding:12px}.reason-option{padding:12px 14px}.reason-label{font-size:.9rem}.report-modal-footer{flex-direction:column;gap:10px}.btn-cancel,.btn-submit{padding:14px}}.ride-detail-page{max-width:1400px;margin:0 auto}.ride-detail-page .page-header{text-align:center;margin-bottom:40px}.ride-detail-page .page-header h1{font-size:2rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--text-primary)}.ride-detail-page .page-header h1 svg{font-size:1.5rem;color:var(--text-secondary)}.ride-detail-page .page-description{font-size:1rem;color:var(--text-secondary);margin-top:8px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:30px}.detail-card{background:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:12px;padding:24px;margin-bottom:20px;transition:all .3s ease}.detail-card h3{margin-top:0;margin-bottom:20px;border-bottom:1px solid var(--surface-color-light);padding-bottom:12px;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.trip-timeline{margin-top:24px;padding:20px;background:#ffffff05;border-radius:12px}.timeline-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:19px;top:50px;width:2px;height:calc(100% - 30px);background:var(--surface-color-light)}.timeline-icon-wrapper{position:relative;z-index:1}.timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.timeline-icon.origin{background:#10b981}.timeline-icon.destination{background:#ef4444}.timeline-icon.stop{background:var(--text-secondary);width:16px;height:16px;margin-left:12px}.timeline-content{flex:1}.timeline-location-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.timeline-content h4{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.timeline-time{font-weight:600;color:var(--text-primary);font-size:1rem;background:#3b82f61a;padding:4px 10px;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.timeline-content .address{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.estimated-duration{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2);font-size:.85rem;color:var(--primary-color);font-weight:600}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.info-block{background:#ffffff05;padding:14px;border-radius:10px;border:1px solid var(--surface-color-light)}.info-block span{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.info-block span svg{font-size:.95rem}.info-block p{margin:0;font-weight:600;font-size:1.05rem;color:var(--text-primary)}.driver-note-section{margin-top:20px;padding:16px;background:#3b82f60d;border-radius:10px;border:1px solid rgba(59,130,246,.2)}.driver-note-section h4{margin:0 0 10px;color:var(--text-primary);font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px}.driver-note-section p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.9rem}.participants-grid{display:flex;flex-direction:column;gap:12px}.participant-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff05;border-radius:12px;border:1px solid var(--surface-color-light);transition:all .3s ease;cursor:pointer}.participant-item:hover{background:#ffffff0d;border-color:var(--primary-color);transform:translate(6px)}.participant-avatar-wrapper{position:relative;flex-shrink:0}.participant-item img{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--surface-color-light);transition:all .3s ease}.participant-item:hover img{border-color:var(--primary-color)}.participant-item svg{width:56px;height:56px;color:var(--text-secondary)}.participant-info{flex:1;display:flex;flex-direction:column;gap:4px}.participant-info .name{font-weight:600;color:var(--text-primary);font-size:1.05rem;display:block}.participant-info .badge{font-size:.8rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.participant-info .badge svg{width:14px;height:14px;color:var(--text-secondary)}.participant-item.driver-item{background:#3b82f60d;border-color:#3b82f633}.participant-item.driver-item:hover{background:#3b82f61a;border-color:var(--primary-color)}.participant-item.driver-item img{border-color:var(--primary-color)}.participant-item.driver-item .badge{color:var(--primary-color)}.participant-item.driver-item .badge svg{color:var(--primary-color)}.driver-contact-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid var(--surface-color-light);margin-bottom:16px;cursor:pointer;transition:all .3s ease}.driver-contact-card:hover{background:#ffffff0d;border-color:var(--primary-color);transform:translate(4px)}.driver-contact-avatar{flex-shrink:0}.driver-contact-avatar img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--surface-color-light);transition:all .3s ease}.driver-contact-card:hover .driver-contact-avatar img{border-color:var(--primary-color)}.driver-contact-avatar svg{width:60px;height:60px;color:var(--text-secondary)}.driver-contact-info{flex:1}.driver-contact-info h4{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.driver-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--primary-color);font-weight:500;background:#3b82f61a;padding:4px 10px;border-radius:6px}.driver-badge svg{width:14px;height:14px}.phone-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:10px;color:#25d366;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.phone-btn:hover{background:#25d36633!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #25d36633!important}.phone-btn svg{font-size:1.1rem}.price-card{background:var(--surface-color);border:1px solid var(--surface-color-light);position:static;top:20px}.price-card h3{border-color:var(--surface-color-light)}.price-display{text-align:center;padding:20px;margin:16px 0;background:#ffffff05;border-radius:10px}.price-label{display:block;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.price-value{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-color)}.action-button-container{margin-top:16px}.action-button-container .custom-button{width:100%;padding:14px;font-size:1rem;font-weight:600}.status-tag{font-weight:600;padding:14px;border-radius:10px;text-align:center;font-size:.95rem}.status-tag.joined{background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(16,185,129,.3)}.status-tag.full{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.chat-card{margin-top:20px}.open-chat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#3b82f61a!important;border:1px solid rgba(59,130,246,.3)!important;border-radius:10px;color:var(--primary-color)!important;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.open-chat-btn:hover{background:#3b82f633!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #3b82f633!important}.open-chat-btn svg{font-size:1.1rem}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--surface-color-light)}.chat-modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.close-chat-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.close-chat-btn:hover{background:#ffffff1a;color:var(--text-primary)}.chat-modal-body{flex:1;overflow:hidden;padding:0}.chat-modal-body .chat-box-container{height:500px;border-radius:0;border:none}.chat-container-wrapper{margin-top:20px}.chat-container-wrapper .chat-box-container{height:400px;margin-top:0}@media (max-width: 960px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{order:-1}.price-card{position:relative;top:0}.chat-modal-content{max-height:90vh}}@media (max-width: 600px){.info-grid,.participants-grid{grid-template-columns:1fr}.contact-buttons{flex-direction:column}.contact-btn{width:100%}.price-value{font-size:2rem}.chat-modal-overlay{padding:10px}.chat-modal-body .chat-box-container{height:400px}}-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.chat-modal-content{background:var(--surface-color);border:1px solid var(--surface-color-light);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.detail-main-content .page-header{text-align:left;margin-bottom:20px}.detail-main-content .page-header h1,.detail-main-content .page-header p{justify-content:flex-start}.open-chat-btn{position:relative}.chat-notification-badge{position:absolute;top:5px;right:5px;background-color:var(--danger-color);color:#fff;width:22px;height:22px;border-radius:50%;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-color);box-shadow:0 0 10px #ef444480;animation:pulse-badge 1.5s infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stop-circle{width:10px;height:10px;background:var(--text-secondary);border-radius:50%}.price-display .segment-info{font-size:.9rem;color:var(--text-secondary);margin-top:8px;display:block}.overview-point{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:center}.overview-connector{grid-column:1;display:flex;justify-content:center;position:relative;height:60px}.overview-connector:before{content:"";width:2px;height:100%;background:var(--surface-color-light)}.duration-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color);padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--surface-color-light)}.overview-point-details{padding:12px;background:#ffffff05;border-radius:8px}.point-city{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.point-address{font-size:.9rem;color:var(--text-secondary);margin:0}.overview-stops{padding-left:18px;margin:10px 0}.stop-item{display:flex;align-items:center;gap:16px;margin-bottom:10px;color:var(--text-secondary)}.stop-icon{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;flex-shrink:0}.stop-name{font-weight:500}.booking-details-display{display:flex;flex-direction:column;gap:16px}.booking-status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:10px;color:#10b981;font-weight:600;font-size:.95rem;width:-moz-fit-content;width:fit-content}.booking-status-badge svg{font-size:1.1rem}.booking-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;padding:16px;background:#ffffff05;border:1px solid var(--surface-color-light);border-radius:10px}.booking-info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:1.3rem;font-weight:700;color:var(--text-primary)}@media (max-width: 768px){.booking-info-grid{grid-template-columns:1fr;gap:12px}.booking-status-badge{font-size:.9rem;padding:8px 14px}}.report-card{margin-top:20px;border:1px solid rgba(239,68,68,.2);background:#ef444405}.report-card h3{color:#ef4444;border-bottom-color:#ef444433}.report-card h3 svg{color:#ef4444;font-size:1.2rem}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.profile-action-button{transition:all .2s ease-out}.update-picture-button:hover{background:#4b5563;border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 3px 10px #0003}.remove-picture-button:hover{background:#ef444433;border-color:#ef4444;color:#fca5a5;transform:translateY(-1px);box-shadow:0 3px 10px #ef444433}.cancel-edit-button:hover{background:var(--surface-color-light);border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 3px 10px #0003}.save-changes-button:hover{background:linear-gradient(135deg,#4b92f7,#9c6df7);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.profile-action-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.remove-picture-button:focus-visible{outline-color:var(--danger-color)}.cancel-edit-button:focus-visible{outline-color:var(--text-secondary)}.page-description{color:var(--text-secondary);font-size:1.1rem;margin-top:8px}.about-section,.mission-section{background-color:var(--surface-color);padding:40px;border-radius:var(--border-radius);margin-bottom:40px;border:1px solid var(--surface-color-light)}.about-section{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.about-content h2,.mission-section h2,.values-section h2{margin-top:0;font-size:1.8rem;color:var(--text-primary);border-bottom:2px solid var(--primary-color, #eab308);padding-bottom:10px;display:inline-block;margin-bottom:20px}.about-content p,.mission-section p{color:var(--text-secondary);line-height:1.8;font-size:1.1rem}.about-image-placeholder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}.values-section h2{text-align:center;border:none;font-size:2rem;margin-bottom:40px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card{background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);border:1px solid var(--surface-color-light);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0006}.value-icon{color:var(--primary-color, #eab308);margin-bottom:15px}.value-card h3{margin:0 0 10px;font-size:1.25rem}.value-card p{color:var(--text-secondary);line-height:1.6;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;background-color:var(--surface-color);padding:40px;border-radius:var(--border-radius);border:1px solid var(--surface-color-light)}.contact-info h3{margin-top:0;font-size:1.5rem}.contact-info p{color:var(--text-secondary);line-height:1.7;margin-bottom:30px}.contact-details-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.contact-details-list li{display:flex;align-items:center;gap:15px;font-size:1.1rem}.contact-details-list a{color:var(--primary-color, #eab308);text-decoration:none;transition:opacity .3s ease}.contact-details-list a:hover{opacity:.8}.contact-icon{color:var(--primary-color, #eab308);font-size:1.5rem}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form textarea.custom-input{background-color:var(--surface-color-light);border:1px solid transparent;border-radius:var(--border-radius);padding:15px;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}.contact-form textarea.custom-input:focus{outline:none;border-color:var(--primary-color, #eab308);box-shadow:0 0 0 3px #eab30833}@media (max-width: 960px){.about-section,.contact-grid{grid-template-columns:1fr}}.feature-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);border:1px solid var(--surface-color-light);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0006}.feature-card h3{margin:0 0 10px;font-size:1.25rem}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.comparison-table{width:100%;margin-top:30px;border-collapse:collapse;background-color:var(--surface-color-light);border-radius:var(--border-radius);overflow:hidden;font-size:1rem}.comparison-table th,.comparison-table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--surface-color)}.comparison-table th{background-color:#ffffff0d;font-weight:600}.comparison-table td:nth-child(1){font-weight:500;color:var(--text-primary)}.comparison-table td:not(:first-child){text-align:center;font-size:1.5rem}.comparison-table .positive{color:#22c55e}.comparison-table .negative{color:#ef4444}.comparison-table tr:last-child td{border-bottom:none}.values-section{margin-bottom:40px}.comparison-table th:not(:first-child){text-align:center}:root{--primary-color: #ffffff;--primary-hover: #dddddd;--danger-color: #ef4444;--background-color: #000000;--surface-color: #111111;--surface-color-light: #222222;--text-primary: #ffffff;--text-secondary: #888888;--border-radius: .5rem;--card-shadow: 0 10px 20px rgba(0, 0, 0, .2);--input-shadow: 0 0 0 2px rgba(255, 255, 255, .2)}body{margin:0;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);overflow-x:hidden;position:relative;background-image:radial-gradient(ellipse 60% 80% at 15% -20%,rgba(100,100,180,.25),transparent),radial-gradient(ellipse 50% 70% at 85% 115%,rgba(0,255,153,.15),transparent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--surface-color-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}