@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--bg:#fff;--text:#0b1220;--muted:#6b7280;--card-bg:#fff;--nav-bg:#f8fafc;--accent:#0a623a;color-scheme:light}body{-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:#0b1220;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:16px}html[data-font-size=small]{font-size:14px}html[data-font-size=large]{font-size:18px}[data-font-size=small] a,[data-font-size=small] body,[data-font-size=small] button:not(.font-size-btn),[data-font-size=small] div:not(.font-size-selector),[data-font-size=small] input,[data-font-size=small] label,[data-font-size=small] li,[data-font-size=small] p,[data-font-size=small] select,[data-font-size=small] span:not(.font-small):not(.font-medium):not(.font-large),[data-font-size=small] textarea{font-size:.875rem}[data-font-size=large] a,[data-font-size=large] body,[data-font-size=large] button:not(.font-size-btn),[data-font-size=large] div:not(.font-size-selector),[data-font-size=large] input,[data-font-size=large] label,[data-font-size=large] li,[data-font-size=large] p,[data-font-size=large] select,[data-font-size=large] span:not(.font-small):not(.font-medium):not(.font-large),[data-font-size=large] textarea{font-size:1.125rem}[data-font-size=small] h1{font-size:1.75rem}[data-font-size=small] h2{font-size:1.5rem}[data-font-size=small] h3{font-size:1.25rem}[data-font-size=small] h4{font-size:1.1rem}[data-font-size=small] h5{font-size:1rem}[data-font-size=small] h6{font-size:.9rem}[data-font-size=large] h1{font-size:2.5rem}[data-font-size=large] h2{font-size:2rem}[data-font-size=large] h3{font-size:1.75rem}[data-font-size=large] h4{font-size:1.5rem}[data-font-size=large] h5{font-size:1.25rem}[data-font-size=large] h6{font-size:1.1rem}:root.dark-mode:not(.admin-mode){--bg:#020617;--text:#f1f5f9;--muted:#94a3b8;--card-bg:#0f172a;--nav-bg:#0f172a;--accent:#10b981;--border:#1e293b;--surface-elevated:#1e293b;color-scheme:dark}:root.dark-mode:not(.admin-mode) body{background-color:#fff;background-color:var(--bg);color:#0b1220;color:var(--text)}:root.dark-mode:not(.admin-mode) *,:root.dark-mode:not(.admin-mode) a,:root.dark-mode:not(.admin-mode) button,:root.dark-mode:not(.admin-mode) div,:root.dark-mode:not(.admin-mode) h1,:root.dark-mode:not(.admin-mode) h2,:root.dark-mode:not(.admin-mode) h3,:root.dark-mode:not(.admin-mode) h4,:root.dark-mode:not(.admin-mode) h5,:root.dark-mode:not(.admin-mode) h6,:root.dark-mode:not(.admin-mode) label,:root.dark-mode:not(.admin-mode) li,:root.dark-mode:not(.admin-mode) p,:root.dark-mode:not(.admin-mode) span,:root.dark-mode:not(.admin-mode) td,:root.dark-mode:not(.admin-mode) th{color:#0b1220;color:var(--text)}:root.dark-mode:not(.admin-mode) .auth-card,:root.dark-mode:not(.admin-mode) .auth-left,:root.dark-mode:not(.admin-mode) .auth-page,:root.dark-mode:not(.admin-mode) .card,:root.dark-mode:not(.admin-mode) .core-values-section,:root.dark-mode:not(.admin-mode) .fare-container,:root.dark-mode:not(.admin-mode) .feedback-card-body,:root.dark-mode:not(.admin-mode) .landing-section,:root.dark-mode:not(.admin-mode) .map-filters-overlay,:root.dark-mode:not(.admin-mode) .modal,:root.dark-mode:not(.admin-mode) .modal-body,:root.dark-mode:not(.admin-mode) .notification-modal-body,:root.dark-mode:not(.admin-mode) .route-card,:root.dark-mode:not(.admin-mode) .route-card-body,:root.dark-mode:not(.admin-mode) .routes-page-container,:root.dark-mode:not(.admin-mode) .routes-sidebar,:root.dark-mode:not(.admin-mode) .user-card,:root.dark-mode:not(.admin-mode) .wcu-container,:root.dark-mode:not(.admin-mode) .wcu-item,:root.dark-mode:not(.admin-mode) .why-choose-section{background-color:#fff!important;background-color:var(--card-bg)!important;color:#0b1220!important;color:var(--text)!important}:root.dark-mode:not(.admin-mode) input:not(.search-input),:root.dark-mode:not(.admin-mode) select,:root.dark-mode:not(.admin-mode) textarea{background-color:#fff;background-color:var(--card-bg);color:#0b1220;color:var(--text)}:root.dark-mode:not(.admin-mode) .fare-container,:root.dark-mode:not(.admin-mode) .item-list-container,:root.dark-mode:not(.admin-mode) .map-container,:root.dark-mode:not(.admin-mode) .map-filters-overlay,:root.dark-mode:not(.admin-mode) .page-center,:root.dark-mode:not(.admin-mode) .route-builder-container,:root.dark-mode:not(.admin-mode) .routes-map-area,:root.dark-mode:not(.admin-mode) .routes-page-container,:root.dark-mode:not(.admin-mode) .routes-sidebar{background-color:#fff!important;background-color:var(--card-bg)!important;border-color:#ffffff0a!important;box-shadow:0 6px 20px #00000073!important;color:#0b1220!important;color:var(--text)!important}:root.dark-mode:not(.admin-mode) table,:root.dark-mode:not(.admin-mode) tbody,:root.dark-mode:not(.admin-mode) td,:root.dark-mode:not(.admin-mode) th,:root.dark-mode:not(.admin-mode) thead{background:#0000!important;border-color:#ffffff0f!important;color:#0b1220!important;color:var(--text)!important}:root.dark-mode:not(.admin-mode) .auth-input,:root.dark-mode:not(.admin-mode) .delete-btn,:root.dark-mode:not(.admin-mode) .form-field input[type=text],:root.dark-mode:not(.admin-mode) .form-field select,:root.dark-mode:not(.admin-mode) .item-list-row{background-color:#ffffff05!important;border-color:#ffffff0f!important;color:#0b1220!important;color:var(--text)!important}:root.dark-mode:not(.admin-mode) .fare-card,:root.dark-mode:not(.admin-mode) .hero-card,:root.dark-mode:not(.admin-mode) .hero-floating-logo img,:root.dark-mode:not(.admin-mode) .landing-card{background-color:#fff!important;background-color:var(--card-bg)!important;color:#0b1220!important;color:var(--text)!important}:root.dark-mode:not(.admin-mode) .auth-subtext,:root.dark-mode:not(.admin-mode) .core-value-text p,:root.dark-mode:not(.admin-mode) .fare-container h2,:root.dark-mode:not(.admin-mode) .fare-description,:root.dark-mode:not(.admin-mode) .hero-subtitle,:root.dark-mode:not(.admin-mode) .item-list-info span,:root.dark-mode:not(.admin-mode) .modal-subtext,:root.dark-mode:not(.admin-mode) .wcu-body{color:#6b7280!important;color:var(--muted)!important}:root.dark-mode:not(.admin-mode) .badge,:root.dark-mode:not(.admin-mode) .pill,:root.dark-mode:not(.admin-mode) .tag{background-color:#ffffff0a!important;border-color:#ffffff0a!important;color:#0b1220!important;color:var(--text)!important}:root.dark-mode:not(.admin-mode) h1,:root.dark-mode:not(.admin-mode) h2,:root.dark-mode:not(.admin-mode) h3{color:#fff!important}:root.dark-mode:not(.admin-mode) h4,:root.dark-mode:not(.admin-mode) h5,:root.dark-mode:not(.admin-mode) h6{color:#f1f5f9!important}:root.dark-mode:not(.admin-mode) .description,:root.dark-mode:not(.admin-mode) .helper-text,:root.dark-mode:not(.admin-mode) .meta-text,:root.dark-mode:not(.admin-mode) .subtitle,:root.dark-mode:not(.admin-mode) small{color:#94a3b8!important}:root.dark-mode:not(.admin-mode) input,:root.dark-mode:not(.admin-mode) select,:root.dark-mode:not(.admin-mode) textarea{background-color:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}:root.dark-mode:not(.admin-mode) input:focus,:root.dark-mode:not(.admin-mode) select:focus,:root.dark-mode:not(.admin-mode) textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}:root.dark-mode:not(.admin-mode) input::placeholder,:root.dark-mode:not(.admin-mode) textarea::placeholder{color:#64748b!important}:root.dark-mode:not(.admin-mode) .card,:root.dark-mode:not(.admin-mode) .dropdown-menu,:root.dark-mode:not(.admin-mode) .panel,:root.dark-mode:not(.admin-mode) .popover,:root.dark-mode:not(.admin-mode) .sidebar{background-color:#0f172a!important;border-color:#1e293b!important}:root.dark-mode:not(.admin-mode) .divider,:root.dark-mode:not(.admin-mode) .separator,:root.dark-mode:not(.admin-mode) hr{background-color:#1e293b!important;border-color:#1e293b!important}:root.dark-mode:not(.admin-mode) a:not(.btn):not(.route-btn):hover{color:#6ee7b7!important}:root.dark-mode:not(.admin-mode) .btn-primary,:root.dark-mode:not(.admin-mode) .primary-btn{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}:root.dark-mode:not(.admin-mode) .btn-primary:hover,:root.dark-mode:not(.admin-mode) .primary-btn:hover{background-color:#059669!important;border-color:#059669!important}:root.dark-mode:not(.admin-mode) .btn-outline,:root.dark-mode:not(.admin-mode) .btn-secondary,:root.dark-mode:not(.admin-mode) .secondary-btn{background-color:initial!important;border-color:#34d399!important;color:#34d399!important}:root.dark-mode:not(.admin-mode) .btn-outline:hover,:root.dark-mode:not(.admin-mode) .btn-secondary:hover,:root.dark-mode:not(.admin-mode) .secondary-btn:hover{background-color:#34d3991a!important;border-color:#6ee7b7!important;color:#6ee7b7!important}:root.dark-mode:not(.admin-mode) th{background-color:#1e293b!important;color:#f1f5f9!important}:root.dark-mode:not(.admin-mode) tr:nth-child(2n){background-color:#1e293b80!important}:root.dark-mode:not(.admin-mode) ::-webkit-scrollbar{height:8px;width:8px}:root.dark-mode:not(.admin-mode) ::-webkit-scrollbar-track{background:#0f172a}:root.dark-mode:not(.admin-mode) ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}:root.dark-mode:not(.admin-mode) ::-webkit-scrollbar-thumb:hover{background:#475569}*{font-family:Poppins,sans-serif}body{-webkit-font-smoothing:antialiased;background-color:#fff;margin:0;padding:0}.byahero-btn,.search-btn,.social-btn,.step-card h3,.submit-btn,button{font-family:Inter,sans-serif}.landing-section{align-items:center;background:var(--gradient-hero);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:0 2rem;position:relative;width:100%}:root.dark-mode .landing-section{background:var(--gradient-hero-dark)}.landing-content-wrapper{margin-top:-40px;max-width:1200px;width:100%;z-index:2}.hero-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3.5rem}.hero-text-group{max-width:650px}.hero-title{font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem;margin-top:0}.hero-subtitle{color:#ecfdf5;font-size:18px;font-weight:400;line-height:1.5;opacity:.9}.hero-floating-logo img{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;height:80px;padding:12px;width:80px}.hero-search-container{flex-direction:column;text-align:center}.hero-search-container,.search-label{align-items:center;display:flex;width:100%}.search-label{color:#f0fdf4;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:12px;max-width:600px}.info-icon1{color:#fff;cursor:pointer;opacity:1}.search-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;max-width:600px;padding:8px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}:root.dark-mode .search-card{background:#1f2937;box-shadow:0 25px 50px -12px #00000080}.search-card:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 4px #10b98133}:root.dark-mode .search-card:focus-within{border-color:var(--color-accent)}.search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:1rem;font-weight:500;outline:none;padding:14px 20px}:root.dark-mode .search-input{color:#fff}.search-input::placeholder{color:#94a3b8;font-weight:400}:root.dark-mode .search-input::placeholder{color:#9ca3af}.search-btn{align-items:center;background-color:var(--color-button);border:none;border-radius:8px;color:var(--color-button-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.search-btn:hover{background-color:#065f46}.calculate-icon{font-size:1.5rem}.hero-footer-text{color:#fff;font-size:.9rem;font-weight:300;line-height:1.6;margin-top:2rem;max-width:500px}.hero-small-text{color:var(--color-primary-green);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-top:1rem;opacity:.8}.core-values-section{background-color:#000;color:#fff;display:flex;justify-content:center;padding:5rem 2rem}:root.dark-mode .core-values-section{background-color:#0b1117}.core-values-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);max-width:1200px;width:100%}.core-value-item{grid-gap:8px 8px;align-items:center;display:grid;gap:8px 8px;grid-template-areas:"icon title" "desc desc";grid-template-columns:auto 1fr}.core-value-icon{align-items:center;color:#fff;display:flex;grid-area:icon;margin:0}.core-value-text{display:contents}.core-value-text h3{font-size:1.2rem;font-weight:600;grid-area:title;margin:0}.core-value-text p{color:#a1a1aa;font-size:1rem;font-weight:400;grid-area:desc;line-height:1.5;margin:0}.why-choose-section{background-color:#fff;display:flex;justify-content:center;overflow:hidden;padding:6rem 2rem}:root.dark-mode .why-choose-section{background-color:var(--bg)}.wcu-container{grid-gap:10rem;align-items:start;display:grid;gap:10rem;grid-template-columns:1fr 1fr;max-width:1600px;width:100%}.wcu-content{align-items:flex-start;display:flex;flex-direction:column}.wcu-badge{align-items:center;background-color:#ecfdf5;border:1px solid var(--color-secondary);border-radius:8px;color:var(--color-secondary);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:1.5rem;padding:6px 16px}.wcu-title{color:#000;font-size:48px;font-weight:600;line-height:1.2;margin:0}:root.dark-mode .wcu-badge{background-color:#10b9811a!important;border:1px solid var(--color-accent)!important;color:var(--color-accent)!important}:root.dark-mode .wcu-badge svg{background:#0000!important}:root.dark-mode .wcu-title{color:var(--text)}.wcu-description{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:16px;max-width:95%}:root.dark-mode .wcu-description{color:var(--muted)}.wcu-accordion{display:flex;flex-direction:column;gap:.5rem;height:580px;padding-right:12px;width:100%}.wcu-item{background-color:initial;border-radius:12px;color:#1f2937;cursor:pointer;padding:1rem 1.5rem;transition:all .3s ease}:root.dark-mode .wcu-item{color:var(--text)}.wcu-item.active{background-color:#000;box-shadow:0 10px 25px -5px #0000001a;color:#fff;height:150px}:root.dark-mode .wcu-item.active{background-color:#1f2937;box-shadow:0 10px 25px -5px #2dd4bf1a}.wcu-header{justify-content:space-between;width:100%}.wcu-header,.wcu-icon-wrapper{align-items:center;display:flex}.wcu-icon-wrapper{color:var(--color-secondary);justify-content:center;margin-right:1rem}.wcu-item.active .wcu-icon-wrapper{color:#77ebb7}.wcu-item-title{flex:1 1;font-size:18px;font-weight:600}.wcu-toggle-icon{align-items:center;border:.6px solid #e2e2e2;border-radius:8px;display:flex;justify-content:center;opacity:.7;padding:6px}.wcu-body{color:#a1a1aa;font-size:.95rem;line-height:1.5;overflow:hidden;padding-top:0}.wcu-item.active .wcu-body{padding-left:2.3rem;padding-top:.75rem}.wcu-visual{align-items:center;display:flex;height:100%;justify-content:center;min-height:600px;position:relative}.wcu-image{height:auto;max-width:none;object-fit:contain;width:120%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.tutorial-section{background-color:#000;color:#fff;display:flex;justify-content:center;padding:6rem 2rem;text-align:center}:root.dark-mode .tutorial-section{background-color:#0b1117}.tutorial-container{max-width:1000px;width:100%}.tutorial-main-title{color:#fff;font-size:30px;font-weight:600;margin-bottom:4rem}.tutorial-steps{grid-gap:3rem 4rem;border-bottom:none;display:grid;gap:3rem 4rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem;text-align:left}.step-card{align-items:center;background:#0000;display:flex;flex-direction:column;padding:0;text-align:center}.step-badge{background-color:#064e3b99;border:1px solid #047857;border-radius:10px;color:#ecfdf5;font-size:.95rem;font-weight:600;gap:4px;height:44px;margin-bottom:1.5rem;min-width:96px;padding:8px 12px}.step-badge,.step-badge .step-icon{align-items:center;display:inline-flex;justify-content:center}.step-badge .step-icon{height:20px;width:20px}.step-badge span{align-items:center;display:inline-flex;height:100%;line-height:1}@media (max-width:480px){.step-badge{height:36px;min-width:72px;padding:6px 10px}.step-badge .step-icon{height:14px;width:14px}}.step-icon{font-size:1.1rem}.step-icon,.tutorial-steps .step-icon{align-items:center;display:inline-flex;justify-content:center}.tutorial-steps .step-icon{border-radius:8px;flex-shrink:0;height:20px;padding:0;width:20px}.tutorial-steps .step-icon,:root.dark-mode .tutorial-steps .step-icon{background:#0000!important;color:#ecfdf5}.tutorial-steps .step-icon svg{fill:currentColor;stroke:currentColor;background:#0000!important;height:12px;width:12px}@media (max-width:480px){.tutorial-steps .step-icon{height:24px;padding:2px;width:24px}.tutorial-steps .step-icon svg{height:14px;width:14px}}.step-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.step-card p{color:#a1a1aa;font-size:1rem;font-weight:300;line-height:1.6;margin:0}.byahero-section{background-color:#fff;display:flex;justify-content:center;overflow:hidden;padding:8rem 2rem;position:relative}:root.dark-mode .byahero-section{background-color:var(--bg)}.byahero-container{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.byahero-visual{align-items:center;display:flex;justify-content:center;position:relative}.byahero-glow{background:radial-gradient(circle,#0a623a26 0,#fff0 70%);border-radius:50%;height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:0}.byahero-laptop{height:auto;max-width:none;object-fit:contain;position:relative;width:160%;z-index:1}.byahero-logo-large{background:#ffffff0d;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;object-fit:contain;padding:20px}.byahero-logo-large,.byahero-placeholder{height:280px;position:relative;width:280px;z-index:1}.byahero-placeholder{align-items:center;background:linear-gradient(135deg,#10b98126,#10b9810d);border:3px dashed #10b98166;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;display:flex;justify-content:center}.byahero-placeholder span{color:var(--color-accent);font-size:5rem;font-weight:900;letter-spacing:4px;text-shadow:0 4px 6px #0000001a}.byahero-content{align-items:flex-start;display:flex;flex-direction:column;position:relative;z-index:1}.byahero-logo-square{align-items:center;background-color:#000;border-radius:24px;box-shadow:0 15px 30px -10px #0000004d;display:flex;height:80px;justify-content:center;margin-bottom:2rem;margin-top:2rem;width:80px}:root.dark-mode .byahero-logo-square{background-color:var(--color-accent)}.byahero-logo-square span{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-1px}:root.dark-mode .byahero-logo-square span{color:#fff}.byahero-title{color:#111827;font-size:36px;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem}:root.dark-mode .byahero-title{color:var(--text)}.byahero-desc{color:#64748b;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:90%}:root.dark-mode .byahero-desc{color:var(--muted)}.byahero-socials{display:flex;gap:12px;margin-bottom:2.5rem}.social-icon-box{align-items:center;background-color:#f1f5f9;border-radius:12px;color:#334155;display:flex;font-size:1.25rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}:root.dark-mode .social-icon-box{background-color:#ffffff0d;color:var(--text)}.social-icon-box:hover{background-color:#e2e8f0;color:#000;transform:translateY(-2px)}:root.dark-mode .social-icon-box:hover{background-color:#10b98133;color:var(--color-accent)}.byahero-btn{align-items:center;background:#000;border:none;border-radius:10px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}:root.dark-mode .byahero-btn{background:var(--color-accent);color:#fff}.byahero-btn:hover{background-color:#222;box-shadow:0 10px 20px -5px #00000026;transform:translateY(-2px)}:root.dark-mode .byahero-btn:hover{background-color:#059669;box-shadow:0 10px 20px -5px #10b9814d}.feedback-footer-section{background:var(--gradient-footer);padding-bottom:0;padding-top:6rem;width:100%}:root.dark-mode .feedback-footer-section{background:var(--gradient-footer-dark)}.feedback-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto 8rem;max-width:1200px;padding:0 2rem}.feedback-text h2{color:#000;font-size:36px;font-weight:600}:root.dark-mode .feedback-text h2{color:var(--text)}.feedback-text p{color:#64748b;font-size:24px;font-weight:500;margin-top:-16px}:root.dark-mode .feedback-text p{color:var(--muted)}.feedback-form-container h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}:root.dark-mode .feedback-form-container h3{color:var(--text)}.form-subtext{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}:root.dark-mode .form-subtext{color:var(--muted)}.feedback-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#334155;font-size:.9rem;font-weight:600}:root.dark-mode .form-group label{color:var(--text)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #bbb;border-radius:8px;color:#1e293b;font-family:Poppins,sans-serif;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}:root.dark-mode .form-group input,:root.dark-mode .form-group select,:root.dark-mode .form-group textarea{background-color:#ffffff05;border-color:#ffffff1a;color:var(--text)}:root.dark-mode .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root.dark-mode .form-group select option{background-color:#1e293b;color:#e2e8f0}.form-group input::placeholder,.form-group textarea::placeholder{color:#cbd5e1}:root.dark-mode .form-group input::placeholder,:root.dark-mode .form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #10b9811a}:root.dark-mode .form-group input:focus,:root.dark-mode .form-group select:focus,:root.dark-mode .form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #10b98133}.form-actions{display:flex;justify-content:flex-end}.submit-btn{background-color:var(--color-button);border:none;border-radius:8px;color:var(--color-button-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:background-color .2s}:root.dark-mode .submit-btn{background-color:var(--color-accent);color:#fff}.submit-btn:hover{background-color:#064e3b}:root.dark-mode .submit-btn:hover{background-color:#059669}.footer-layout{border-top:1px solid #ffffff1a;color:#fff;padding:4rem 2rem}.footer-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px}.footer-col h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-col p{color:#d1fae5;font-size:.95rem;line-height:1.6;max-width:300px}.footer-col h4{color:#ecfdf5;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-col ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-col ul li a,.footer-col ul li span{color:#fff;font-size:.95rem;opacity:.9;text-decoration:none;transition:opacity .2s}.footer-col ul li a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}@media (max-width:1024px){.byahero-container,.wcu-container{gap:4rem}}@media (max-width:768px){.landing-section{min-height:auto;padding:8rem 1.5rem 2rem}.hero-header{flex-direction:column-reverse;gap:2rem;margin-bottom:2.5rem;text-align:center}.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.hero-floating-logo img{height:70px;width:70px}.search-card{flex-direction:column;gap:10px;padding:12px}.search-input{padding:10px;text-align:center;width:100%}.search-btn{justify-content:center;width:100%}.core-values-section{padding:3rem 1.5rem}.core-values-container{gap:2rem;grid-template-columns:1fr}.core-value-item{text-align:left}.why-choose-section{padding:4rem 1.5rem}.wcu-container{gap:3rem;grid-template-columns:1fr}.wcu-visual{min-height:auto;order:-1}.wcu-image{margin:0 auto;width:80%}.wcu-title{font-size:32px;text-align:center;width:100%}.wcu-description{margin:1rem auto;text-align:center}.wcu-accordion{height:auto;padding-right:0}.tutorial-section{padding:4rem 1.5rem}.tutorial-steps{gap:2rem;grid-template-columns:1fr}.step-card{align-items:center;text-align:center}.byahero-section{padding:4rem 1.5rem}.byahero-container{gap:2rem;grid-template-columns:1fr}.byahero-visual{order:-1}.byahero-laptop{width:100%}.byahero-logo-large{padding:16px}.byahero-logo-large,.byahero-placeholder{height:200px;width:200px}.byahero-placeholder span{font-size:3.5rem}.byahero-content{align-items:center;text-align:center}.byahero-desc{max-width:100%}.feedback-footer-section{padding-top:4rem}.feedback-layout{gap:2rem;grid-template-columns:1fr;margin-bottom:4rem}.feedback-text{text-align:center}.footer-content,.form-row{grid-template-columns:1fr}.footer-content{gap:2.5rem;text-align:center}.footer-col p{margin:0 auto}.footer-col ul{align-items:center}.info-tooltip{font-size:.8rem!important;left:50%!important;padding:10px!important;transform:translateX(-50%)!important;width:220px!important}}.location-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:32px;position:relative;width:100%}:root.dark-mode .location-modal{background:#1a1f2e;color:#e0e0e0}:root.dark-mode .location-modal h2{color:var(--color-accent)!important}:root.dark-mode .location-modal p{color:#b0b0b0!important}:root.dark-mode .location-modal .info-box{background-color:#1e3a2f!important;border-color:#2d5a45!important}:root.dark-mode .location-modal .info-box p{color:#86efac!important}:root.dark-mode .location-modal .checkbox-container{background-color:#252b3a!important}:root.dark-mode .location-modal .checkbox-container label{color:#d0d0d0!important}:root.dark-mode .location-modal .cancel-btn{background-color:#252b3a!important;border-color:#3a4556!important;color:#b0b0b0!important}:root.dark-mode .location-modal .cancel-btn:hover{background-color:#2e3647!important;border-color:#4a5568!important}@media (max-width:640px){.location-modal{margin:16px;padding:24px}.location-modal h2{font-size:1.25rem!important}.location-modal p{font-size:.875rem!important}}.location-btn-active{background-color:var(--color-primary-green)}.location-btn-active:hover{background-color:#005530}.location-btn-disabled{background-color:#999}:root.dark-mode .location-btn-active{background-color:var(--color-accent)}:root.dark-mode .location-btn-active:hover{background-color:#059669}:root{--color-primary:#071e14;--color-primary-rgb:7 30 20;--color-secondary:#0a623a;--color-secondary-rgb:10 98 58;--color-accent:#10b981;--color-accent-rgb:16 185 129;--color-primary-green:#0d7a49;--color-primary-green-rgb:13 122 73;--color-primary-hover:#085f38;--color-primary-hover-rgb:8 95 56;--color-button:#0a623a;--color-button-rgb:10 98 58;--color-button-text:#fff;--color-button-text-rgb:255 255 255;--color-navbar:#0f172a;--color-navbar-rgb:15 23 42;--color-background:#f0fdf4;--color-background-rgb:240 253 244;--color-text:#1e293b;--color-text-rgb:30 41 59;--color-text-muted:#64748b;--color-text-muted-rgb:100 116 139;--color-hero-mid:#095131;--color-hero-mid-rgb:9 81 49;--gradient-hero:linear-gradient(180deg,var(--color-primary) 0%,var(--color-hero-mid) 30%,var(--color-secondary) 40%,#fff 100%);--gradient-hero-dark:linear-gradient(180deg,#0b1117 0%,var(--color-hero-mid) 30%,var(--color-secondary) 40%,#07111a 100%);--gradient-footer:linear-gradient(0deg,var(--color-primary) 0%,var(--color-hero-mid) 12%,var(--color-secondary) 22%,#fff 100%);--gradient-footer-dark:linear-gradient(0deg,#0b1117 0%,var(--color-hero-mid) 12%,var(--color-secondary) 22%,#07111a 100%);--gradient-primary-button:linear-gradient(135deg,var(--color-primary-green) 0%,var(--color-accent) 100%);--gradient-primary-hover:linear-gradient(135deg,var(--color-primary-hover) 0%,#059669 100%);--color-success:var(--color-accent);--color-success-rgb:var(--color-accent-rgb);--color-navbar-scrolled:#0f172af5}:root.dark-mode{--color-background:#0f172a;--color-background-rgb:15 23 42;--color-text:#f1f5f9;--color-text-rgb:241 245 249;--color-text-muted:#94a3b8;--color-text-muted-rgb:148 163 184;--color-accent:#34d399;--color-accent-rgb:52 211 153}:root.high-contrast{--color-primary-green:#00a65a;--color-primary-green-rgb:0 166 90;--color-text:#000;--color-text-rgb:0 0 0;--color-text-muted:#333;--color-text-muted-rgb:51 51 51}:root.high-contrast.dark-mode{--color-text:#fff;--color-text-rgb:255 255 255;--color-text-muted:#e0e0e0;--color-text-muted-rgb:224 224 224}.bg-primary{background-color:#071e14!important;background-color:var(--color-primary)!important}.bg-secondary{background-color:#0a623a!important;background-color:var(--color-secondary)!important}.bg-accent{background-color:#10b981!important;background-color:var(--color-accent)!important}.bg-primary-green{background-color:#0d7a49!important;background-color:var(--color-primary-green)!important}.bg-navbar{background-color:#0f172a!important;background-color:var(--color-navbar)!important}.bg-page{background-color:#f0fdf4!important;background-color:var(--color-background)!important}.text-primary{color:#071e14!important;color:var(--color-primary)!important}.text-secondary{color:#0a623a!important;color:var(--color-secondary)!important}.text-accent{color:#10b981!important;color:var(--color-accent)!important}.text-primary-green{color:#0d7a49!important;color:var(--color-primary-green)!important}.text-main{color:#1e293b!important;color:var(--color-text)!important}.text-muted{color:#64748b!important;color:var(--color-text-muted)!important}.border-primary{border-color:#071e14!important;border-color:var(--color-primary)!important}.border-secondary{border-color:#0a623a!important;border-color:var(--color-secondary)!important}.border-accent{border-color:#10b981!important;border-color:var(--color-accent)!important}.border-primary-green{border-color:#0d7a49!important;border-color:var(--color-primary-green)!important}.bg-gradient-hero{background:linear-gradient(180deg,#071e14,#095131 30%,#0a623a 40%,#fff)!important;background:var(--gradient-hero)!important}.bg-gradient-primary{background:linear-gradient(135deg,#0d7a49,#10b981)!important;background:var(--gradient-primary-button)!important}.hover\:bg-primary-hover:hover{background-color:#085f38!important;background-color:var(--color-primary-hover)!important}.hover\:bg-gradient-primary:hover{background:linear-gradient(135deg,#085f38,#059669)!important;background:var(--gradient-primary-hover)!important}.focus-ring-accent:focus{box-shadow:0 0 0 3px #10b9814d;box-shadow:0 0 0 3px rgb(var(--color-accent-rgb)/.3);outline:none}.btn-theme-primary{background-color:#0d7a49;background-color:var(--color-primary-green);color:#fff;transition:background-color .2s ease}.btn-theme-primary:hover{background-color:#085f38;background-color:var(--color-primary-hover)}.btn-theme-accent{background-color:#10b981;background-color:var(--color-accent);color:#fff;transition:background-color .2s ease}.btn-theme-accent:hover{background-color:#059669}.btn-theme-gradient{background:linear-gradient(135deg,#0d7a49,#10b981);background:var(--gradient-primary-button);color:#fff;transition:opacity .2s ease}.btn-theme-gradient:hover{opacity:.9}.hero-dynamic{background:linear-gradient(180deg,#071e14,#095131 30%,#0a623a 40%,#fff);background:var(--gradient-hero);color:#fff}.hero-dynamic .hero-title{color:#fff}.hero-dynamic .hero-subtitle{color:#ffffffe6}.navbar-dynamic{background-color:#0f172a;background-color:var(--color-navbar)}.navbar-dynamic.scrolled{background-color:#0f172af5;background-color:var(--color-navbar-scrolled)}.surface-page{background-color:#f0fdf4;background-color:var(--color-background)}.surface-card,.surface-page{color:#1e293b;color:var(--color-text)}.surface-card{background-color:#fff}:root.dark-mode .surface-card{background-color:#1e293b}:root{--navbar-height:80px;--navbar-bg-scrolled:#000;--navbar-border-scrolled:#0000000f;--navbar-shadow-scrolled:0 4px 20px #0d7a491f,0 1px 4px #0d7a4914}:root.dark-mode{--navbar-bg-scrolled:#0f172af5;--navbar-border-scrolled:#ffffff1a;--navbar-shadow-scrolled:0 4px 20px #10b98133,0 1px 4px #10b9811a}*{box-sizing:border-box}.navbar{align-items:center;border:1px solid #0000;border-radius:0;display:flex;font-family:Inter,sans-serif;height:80px;height:var(--navbar-height);justify-content:center;left:0;margin-left:auto;margin-right:auto;position:fixed;right:0;transition:max-width .8s cubic-bezier(.4,0,.2,1),top .8s cubic-bezier(.4,0,.2,1),padding .8s cubic-bezier(.4,0,.2,1),border-radius .8s cubic-bezier(.4,0,.2,1),border-color .8s cubic-bezier(.4,0,.2,1);width:100%;will-change:max-width,top,padding,border-radius,border-color;z-index:1000}.navbar,.navbar.navbar-top{max-width:100%;padding:10px 24px;top:0}.navbar.navbar-top{border-color:#0000;border-radius:0}.navbar.navbar-scrolled{border-color:#ffffff1a;border-radius:32px;height:70px;max-width:min(90%,900px);padding:4px 16px;top:24px}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;overflow:visible!important;padding:0;white-space:nowrap;width:100%}.logo-section{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:12px;text-decoration:none;z-index:20}.brand-logo{height:32px;object-fit:contain;width:auto}.bb-name{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;transition:color .3s ease;white-space:nowrap}.bb-name,:root.dark-mode .bb-name{color:#fff}.mobile-nav-actions{align-items:center;display:none;gap:12px;z-index:20}.notification-bell-mobile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.notification-bell-mobile:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.notification-bell-mobile .notification-badge{align-items:center;background:#ef4444;border:2px solid #000000e6;border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.dark-mode-toggle-mobile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.dark-mode-toggle-mobile:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dark-mode-toggle-mobile:active{transform:translateY(0)}.navbar.scrolled:not(.light) .dark-mode-toggle-mobile{background:#0000000a;border:1px solid #0000001a;color:var(--color-navbar)}.navbar.scrolled:not(.light) .dark-mode-toggle-mobile:hover{background:#00000014}.navbar.light .dark-mode-toggle-mobile{background:#0000000a;border-color:#1118271a;color:var(--color-navbar)}.navbar.light .dark-mode-toggle-mobile:hover{background:#00000014}:root.dark-mode .navbar.light .dark-mode-toggle-mobile{background:#ffffff1a;border-color:#fff3;color:#fff}:root.dark-mode .navbar.light .dark-mode-toggle-mobile:hover{background:#ffffff26}.nav-links{flex-shrink:0;gap:24px;list-style:none;margin:0;padding:0}.nav-links,.nav-links li{align-items:center;display:flex}.nav-links li,.nav-links li a{position:relative}.nav-links li a{color:#ffffffe6;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}:root.dark-mode .nav-links li a{color:#ffffffe6}.nav-links li a.active-link,.nav-links li a:hover,:root.dark-mode .nav-links li a.active-link,:root.dark-mode .nav-links li a:hover{color:var(--color-accent)}.navbar.scrolled:not(.light) .nav-links li a{color:#111827cc}.navbar.scrolled:not(.light) .nav-links li a.active-link,.navbar.scrolled:not(.light) .nav-links li a:hover{color:var(--color-primary-green)}.navbar.scrolled:not(.light) .bb-name{color:var(--color-navbar)}.nav-links li a.active-link:after,.nav-links li a:hover:after{width:100%}.btn-login{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 18px;transition:all .2s}.btn-login:hover{background:#ffffff1a;border-color:#fff}.navbar.scrolled:not(.light) .btn-login{border:1px solid #0003;color:var(--color-navbar)}.navbar.scrolled:not(.light) .btn-login:hover{background:#0000000d;border-color:#0000004d}.btn-signup{background:var(--gradient-primary-button);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:transform .2s ease,box-shadow .2s ease}.btn-signup:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.dark-mode-toggle-desktop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.dark-mode-toggle-desktop:hover{background:#fff3;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.dark-mode-toggle-desktop:active{transform:translateY(0)}.navbar.scrolled:not(.light) .dark-mode-toggle-desktop{background:#0000000a;border:1px solid #0000001a;color:var(--color-navbar)}.navbar.scrolled:not(.light) .dark-mode-toggle-desktop:hover{background:#00000014;border-color:#00000026}.navbar.light .dark-mode-toggle-desktop{background:#0000000a;border-color:#1118271a;color:var(--color-navbar)}.navbar.light .dark-mode-toggle-desktop:hover{background:#00000014;border-color:#11182726}:root.dark-mode .navbar.light .dark-mode-toggle-desktop{background:#ffffff1a;border-color:#fff3;color:#fff}:root.dark-mode .navbar.light .dark-mode-toggle-desktop:hover{background:#ffffff26;border-color:#ffffff4d}.notification-wrapper{position:relative}.notification-bell-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.navbar.scrolled:not(.light) .notification-bell-btn,.navbar.scrolled:not(.light) .user-profile-section{background:#0000000a;border:1px solid #0000000f;color:var(--color-navbar)}.navbar.light{color:var(--color-navbar)}:root.dark-mode .navbar.light{color:#e6e6e9}.navbar.light .bb-name{color:var(--color-navbar)}:root.dark-mode .navbar.light .bb-name{color:#fff}.navbar.light .nav-links li a{color:#111827cc}:root.dark-mode .navbar.light .nav-links li a{color:#fff}.navbar.light .nav-links li a.active-link,.navbar.light .nav-links li a:hover{color:var(--color-primary-green)}:root.dark-mode .navbar.light .nav-links li a.active-link,:root.dark-mode .navbar.light .nav-links li a:hover{color:var(--color-accent)}.navbar.light .btn-login{background:#0000;border-color:#11182714;color:var(--color-navbar)}:root.dark-mode .navbar.light .btn-login{border-color:#fff3;color:#e6e6e9}.navbar.light .notification-bell-btn{background:#0000000a;border:1px solid #0000000f;color:var(--color-navbar)}:root.dark-mode .navbar.light .notification-bell-btn{background:#ffffff1a;border:1px solid #ffffff26;color:#fff}.navbar.light .user-profile-section{background:#0000000a;border:1px solid #0000000f;color:var(--color-navbar)}:root.dark-mode .navbar.light .user-profile-section{background:#ffffff1a;border:1px solid #ffffff26;color:#fff}.navbar.light .user-avatar{background:var(--gradient-primary-button)!important;border-color:#0000000f;color:#fff!important}.navbar.light .notification-badge{border:2px solid #0f172a0f}.notification-bell-btn:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:scale(1.08) translateY(-2px)}.notification-bell-btn svg{height:20px;width:20px}.notification-badge{align-items:center;animation:badgePulse 2s infinite;background-color:#ef4444;border:2px solid #000;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:0;top:0}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-actions-wrapper{gap:12px}.notification-bell-icon,.user-actions-wrapper{align-items:center;display:flex;position:relative}.notification-bell-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.notification-bell-icon:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.notification-bell-icon .notification-badge{background:#ef4444;border:2px solid #000000e6;border-radius:9px;font-size:.65rem;font-weight:700;height:18px;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.icon-btn,.notification-bell-icon .notification-badge{align-items:center;color:#fff;display:flex;justify-content:center}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.icon-btn.mobile-only{display:none}.mobile-logout-item{display:none!important}.mobile-logout-btn{display:none}.icon-btn:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-profile-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;gap:10px;padding:5px 14px 5px 5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile-section:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-avatar{background:var(--gradient-primary-button);border:2px solid #fff3;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;width:32px}.user-avatar-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-greeting{font-size:.9rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{height:14px;opacity:.7;transition:transform .2s;width:14px}.dropdown-arrow.open{transform:rotate(180deg)}.logout-nav-item{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px}.btn-logout{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;padding:12px 18px;transition:all .3s ease;width:100%}.btn-logout:hover{background:#ef444433;border-color:#ef444480;transform:translateX(2px)}:root.dark-mode .btn-logout{background:#ef444426;border-color:#ef444466;color:#f87171}:root.dark-mode .btn-logout:hover{background:#ef444440;border-color:#ef444499}.user-dropdown-menu{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 20px 60px -10px #00000040,0 10px 30px -5px #00000026,0 0 0 1px #00000014;color:#1f2937;overflow:hidden;padding:10px;position:absolute;right:0;top:calc(100% + 14px);transform-origin:top right;width:300px;z-index:100}:root.dark-mode .user-dropdown-menu{background:#0f172afa;border:1px solid #ffffff1a;box-shadow:0 20px 60px -10px #0009,0 10px 30px -5px #0006,0 0 0 1px #ffffff1a;color:#e6e6e9}.dropdown-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d7a4914,#10b98114);border-bottom:1px solid #0000000f;border-radius:14px 14px 0 0;margin-bottom:10px;padding:20px}:root.dark-mode .dropdown-header{background:linear-gradient(135deg,#10b98126,#10b9811a);border-bottom:1px solid #ffffff1a}.dropdown-name{color:#111827;display:block;font-size:1rem;font-weight:700}:root.dark-mode .dropdown-name{color:#fff}.dropdown-email{color:#6b7280;display:block;font-size:.85rem;margin-top:2px}:root.dark-mode .dropdown-email{color:#9ca3af}.dropdown-list{display:flex;flex-direction:column;gap:2px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;overflow:hidden;padding:12px 18px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}:root.dark-mode .dropdown-item{color:#d1d5db}.dropdown-item:before{background:linear-gradient(135deg,#0d7a4914,#10b98114);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.dropdown-item:hover{color:var(--color-primary-green);transform:translateX(4px)}:root.dark-mode .dropdown-item:hover{color:var(--color-accent)}.dropdown-item:hover:before{opacity:1}.dropdown-item svg{color:#9ca3af;height:18px;transition:color .2s;width:18px}:root.dark-mode .dropdown-item svg{color:#6b7280}.dropdown-item:hover svg{color:var(--color-primary-green)}:root.dark-mode .dropdown-item:hover svg{color:var(--color-accent)}.dropdown-divider{background-color:#f3f4f6;height:1px;margin:6px 0}:root.dark-mode .dropdown-divider{background-color:#ffffff1a}.logout-item{color:#ef4444;margin-top:4px}.logout-item:before{background:linear-gradient(135deg,#ef444414,#dc262614)}.logout-item:hover{color:#dc2626;transform:translateX(4px)}.logout-item svg{color:#f87171}.logout-item:hover svg{color:#dc2626}.notification-dropdown{background:#fff;border-radius:20px;box-shadow:0 8px 32px -8px #0000001a,0 0 0 1px #0000000a;color:#1f2937;display:flex;flex-direction:column;max-height:min(520px,calc(100vh - 120px));max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;top:84px;top:calc(var(--navbar-height) + 4px);transform-origin:top right;transition:top .4s cubic-bezier(.4,0,.2,1),right .4s cubic-bezier(.4,0,.2,1);width:420px;z-index:9999}.notification-dropdown.navbar-scrolled{top:110px}@media screen and (min-width:961px){.notification-dropdown.navbar-scrolled{right:max(5%,calc(50vw - 426px));top:110px}}@media screen and (max-width:960px){.notification-dropdown{left:24px;right:24px;top:70px;transition:top .3s cubic-bezier(.4,0,.2,1);width:auto}.notification-dropdown.navbar-scrolled{top:70px}}.notification-dropdown-desktop{background:#fff;border-radius:20px;box-shadow:0 8px 32px -8px #0000001a,0 0 0 1px #0000000a;color:#1f2937;display:flex;flex-direction:column;max-height:500px;max-width:400px;overflow:visible;position:absolute;right:0;top:calc(100% + 12px);transform-origin:top right;width:400px;z-index:10000}@media screen and (max-width:960px){.notification-dropdown-desktop{display:none!important}}@media screen and (min-width:961px){.notification-dropdown-mobile{display:none!important}}:root.dark-mode .notification-dropdown{background:#1e293b;box-shadow:0 8px 32px -8px #0006,0 0 0 1px #ffffff1a;color:#e2e8f0}.notification-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;border-radius:20px 20px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}:root.dark-mode .notification-header{background:#1e293b;border-bottom:1px solid #ffffff0f}.notification-header h4{color:var(--color-navbar);font-size:1rem;font-weight:600;letter-spacing:-.015em;margin:0}:root.dark-mode .notification-header h4{color:#f1f5f9}.mark-all-read{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-accent);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.mark-all-read:hover{background:#10b9811a}:root.dark-mode .mark-all-read{color:#34d399}:root.dark-mode .mark-all-read:hover{background:#34d39926}.mark-all-read-btn{background:#0000;border:none;border-radius:8px;color:var(--color-accent);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.mark-all-read-btn:hover{background:#10b98114;color:#059669}:root.dark-mode .mark-all-read-btn{color:#34d399}:root.dark-mode .mark-all-read-btn:hover{background:#34d3991f;color:var(--color-accent)}.notification-list{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:4px 8px 8px}.notification-list::-webkit-scrollbar{width:5px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}:root.dark-mode .notification-list::-webkit-scrollbar-thumb{background:#475569}.notification-item{align-items:flex-start;background:#fafafa;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 2px #00000005;cursor:pointer;display:flex;gap:14px;margin-bottom:8px;padding:18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}:root.dark-mode .notification-item{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 1px 2px #0003}.notification-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 32px -8px #00000026,0 4px 12px -2px #00000014;transform:translateY(-2px) scale(1.01)}.notification-item:active{transform:translateY(0) scale(.99);transition:all .1s cubic-bezier(.4,0,.2,1)}:root.dark-mode .notification-item:hover{background:#ffffff14;border-color:#ffffff24;box-shadow:0 8px 24px -8px #0006,0 2px 8px -2px #0000004d}.notification-item.unread{background:linear-gradient(135deg,#10b9810f,#10b98105 50%,#0000);border-color:#10b98133;box-shadow:0 1px 3px #10b98114}.notification-item.unread:before{animation:pulse 2s ease-in-out infinite;background:var(--color-primary-green);border-radius:50%;box-shadow:0 0 0 2.5px #10b98140,0 2px 4px #10b98126;content:"";height:8px;position:absolute;right:10px;top:22px;width:8px}@keyframes pulse{0%,to{box-shadow:0 0 0 2.5px #10b98140,0 2px 4px #10b98126;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 5px #10b9811f,0 2px 6px #10b98133;opacity:.75;transform:scale(1.25)}}:root.dark-mode .notification-item.unread{background:linear-gradient(135deg,#10b9811a,#10b9810a 50%,#0000);border-color:#10b98140;box-shadow:0 1px 3px #10b98126}:root.dark-mode .notification-item.unread:before{background:#34d399}.notification-item.unread:hover{background:linear-gradient(135deg,#10b98114,#10b9810a 50%,#0000);border-color:#10b9814d;box-shadow:0 8px 24px -8px #10b98126,0 2px 8px -2px #10b9811a}:root.dark-mode .notification-item.unread:hover{background:linear-gradient(135deg,#10b98124,#10b9810f 50%,#0000);border-color:#10b98159;box-shadow:0 8px 24px -8px #10b98133,0 2px 8px -2px #10b98126}.notification-category-icon{align-items:center;border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;margin-left:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.notification-item.unread .notification-category-icon{margin-left:16px}.notification-item:hover .notification-category-icon{box-shadow:0 4px 8px #00000014;transform:scale(1.1) rotate(-6deg)}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden;word-break:break-word}.notification-delete-btn{align-items:center;align-self:center;background:#0000;border:none;border-radius:10px;color:#b1b1b1;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-left:auto;opacity:0;padding:0;transform:scale(.85) translateX(8px);transition:all .3s cubic-bezier(.4,0,.2,1);width:34px}@media (hover:none) and (pointer:coarse){.notification-delete-btn{opacity:.5}.notification-item:active .notification-delete-btn{opacity:1}}.notification-item:hover .notification-delete-btn{opacity:1;transform:scale(1) translateX(0)}.notification-delete-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px -4px #dc262666;color:#dc2626;transform:scale(1.15) rotate(8deg) translateX(0)}.notification-delete-btn:active{transform:scale(.95)}:root.dark-mode .notification-delete-btn{color:#475569}:root.dark-mode .notification-delete-btn:hover{background:linear-gradient(135deg,#ef444426,#dc262626);box-shadow:0 2px 8px -2px #ef444466;color:#f87171}.notification-title{color:var(--color-navbar);display:block;font-size:.925rem;font-weight:700;letter-spacing:-.015em;line-height:1.4;margin-bottom:0;max-width:100%;overflow:hidden;word-break:break-word}:root.dark-mode .notification-title{color:#f8fafc}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.8375rem;font-weight:450;line-height:1.6;margin:0;max-width:100%;overflow:hidden;word-break:break-word}:root.dark-mode .notification-message{color:#94a3b8}.notification-time{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:6px;opacity:.85;transition:all .2s ease;white-space:nowrap}.notification-item:hover .notification-time{color:#64748b;opacity:1}:root.dark-mode .notification-time{color:#64748b}.notification-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:0;max-width:100%;overflow:hidden}.notification-category-badge{border-radius:7px;box-shadow:0 1px 2px #0000000d;flex-shrink:0;letter-spacing:.025em;padding:4px 10px;text-transform:capitalize}.critical-badge,.notification-category-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;font-size:.7rem;font-weight:700;white-space:nowrap}.critical-badge{animation:critical-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #dc262633;border-radius:8px;box-shadow:0 2px 6px #dc262626;color:#dc2626;gap:5px;letter-spacing:.05em;margin-bottom:6px;padding:5px 10px;text-transform:uppercase}:root.dark-mode .critical-badge{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef44444d;box-shadow:0 2px 8px #ef444440;color:#f87171}@keyframes critical-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.no-notifications{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;padding:48px 20px;text-align:center}.no-notifications svg{color:#cbd5e1;opacity:.4}:root.dark-mode .no-notifications svg{color:#475569}.no-notifications p{font-size:.875rem;font-weight:500;margin:0}:root.dark-mode .no-notifications{color:#64748b}.notification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}:root.dark-mode .notification-modal-overlay{background-color:#0009}.notification-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px -12px #00000040;display:flex;flex-direction:column;max-width:420px;overflow:hidden;position:relative;width:100%}:root.dark-mode .notification-modal{background:#1e293b;box-shadow:0 20px 40px -12px #00000080}.notifications-list-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}:root.dark-mode .notifications-list-modal{background:var(--color-navbar);box-shadow:0 20px 60px #0009}.notifications-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}:root.dark-mode .notifications-modal-header{border-bottom-color:#ffffff1a}.notifications-modal-title-row{align-items:center;display:flex;flex:1 1;gap:12px}.notifications-modal-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0}:root.dark-mode .notifications-modal-title{color:#fff}.notifications-modal-body{flex:1 1;overflow-y:auto;padding:0}.notifications-modal-body .notification-list{padding:8px}.notifications-modal-body .notification-item{border-radius:12px;margin-bottom:4px;padding:16px}.notifications-modal-body .no-notifications{color:#9ca3af;padding:64px 32px;text-align:center}:root.dark-mode .notifications-modal-body .no-notifications{color:#6b7280}.notifications-modal-body .no-notifications svg{margin-bottom:16px;opacity:.3}.notifications-modal-body .no-notifications p{font-size:1rem;margin:0}.notification-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .15s ease;width:32px;z-index:10}.notification-modal-close:hover{background:#e2e8f0;color:#475569}:root.dark-mode .notification-modal-close{background:#ffffff14;color:#94a3b8}:root.dark-mode .notification-modal-close:hover{background:#ffffff1f;color:#cbd5e1}.notification-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:row;gap:14px;padding:24px 24px 20px}:root.dark-mode .notification-modal-header{border-bottom:1px solid #ffffff0f}.notification-modal-icon{align-items:center;border-radius:14px;box-shadow:0 2px 8px #00000014;display:flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}:root.dark-mode .notification-modal-icon{box-shadow:0 2px 8px #0000004d}.notification-modal-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 1px 3px #00000014;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:5px 12px;text-transform:uppercase}.notification-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.notification-modal-title{color:#111827;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin:0 0 14px}:root.dark-mode .notification-modal-title{color:#f9fafb}.notification-modal-message{color:#4b5563;font-size:.95rem;line-height:1.7;margin:0;word-break:break-word}:root.dark-mode .notification-modal-message{color:#9ca3af}.notification-modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}:root.dark-mode .notification-modal-footer{background-color:var(--color-navbar);border-top:1px solid #ffffff0f}.notification-modal-btn{background:var(--color-primary-green);border:none;border-radius:10px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:11px 24px;transition:all .2s ease}.notification-modal-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}:root.dark-mode .notification-modal-btn{background:var(--gradient-primary-button);box-shadow:0 2px 8px #10b9814d;color:#fff}:root.dark-mode .notification-modal-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.notification-modal-time{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:5px}:root.dark-mode .notification-modal-time{color:#9ca3af}.menu-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;transition:all .2s ease;width:40px;z-index:50}.menu-toggle:hover{background:#fff3}.menu-toggle:active{transform:scale(.95)}.menu-toggle span{background-color:#fff;border-radius:2px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.menu-toggle.active{background:#10b98133;border-color:#10b9814d}@media screen and (max-width:960px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.notification-dropdown-mobile .notification-list{flex:1 1;max-height:none;overflow-x:hidden;overflow-y:auto}.notification-dropdown-mobile .notification-header{flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.menu-toggle,.mobile-nav-actions{display:flex}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-links{align-items:flex-start;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;gap:4px;height:auto;left:16px;max-height:80vh;opacity:0;overflow-y:auto;padding:16px;position:absolute;right:16px;top:100%;transform:translateY(-10px) scale(.98);transition:all .25s cubic-bezier(.4,0,.2,1);visibility:hidden;width:auto;z-index:999}:root.dark-mode .nav-links{background:#1e293b;border-color:#334155}.nav-links.active{opacity:1;transform:translateY(12px) scale(1);visibility:visible}.nav-links li{display:flex;flex-direction:column;width:100%}.nav-links li.user-actions-wrapper{align-items:center;display:flex;flex-direction:row}.nav-links li a{border-radius:8px;color:#4b5563;display:block;font-size:1rem;font-weight:600;padding:12px 16px;width:100%}:root.dark-mode .nav-links li a{color:#cbd5e1}.nav-links li a.active-link,.nav-links li a:hover{background:#f0fdf4;color:#166534}:root.dark-mode .nav-links li a.active-link,:root.dark-mode .nav-links li a:hover{background:#10b98126;color:#34d399}.nav-links li a:after{display:none}.nav-links li:has(.btn-login),.nav-links li:has(.btn-signup){margin-top:4px}.btn-login,.btn-signup{border-color:var(--color-primary-green);color:var(--color-primary-green);justify-content:center;width:100%}.btn-signup{color:#fff;margin-top:8px}.user-actions-wrapper{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;margin-bottom:12px;order:-1;padding-bottom:12px;width:100%}:root.dark-mode .user-actions-wrapper{border-bottom-color:#334155}.icon-btn.mobile-only{display:flex}.mobile-logout-item{display:block!important}.mobile-logout-btn{display:flex!important}.notification-bell-icon.desktop-only{display:none!important}.dropdown-arrow{display:none}.user-dropdown-menu{display:none!important}.user-profile-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;display:flex;flex:1 1;gap:12px;padding:12px 14px}:root.dark-mode .user-profile-section{background:var(--color-navbar);border-color:#334155;color:#e2e8f0}.user-profile-section:hover{background:#f3f4f6;box-shadow:none;transform:none}:root.dark-mode .user-profile-section:hover{background:#ffffff0d}.icon-btn,.notification-bell-icon{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#374151;flex-shrink:0;height:44px;width:44px}:root.dark-mode .icon-btn,:root.dark-mode .notification-bell-icon{background:var(--color-navbar);border-color:#334155;color:#e2e8f0}.icon-btn:hover,.notification-bell-icon:hover{background:#f3f4f6;border-color:#d1d5db;transform:none}:root.dark-mode .icon-btn:hover,:root.dark-mode .notification-bell-icon:hover{background:#ffffff0d}.user-avatar{background:var(--gradient-primary-button);height:40px;width:40px}.user-greeting{flex:1 1;font-weight:600;max-width:none;text-align:left}.mobile-logout-item{display:none;margin-top:8px;width:100%}.mobile-logout-btn{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:12px 16px;transition:all .3s ease;width:100%}.mobile-logout-btn:hover{background:#ef44441f}:root.dark-mode .mobile-logout-btn{background:#ef44441a;border-color:#ef44444d;color:#f87171}:root.dark-mode .mobile-logout-btn:hover{background:#ef444426}.logout-nav-item{border-top:1px solid #f3f4f6;margin-top:8px;padding-top:12px;width:100%}:root.dark-mode .logout-nav-item{border-top-color:#334155}.btn-logout{background:#ef444414;border:1px solid #ef444433;color:#ef4444;font-size:.9rem;padding:14px 16px;width:100%}.btn-logout:hover{background:#ef44441f;transform:none}:root.dark-mode .btn-logout{background:#ef44441a;border-color:#ef44444d;color:#f87171}:root.dark-mode .btn-logout:hover{background:#ef444426}.notification-dropdown{left:12px;max-height:min(70vh,calc(100vh - 104px));max-height:min(70vh,calc(100vh - var(--navbar-height) - 24px));max-width:none;right:12px;width:auto}.notification-list{-webkit-overflow-scrolling:touch;flex:1 1;max-height:none;overflow-y:auto}.notification-header{border-bottom:1px solid #f1f5f9;padding:16px 18px}.notification-header h4{font-size:.9rem}.mark-all-read{font-size:.75rem}.notification-header{background:#fff;border-bottom:1px solid #f3f4f6;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}:root.dark-mode .notification-header{background:var(--color-navbar);border-bottom-color:#334155}:root.dark-mode .mark-all-read{color:#fff}.notification-header h4{color:#111827;font-size:.85rem}:root.dark-mode .notification-header h4{color:#fff}.mark-all-read{font-size:.7rem;padding:5px 10px}.notification-list{overflow-x:hidden}.notification-item{gap:10px;padding:10px 14px}.notification-category-icon{border-radius:8px;height:32px;width:32px}.notification-title{font-size:.8rem}.notification-message{-webkit-line-clamp:1;font-size:.75rem}.notification-time{font-size:.65rem}.notification-delete-btn{height:24px;opacity:1;width:24px}.no-notifications{padding:24px 16px}.no-notifications svg{height:24px;width:24px}.no-notifications p{font-size:.8rem}.notification-modal-overlay{align-items:flex-end;padding:0}.notification-modal,.notifications-list-modal{border-radius:20px 20px 0 0;max-height:85vh;max-width:100%;width:100%}.notifications-modal-header{padding:20px}.notifications-modal-title{font-size:1.25rem}.notifications-modal-body .notification-item{padding:12px}.notification-modal-close{right:16px;top:16px}.notification-modal-header{flex-wrap:wrap;gap:12px;padding:18px}.notification-modal-icon{border-radius:12px;font-size:1.1rem;height:42px;width:42px}.notification-modal-category{font-size:.65rem;padding:4px 10px}.notification-modal-body{max-height:50vh;padding:18px}.notification-modal-title{font-size:1.05rem;margin-bottom:12px}.notification-modal-message{font-size:.875rem;line-height:1.5}.notification-modal-footer{align-items:stretch;flex-direction:column;padding:16px 18px max(16px,env(safe-area-inset-bottom))}.notification-modal-btn{font-size:.875rem;padding:12px 20px;width:100%}.notification-modal-time{font-size:.75rem;justify-content:center;width:100%}}@media screen and (max-width:400px){.nav-links{left:10px;padding:12px;right:10px}.notification-list{max-height:none!important}.user-greeting{display:block;font-size:.9rem}.dropdown-arrow{display:block;height:16px;width:16px}.notification-modal{max-height:90vh}}.profile-pill{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;cursor:pointer;display:flex;gap:8px;height:40px;min-height:40px;min-width:120px;outline:none;padding:4px 12px 4px 4px;transition:all .2s ease;user-select:none;-webkit-user-select:none}.profile-pill:hover{background:#fff3;border-color:#ffffff40}.profile-pill:focus{outline:2px solid #ffffff4d;outline-offset:2px}.profile-pill:active{background:#ffffff26}.profile-pill:disabled{cursor:default}.profile-avatar{border:2px solid #fff3;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.profile-avatar-fallback{align-items:center;background:var(--gradient-primary-button);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.profile-pill-name{color:#fff;font-size:.875rem;font-weight:500;line-height:1.2;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-pill-arrow{color:#ffffffb3;flex-shrink:0;margin-left:2px;transition:transform .2s ease}.profile-pill-arrow-open{transform:rotate(180deg)}.skeleton-avatar{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#64748b66}.skeleton-text{animation:skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s;border-radius:4px;width:50px}.skeleton-arrow,.skeleton-text{background:#64748b66;display:block;height:14px}.skeleton-arrow{animation:skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.2s;border-radius:2px;flex-shrink:0;margin-left:2px;width:14px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}:root.dark-mode .profile-pill{background:#1e293b99;border-color:#ffffff1a}:root.dark-mode .profile-pill:hover{background:#1e293bcc;border-color:#fff3}@media (max-width:768px){.profile-pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex:1 1;gap:12px;height:auto;min-height:52px;min-width:0;padding:10px 14px 10px 10px;width:auto}.profile-pill:hover{background:#f3f4f6;border-color:#d1d5db}:root.dark-mode .profile-pill{background:var(--color-navbar);border-color:#334155}:root.dark-mode .profile-pill:hover{background:#ffffff0d;border-color:#475569}.profile-pill .profile-avatar{border:2px solid #e5e7eb;height:36px;width:36px}:root.dark-mode .profile-pill .profile-avatar{border-color:#475569}.profile-pill .profile-avatar-fallback{font-size:15px;height:36px;width:36px}.profile-pill-name{color:#374151;flex:1 1;font-size:.95rem;font-weight:600;max-width:none;text-align:left}:root.dark-mode .profile-pill-name{color:#e2e8f0}.profile-pill-arrow,.skeleton-arrow{display:none}.profile-pill .skeleton-avatar{background:#64748b33;height:36px;width:36px}.profile-pill .skeleton-text{background:#64748b33;flex:1 1;height:16px;width:auto}}.navbar.navbar-scrolled .profile-pill{height:40px}.user-avatar{align-items:center;background-color:#e5e7eb;border-radius:50%;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.user-avatar-small{font-size:14px;font-weight:600;height:32px;width:32px}.user-avatar-medium{font-size:18px;font-weight:600;height:48px;width:48px}.user-avatar-large{font-size:24px;font-weight:700;height:60px;width:60px}.user-avatar-image{display:block;height:100%;object-fit:cover;width:100%}.user-avatar-letter{align-items:center;display:flex;font-size:inherit;font-weight:inherit;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.user-avatar-loading-indicator{animation:avatar-spin 1s linear infinite;border:2px solid #10b9814d;border-radius:50%;border-top-color:#10b981cc;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes avatar-spin{to{transform:rotate(1turn)}}.user-avatar-image{animation:avatar-fade-in .3s ease-in}@keyframes avatar-fade-in{0%{opacity:0}to{opacity:1}}.kwentong-byahero-section{background:#fff;overflow:hidden;padding:80px 20px;position:relative}.kwentong-byahero-section:before{background-image:radial-gradient(circle at 20% 30%,#0d7a490d 0,#0000 50%),radial-gradient(circle at 80% 70%,#0d7a4914 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.kwentong-byahero-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.kwentong-byahero-section .section-header{align-items:center;display:flex;flex-direction:column;margin-bottom:56px;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.kwentong-byahero-section .header-icon{align-items:center;background:linear-gradient(135deg,#0d7a49,#065f46);border-radius:18px;box-shadow:0 8px 20px #0d7a4940;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:24px;transform:translateY(0);transition:transform .3s ease;width:64px}.kwentong-byahero-section .section-header h2{color:#0f172a;font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 16px}.kwentong-byahero-section .section-subtitle{color:#64748b;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0}.carousel-wrapper{padding:20px 60px;position:relative}.carousel-nav{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#0d7a49;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:10}.carousel-nav:hover{background:#0d7a49;box-shadow:0 6px 20px #0d7a494d;color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:0}.carousel-nav-next{right:0}.testimonial-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;padding:48px 40px;position:relative;text-align:center}.quote-icon{align-items:center;background:linear-gradient(135deg,#0d7a49,#065f46);border-radius:50%;box-shadow:0 4px 14px #0d7a494d;color:#fff;display:flex;height:56px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:56px}.testimonial-content{padding-top:16px}.testimonial-stars{display:flex;gap:4px;justify-content:center;margin-bottom:24px}.testimonial-message{color:#334155;font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.8;margin:0 auto 32px;max-width:600px}.testimonial-author{align-items:center;display:flex;gap:16px;justify-content:center}.testimonial-author .author-avatar-component{border:3px solid #0d7a49;box-shadow:0 4px 12px #0d7a4933}.author-avatar{border:3px solid #0d7a49;border-radius:50%;box-shadow:0 4px 12px #0d7a4933;height:56px;overflow:hidden;width:56px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info{text-align:left}.author-name{color:#0f172a;display:block;font-size:1.1rem;font-weight:700;margin-bottom:4px}.author-badge{align-items:center;background:#ecfdf5;border-radius:20px;color:#0d7a49;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 12px}.carousel-dots{display:flex;gap:10px;justify-content:center;margin-top:32px}.carousel-dot{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.carousel-dot:hover{background:#94a3b8}.carousel-dot.active{background:#0d7a49;border-radius:10px;width:28px}.community-stats{margin-top:40px;text-align:center}.community-text{color:#475569;font-size:1rem;font-weight:500;margin:0}.carousel-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0d7a49;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.carousel-loading p{color:#64748b;font-size:.95rem;margin:0}@media (max-width:768px){.kwentong-byahero-section{padding:60px 16px}.kwentong-byahero-section .section-header h2{font-size:2rem}.carousel-wrapper{padding:20px 0}.carousel-nav{display:none;height:40px;width:40px}.testimonial-card{border-radius:20px;padding:40px 24px}.testimonial-message{font-size:1.1rem;line-height:1.7}.author-avatar{height:48px;width:48px}.author-name{font-size:1rem}}@media (max-width:480px){.kwentong-byahero-section .section-header h2{font-size:1.75rem}.kwentong-byahero-section .section-subtitle{font-size:1rem}.testimonial-card{padding:36px 20px}.quote-icon{height:48px;top:-16px;width:48px}.quote-icon svg{height:28px;width:28px}.testimonial-message{font-size:1rem}.testimonial-author{flex-direction:column;gap:12px}.author-info{text-align:center}}:root.dark-mode .kwentong-byahero-section{background:linear-gradient(135deg,#1a2e1f,#0f1f14 50%,#0a1a0e)}:root.dark-mode .kwentong-byahero-section:before{background-image:radial-gradient(circle at 20% 30%,#4ade800d 0,#0000 50%),radial-gradient(circle at 80% 70%,#4ade8014 0,#0000 50%)}:root.dark-mode .kwentong-byahero-section .section-header h2{color:#f1f5f9}:root.dark-mode .kwentong-byahero-section .section-subtitle{color:#94a3b8}:root.dark-mode .testimonial-card{background:#1e293b;box-shadow:0 10px 40px #0000004d}:root.dark-mode .testimonial-message{color:#e2e8f0}:root.dark-mode .author-name{color:#f1f5f9}:root.dark-mode .author-badge{background:#0d7a4933;color:#4ade80}:root.dark-mode .carousel-nav{background:#334155;color:#4ade80}:root.dark-mode .carousel-nav:hover{background:#0d7a49;color:#fff}:root.dark-mode .carousel-dot{background:#475569}:root.dark-mode .carousel-dot.active{background:#4ade80}:root.dark-mode .carousel-loading p,:root.dark-mode .community-text{color:#94a3b8}:root.dark-mode .loading-spinner{border-color:#4ade80 #475569 #475569}:root{--n-bg:#fff;--n-border:#e4e4e7;--n-shadow:0 4px 12px #00000014,0 1px 2px #0000000d;--n-text-main:#09090b;--n-text-muted:#71717a;--n-success:#16a34a;--n-success-bg:#f0fdf4;--n-error:#dc2626;--n-error-bg:#fef2f2;--n-info:#2563eb;--n-info-bg:#eff6ff}:root.dark-mode{--n-bg:#07111a;--n-border:#1f2937;--n-shadow:0 4px 12px #0006,0 1px 2px #0003;--n-text-main:#e6e6e9;--n-text-muted:#9ca3af;--n-success:#10b981;--n-success-bg:#10b9811a;--n-error:#ef4444;--n-error-bg:#ef44441a;--n-info:#3b82f6;--n-info-bg:#3b82f61a}.notification-container{display:flex;justify-content:flex-end;pointer-events:none;position:fixed;right:20px;top:20px;z-index:99999}.notification-card{align-items:flex-start;animation:slideInRight .35s cubic-bezier(.21,1.02,.73,1) forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff;background:var(--n-bg);border:1px solid #e4e4e7;border:1px solid var(--n-border);border-radius:8px;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000d;box-shadow:var(--n-shadow);display:flex;gap:14px;max-width:90vw;opacity:0;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transform:translateX(20px);transition:all .2s ease;width:380px}.notification-card.exiting{animation:fadeOutRight .25s ease forwards}.notification-icon-box{display:grid;flex-shrink:0;margin-top:2px;place-items:center}.notification-content{flex-grow:1;padding-right:12px}.notification-title{color:#09090b;color:var(--n-text-main);font-size:.95rem;font-weight:600;line-height:1.2;margin-bottom:4px}.notification-message{color:#71717a;color:var(--n-text-muted);font-size:.875rem;line-height:1.5}.notification-close{background:#0000;border:none;border-radius:4px;color:#71717a;color:var(--n-text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px;transition:background .2s,color .2s}.notification-close:hover{background:#f4f4f5;color:#09090b;color:var(--n-text-main)}:root.dark-mode .notification-close:hover{background:#ffffff0d}.notification-progress{animation:shrinkWidth 5s linear forwards;background-color:currentColor;bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}.notification-card.success .notification-icon-box{color:#16a34a;color:var(--n-success)}.notification-card.success .notification-progress{background-color:#16a34a;background-color:var(--n-success);opacity:.6}.notification-card.error .notification-icon-box{color:#dc2626;color:var(--n-error)}.notification-card.error .notification-progress{background-color:#dc2626;background-color:var(--n-error);opacity:.6}.notification-card.info .notification-icon-box{color:#2563eb;color:var(--n-info)}.notification-card.info .notification-progress{background-color:#2563eb;background-color:var(--n-info);opacity:.6}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes shrinkWidth{0%{width:100%}to{width:0}}@media (max-width:640px){.notification-container{bottom:auto;justify-content:flex-end;left:auto;padding:0;right:12px;top:12px}.notification-card{animation:slideInRight .35s cubic-bezier(.21,1.02,.73,1) forwards;max-width:calc(100vw - 24px);transform:translateX(20px);width:auto}.notification-card.exiting{animation:fadeOutRight .25s ease forwards}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}
/*# sourceMappingURL=main.a740b8c5.css.map*/