@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;max-width:100vw;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}input[placeholder="Type a message..."]::placeholder{color:#6b7280;opacity:1}.navigation{background:#3e5d45;border-bottom:1px solid rgba(245,238,220,.1);box-shadow:0 1px 3px #0000001a;padding:0;margin:0;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:2000}.nav-brand{display:none}.nav-links{display:flex;justify-content:space-around;align-items:center;padding:0;margin:0;gap:0;overflow:visible;width:100%;box-sizing:border-box}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 12px;text-decoration:none;color:#f5eedc;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap;min-width:44px;position:relative}.nav-link:hover{color:#f5eedc;opacity:.8}.nav-link.active{color:#f5eedc;opacity:1}.nav-icon{font-size:20px;margin-bottom:3px;transition:transform .2s ease}.nav-link:hover .nav-icon{transform:scale(1.1)}@media (min-width: 768px){.navigation{position:sticky;top:0;bottom:auto;border-radius:0}.nav-links{padding:8px 40px;max-width:none}.nav-link{padding:8px 16px;font-size:13px}.nav-icon{font-size:22px;margin-bottom:5px}}@media (min-width: 394px) and (max-width: 767px){.nav-links{max-width:min(420px,100%)}.nav-link{max-width:80px}}@media (max-width: 767px){.nav-links{max-width:393px;margin-left:auto;margin-right:auto}.main-content{padding-bottom:80px}.navigation{padding:5px 0;padding-bottom:calc(5px + env(safe-area-inset-bottom));bottom:0;transform:translateY(0);-webkit-transform:translateY(0)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;background-color:#f8f9fa}.error-boundary-content{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.error-icon{font-size:3rem;margin-bottom:1rem}.error-boundary-content h2{color:#dc3545;margin-bottom:1rem;font-size:1.5rem}.error-boundary-content p{color:#6c757d;margin-bottom:1.5rem;line-height:1.5}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.error-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.error-button.primary{background-color:#007bff;color:#fff}.error-button.primary:hover{background-color:#0056b3;transform:translateY(-1px)}.error-button.secondary{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.error-button.secondary:hover{background-color:#e9ecef;color:#495057}.error-details{text-align:left;margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.error-details summary{cursor:pointer;font-weight:500;color:#495057;margin-bottom:.5rem}.error-info p{margin:.5rem 0;font-size:.875rem}.error-stack{background-color:#343a40;color:#f8f9fa;padding:1rem;border-radius:4px;font-size:.75rem;white-space:pre-wrap;overflow-x:auto;max-height:200px;overflow-y:auto}.discover-error-fallback,.chat-error-fallback,.games-error-fallback{text-align:center;padding:2rem;margin:1rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #dee2e6}.discover-error-fallback h3,.chat-error-fallback h3,.games-error-fallback h3{color:#dc3545;margin-bottom:.5rem}.discover-error-fallback p,.chat-error-fallback p,.games-error-fallback p{color:#6c757d;margin-bottom:1rem}.retry-button{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#0056b3;transform:translateY(-1px)}@media (max-width: 768px){.error-boundary{padding:1rem}.error-boundary-content{padding:1.5rem}.error-actions{flex-direction:column}.error-button{width:100%}}.app-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;max-width:90vw;width:auto;min-width:280px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.notification-show{opacity:1;transform:translate(-50%) translateY(0);animation:slideInDown .3s ease-out}.notification-hide{opacity:0;transform:translate(-50%) translateY(-20px)}.notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px}.notification-emoji{font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-text{color:#2c3e50;font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:-.025em}.notification-text strong{font-weight:600;color:#3e5d45}.notification-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;margin-left:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;transition:all .2s ease}.notification-close-btn:hover{background-color:#f3f4f6;color:#374151}.notification-close-btn:active{transform:scale(.95)}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.app-notification{top:16px;max-width:calc(100vw - 32px);min-width:unset}.notification-content{padding:14px 16px}.notification-emoji{font-size:1.25rem}.notification-text{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.app-notification,.notification-show,.notification-hide{animation:none;transition:opacity .2s ease}}.landing-container{min-height:100vh;background:#f5f0e8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.landing-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem!important;align-items:center;position:relative;z-index:1;margin-top:-3rem!important}@media (max-width: 968px){.landing-container{gap:0}.landing-content{grid-template-columns:1fr;gap:1rem;text-align:center;margin-top:-3.5rem!important}.landing-logo{margin-top:-3.8rem!important;margin-bottom:1.5rem!important;display:flex;justify-content:center;align-items:center;margin-left:1rem}.landing-auth{margin-top:-1rem!important}}.landing-hero{display:flex;flex-direction:column;gap:1.8rem;padding-top:0}.landing-logo{display:flex;align-items:center;justify-content:center;margin-bottom:0;margin-top:-6rem}.logo-image{width:600px;height:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-tagline h2{font-size:2.8rem;font-weight:700;color:#eab308;margin:0 0 .5rem;line-height:1.1;letter-spacing:-.02em;font-family:Poppins,sans-serif}.landing-tagline .tagline-subtitle{font-size:1.75rem;color:#2e5640;margin:0 0 1.5rem;line-height:1.3;font-weight:400}.landing-tagline p{font-size:1.25rem;color:#5a7a65;margin:0;line-height:1.7;font-weight:400}@media (max-width: 768px){.landing-hero{gap:.5rem;padding-top:0}.landing-features{gap:.75rem;margin-top:-.5rem}.landing-tagline{margin:0;padding-top:0}.landing-tagline h2{font-size:2rem;margin:0;padding:0}.landing-tagline .tagline-subtitle{font-size:1.1rem}.landing-tagline p{font-size:1.125rem}.logo-image{width:550px}}.landing-features{display:flex;flex-direction:column;gap:1rem;margin-top:0;max-width:90%}.feature-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:#ffffff80;border-radius:20px;border:2px solid rgba(46,86,64,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:5.5rem;height:5.5rem}.feature-item:hover{transform:translate(10px);background:#ffffffb3;border-color:#2e564033;box-shadow:0 5px 15px #2e56401a}@media (max-width: 968px){.landing-features{align-items:center;max-width:100%}.landing-features .feature-item{justify-content:flex-start;text-align:left;max-width:500px;width:100%;padding:.75rem 1rem!important;min-height:4rem;height:4rem;align-items:center;margin-left:-.25rem}.feature-item .feature-text{font-size:.875rem!important;white-space:nowrap}.feature-item:hover{transform:translate(0) translateY(-5px)}}.feature-icon{font-size:1.75rem;background:#2e5640;color:#f5e6d3;padding:.875rem;border-radius:16px;display:flex;align-items:center;justify-content:center;min-width:3.5rem;min-height:3.5rem;max-width:3.5rem;max-height:3.5rem;box-shadow:0 4px 6px #2e564033;flex-shrink:0}.feature-text{font-size:1.125rem;font-weight:400;color:#2e5640}.landing-auth{background:#ffffffe6;border-radius:30px;padding:2.5rem 2.5rem 3rem;box-shadow:0 20px 40px #2e564026,0 0 0 2px #2e56401a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-top:1rem}.auth-signup h3,.auth-login h3{font-size:2rem;font-weight:600;color:#2e5640;margin:0 0 2rem;text-align:center;letter-spacing:-.02em;position:relative;padding-top:.5rem}.social-auth-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.social-auth-buttons.compact{flex-direction:row;gap:1rem}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:500;border:2px solid transparent;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:3.5rem;position:relative;overflow:hidden}.auth-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2e56401a;transition:width .6s,height .6s,top .6s,left .6s}.auth-btn:hover:before{width:300px;height:300px;top:-150px;left:-150px}.auth-btn.compact{flex:1;padding:1rem;min-height:3rem}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn:focus{outline:3px solid rgba(46,86,64,.3);outline-offset:2px}.social-btn{background:#fff;color:#2e5640;border:2px solid rgba(46,86,64,.2);position:relative;z-index:1}.social-btn:hover:not(:disabled){background:#fff;border-color:#2e5640;transform:translateY(-2px);box-shadow:0 5px 15px #2e564033}.google-btn:hover:not(:disabled){border-color:#4285f4}.apple-btn:hover:not(:disabled){border-color:#000}.email-btn,.primary-btn{background:#2e5640;color:#f5e6d3;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 6px #2e564033}.email-btn:hover:not(:disabled),.primary-btn:hover:not(:disabled){background:#1f3b2b;transform:translateY(-2px);box-shadow:0 6px 20px #2e56404d}.social-icon{width:1.25rem;height:1.25rem;flex-shrink:0;position:relative;z-index:1}.auth-icon{width:1.125rem;height:1.125rem;flex-shrink:0;position:relative;z-index:1}.login-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.auth-input{padding:1.125rem 1.25rem;border:2px solid rgba(46,86,64,.2);border-radius:14px;font-size:1rem;font-family:Poppins,sans-serif;background:#f5e6d34d;color:#2e5640;transition:all .3s ease;min-height:3.5rem;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#2e5640;background:#fff;box-shadow:0 0 0 4px #2e56401a}.auth-input::placeholder{color:#2e564080}.auth-divider{display:flex;align-items:center;justify-content:center;gap:1rem;color:#2e564099;font-size:.875rem;margin:1.5rem 0;position:relative}.auth-divider span{background:#f5f0e8;padding:0 1rem;position:relative;z-index:1}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(46,86,64,.2) 20%,rgba(46,86,64,.2) 80%,transparent)}.link-btn{background:none;border:none;color:#2e5640;font-weight:600;cursor:pointer;text-decoration:none;font-size:inherit;font-family:inherit;transition:all .2s ease;position:relative}.link-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#2e5640;transition:width .3s ease}.link-btn:hover:after{width:100%}@media (max-width: 768px){.landing-container{padding:1rem}.landing-auth{padding:2.5rem 2rem}.social-auth-buttons.compact{flex-direction:column}.auth-btn.compact{flex:none}}@media (max-width: 480px){.landing-auth{padding:2rem 1.5rem}.auth-btn{padding:1rem;min-height:3rem}.auth-input{min-height:3rem}.landing-tagline h2{font-size:1.9rem}.landing-tagline .tagline-subtitle{font-size:1.2rem}.logo-image{width:420px}}.photo-crop-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem 1rem 4rem;overflow-y:auto}.photo-crop-modal-overlay.no-scroll{overflow:hidden}.photo-crop-modal{background:#fff;border-radius:12px;max-width:95vw;width:400px;max-height:85vh;display:flex;flex-direction:column;margin:auto;box-shadow:0 20px 40px #0000004d}.photo-crop-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;border-bottom:1px solid #f3f4f6}.photo-crop-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#2c3e50}.photo-crop-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.photo-crop-close-btn:hover{color:#2c3e50}.photo-crop-instructions{padding:0 1.5rem;font-size:.85rem;color:#4b5563;text-align:center;margin-bottom:1rem;line-height:1.4;font-weight:500}.photo-crop-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1.5rem;font-size:.875rem;margin:0 1.5rem 1rem;border-radius:8px}.photo-crop-container{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;min-height:180px;max-height:200px;overflow:visible;flex-shrink:0}.photo-crop-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.loading-spinner{width:2rem;height:2rem;border:2px solid #f3f3f3;border-top:2px solid #3E5D45;border-radius:50%;animation:spin 1s linear infinite}.photo-crop-workspace{position:relative;display:flex;align-items:center;justify-content:center}.photo-crop-image-container{position:relative;border-radius:8px;overflow:hidden}.photo-crop-image{display:block;max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.photo-crop-frame{position:absolute;cursor:move;border:2px solid #3E5D45;border-radius:12px;z-index:3}.photo-crop-frame:hover{border-color:#2a4030}.photo-crop-frame-border{position:absolute;inset:-2px;border:2px solid white;border-radius:12px;pointer-events:none}.photo-crop-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#3e5d45cc;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.photo-crop-handle:after{content:"⌄";color:#fff;font-size:20px;transform:rotate(45deg)}.photo-crop-frame:hover .photo-crop-handle{opacity:1}.photo-crop-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.photo-crop-overlay-top,.photo-crop-overlay-bottom{position:absolute;left:0;right:0;background:#00000080}.photo-crop-overlay-top{top:0}.photo-crop-overlay-bottom{bottom:0}.photo-crop-overlay-middle{position:absolute;left:0;right:0;display:flex}.photo-crop-overlay-left,.photo-crop-overlay-right{background:#00000080;height:100%}.photo-crop-overlay-left{position:absolute;left:0;top:0}.photo-crop-overlay-right{position:absolute;top:0}.photo-crop-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #f3f4f6;flex-shrink:0;background:#fff}.photo-crop-cancel-btn,.photo-crop-save-btn{flex:1;padding:.6rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.photo-crop-cancel-btn{background:#f9fafb;color:#6b7280;border:1px solid #d1d5db}.photo-crop-cancel-btn:hover{background:#f3f4f6;color:#4b5563}.photo-crop-save-btn{background:#3e5d45;color:#fff}.photo-crop-save-btn:hover:not(:disabled){background:#2a4030}.photo-crop-save-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.photo-crop-modal{width:95vw;max-height:95vh}.photo-crop-header{padding:1rem}.photo-crop-container{padding:.5rem 1rem;min-height:250px;max-height:none}.photo-crop-actions{padding:1rem;flex-direction:column}.photo-crop-cancel-btn,.photo-crop-save-btn{flex:none}}@media (max-height: 700px){.photo-crop-modal{max-height:95vh}.photo-crop-container{min-height:200px;flex-shrink:1}}@media (max-height: 600px){.photo-crop-modal{max-height:98vh}.photo-crop-container{min-height:150px;padding:.5rem 1.5rem}.photo-crop-header{padding:1rem 1.5rem .5rem}.photo-crop-instructions{margin-bottom:.5rem}.photo-crop-actions{padding:1rem 1.5rem}}.onboarding-container{min-height:100vh;background:#f1f2f4;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Inter,sans-serif}.onboarding-content{max-width:600px;width:100%;background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(44,62,80,.1);overflow:hidden}.onboarding-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(44,62,80,.1)}.progress-bar{width:100%;height:8px;background:#3e5d451a;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3e5d45,#2c4a33);border-radius:4px;transition:width .3s ease}.step-counter{font-size:.875rem;font-weight:500;color:#2c3e5099;text-align:center}.step-container{padding:2rem;display:flex;flex-direction:column;gap:2rem;min-height:400px}.step-header{text-align:center}.step-title{font-size:1.875rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem;letter-spacing:-.025em;line-height:1.2}.step-subtitle{font-size:1rem;color:#2c3e50b3;margin:0;line-height:1.5}.step-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.form-group{display:flex;flex-direction:column}.onboarding-input{padding:1rem;border:1px solid rgba(44,62,80,.2);border-radius:.75rem;font-size:1rem;font-family:Inter,sans-serif;background:#fff;color:#2c3e50;transition:all .2s ease;min-height:3.5rem;box-sizing:border-box}.onboarding-input.large{font-size:1.125rem;padding:1.25rem;text-align:center;min-height:4rem}.onboarding-input:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.onboarding-input::placeholder{color:#2c3e5080}.option-grid{display:grid;gap:1rem;grid-template-columns:1fr}.option-grid.multi{grid-template-columns:repeat(2,1fr)}@media (max-width: 480px){.option-grid.multi{grid-template-columns:1fr}}.option-btn{padding:1rem 1.5rem;border:1px solid rgba(44,62,80,.2);border-radius:.75rem;background:#fff;color:#2c3e50;font-size:1rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;text-align:center;min-height:3.5rem;display:flex;align-items:center;justify-content:center}.option-btn.multi{flex-direction:column;gap:.5rem;padding:1.25rem 1rem;min-height:4rem}.option-btn:hover{border-color:#3e5d45;background:#3e5d450d}.option-btn.selected{border-color:#3e5d45;background:#3e5d45;color:#f5eedc}.option-icon{font-size:1.5rem}.option-label{font-size:.875rem;font-weight:500}.skill-options{display:flex;flex-direction:column;gap:1rem}.skill-option{padding:1.5rem;border:1px solid rgba(44,62,80,.2);border-radius:.75rem;background:#fff;color:#2c3e50;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:.5rem}.skill-option:hover{border-color:#3e5d45;background:#3e5d450d}.skill-option.selected{border-color:#3e5d45;background:#3e5d45;color:#f5eedc}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-label{font-size:1.125rem;font-weight:600}.skill-description{font-size:.875rem;font-weight:500;opacity:.8}.skill-details{font-size:.875rem;opacity:.7;line-height:1.4}.dupr-input-section{margin-bottom:2rem;padding:1.5rem;background:#3e5d450d;border-radius:16px;border:2px solid rgba(62,93,69,.1)}.dupr-label{display:block;font-size:1.125rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem}.dupr-input{width:100%;max-width:300px;margin-bottom:.75rem}.dupr-helper{font-size:.875rem;color:#6b7280;margin:0;font-style:italic}.bio-input-section{margin-top:2rem;padding:1.5rem;background:#3e5d450d;border-radius:16px;border:2px solid rgba(62,93,69,.1)}.bio-label{display:block;font-size:1.125rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem}.bio-textarea{width:100%;max-width:1000px;padding:1rem;border:2px solid rgba(62,93,69,.2);border-radius:12px;font-size:1rem;font-family:Poppins,sans-serif;background:#fff;color:#2c3e50;resize:vertical;min-height:100px;transition:all .3s ease}.bio-textarea:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 4px #3e5d451a}.bio-textarea::placeholder{color:#2c3e5080}.photo-step{align-items:center}.photo-upload-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.photo-upload-placeholder{width:200px;height:200px;border:2px dashed rgba(44,62,80,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#3e5d450d}.photo-upload-placeholder:hover{border-color:#3e5d45;background:#3e5d451a}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{text-align:center;color:#2c3e50}.upload-text>div:first-child{font-size:1.125rem;font-weight:500}.upload-subtext-below{font-size:.875rem;color:#2c3e5099;text-align:center;margin-top:.5rem}.photo-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-image{width:240px;height:162px;border-radius:12px;object-fit:cover;border:4px solid #3E5D45}.change-photo-btn{padding:.5rem 1rem;border:1px solid #3E5D45;border-radius:.5rem;background:#fff;color:#3e5d45;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.change-photo-btn:hover{background:#3e5d45;color:#fff}.file-input-hidden{display:none}.photo-skip-note{font-size:.875rem;color:#2c3e5099;text-align:center;margin-top:1rem}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.nav-btn{padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;border:none;min-height:3.5rem}.back-btn{background:#2c3e501a;color:#2c3e50;font-size:.85rem!important}.back-btn:hover:not(:disabled){background:#2c3e5033}.next-btn{background:#3e5d45;color:#f5eedc;flex:1;max-width:300px;margin-left:auto}.next-btn:hover:not(:disabled){background:#2c4a33;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.nav-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.nav-btn:focus{outline:2px solid #3E5D45;outline-offset:2px}@media (max-width: 768px){.onboarding-container{padding:1rem}.onboarding-header{padding:1.5rem 1.5rem 1rem}.step-container{padding:1.5rem}.step-title{font-size:1.5rem}.photo-upload-placeholder,.preview-image{width:150px;height:150px}.nav-btn{padding:.875rem 1.5rem;font-size:.875rem}}@media (max-width: 480px){.step-navigation{flex-direction:column;gap:.75rem}.nav-btn{width:100%;max-width:none}.next-btn{order:-1}}.input-helper{margin-top:.5rem;font-size:.875rem;color:#6b7280}.input-helper.error{color:#ef4444}.terms-checkbox-section{margin-top:1.5rem;padding:1rem;background:#3e5d450d;border-radius:12px}.terms-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.875rem;line-height:1.4;color:#2c3e50}.terms-checkbox{flex-shrink:0;width:20px;height:20px;margin-top:1px;border:2px solid #3E5D45;border-radius:4px;cursor:pointer;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.terms-checkbox:checked{background-color:#fff}.terms-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#2c3e50;font-size:14px;font-weight:700}.terms-text{flex:1}.terms-link{color:#3e5d45;text-decoration:underline;font-weight:600;transition:color .2s ease}.terms-link:hover{color:#2c4a33;text-decoration:underline}.onboarding-birth-date-picker{margin:0 auto;max-width:350px}.onboarding-birth-date-picker .birth-date-picker-label{font-size:1.125rem;margin-bottom:1.5rem}.onboarding-birth-date-picker .birth-date-picker-wheels{background:#3e5d450d;border:2px solid rgba(62,93,69,.1)}.welcome-container{min-height:100vh;background:#f5f0e8;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Poppins,sans-serif}.welcome-content{max-width:800px;width:100%;text-align:center}.welcome-header{margin-bottom:3rem}.welcome-header h1{font-size:2.5rem;font-weight:700;color:#2e5640;margin:0 0 1rem;line-height:1.2}.welcome-subtitle{font-size:1.25rem;color:#5a7a65;margin:0;font-weight:400}.welcome-options{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.welcome-option{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border:2px solid rgba(46,86,64,.1);border-radius:20px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;box-shadow:0 4px 6px #0000000d}.welcome-option:hover:not(:disabled){border-color:#2e5640;transform:translateY(-2px);box-shadow:0 6px 20px #2e564026}.welcome-option:disabled{opacity:.6;cursor:not-allowed}.option-icon{width:60px;height:60px;background:#2e5640;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon svg{width:32px;height:32px;color:#f5e6d3}.option-content{flex:1}.option-content h3{font-size:1.25rem;font-weight:600;color:#2e5640;margin:0 0 .5rem;line-height:1.3}.option-content p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.welcome-container{padding:1.5rem 1rem}.welcome-header h1{font-size:2rem}.welcome-subtitle{font-size:1.125rem}.welcome-option{padding:1.5rem;gap:1rem}.option-icon{width:50px;height:50px}.option-icon svg{width:28px;height:28px}.option-content h3{font-size:1.125rem}.option-content p{font-size:.8rem}}@media (max-width: 480px){.welcome-header h1{font-size:1.75rem}.welcome-option{flex-direction:column;text-align:center;gap:1rem}.option-content{text-align:center}}.swipeable-card{position:absolute;width:100%;max-width:400px;height:464px;background:#fff;border-radius:24px!important;box-shadow:0 10px 25px #0000001a;overflow:hidden!important;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .3s ease;display:flex;flex-direction:column}.swipeable-card.top-card{z-index:10}.swipeable-card.bottom-card{z-index:5;transform:scale(.95) translateY(10px);opacity:.9}.swipeable-card:active{cursor:grabbing}.swipeable-card-image-section{position:relative;width:100%;flex:1;overflow:hidden;background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}.swipeable-card-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swipeable-card-image{width:100%;height:100%;object-fit:cover;object-position:center 25%}.swipeable-card-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3e5d45,#2a4030);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #3e5d4533}.swipeable-card-initials{font-size:48px;font-weight:600;color:#fff;text-transform:uppercase}.swipeable-card-distance{position:absolute;top:16px;right:16px;background:#fffffff2;border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#4b5563;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.swipeable-card-distance-icon{width:14px;height:14px;color:#3e5d45}.swipeable-card-details{flex:none;height:194px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;background:#f5eedc;overflow:hidden}@media (max-height: 750px){.swipeable-card-details{height:174px;padding:10px 16px;gap:6px}}@media (max-height: 700px){.swipeable-card-details{height:164px;padding:8px 16px;gap:6px}}@media (max-height: 650px){.swipeable-card-details{height:154px;padding:8px 16px;gap:4px}}.swipeable-card-header{display:flex;justify-content:space-between;align-items:center;margin-top:-4px;margin-bottom:1px}.swipeable-card-name{font-size:20px;font-weight:400;color:#3e5d45;margin:0;flex:1}.swipeable-card-name-bold{font-weight:700}.swipeable-card-skill-text{font-size:14px;font-weight:500;color:#3e5d45;text-align:right;white-space:nowrap}.swipeable-card-dupr-row{display:flex;align-items:center;margin-bottom:4px}.swipeable-card-info-icon{width:14px;height:14px;color:#6b7280;flex-shrink:0}.swipeable-card-info-label{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap}.swipeable-card-info-value{color:#1f2937;font-size:12px}.swipeable-card-skill-badge,.swipeable-card-dupr-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#3e5d451a;color:#3e5d45;border:1px solid rgba(62,93,69,.2);white-space:nowrap}.swipeable-card-availability{display:flex;align-items:center;gap:6px;margin-bottom:4px}.swipeable-card-availability-colon{font-size:13px;color:#3e5d45;margin-right:6px}.swipeable-card-availability-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.swipeable-card-availability-tag{padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;background:#3e5d451a;color:#3e5d45;border:1px solid rgba(62,93,69,.2);white-space:nowrap}.swipeable-card-bio-section{display:flex;align-items:flex-start;gap:6px;margin-bottom:0}.swipeable-card-bio-colon{font-size:13px;color:#3e5d45;margin-right:6px}.swipeable-card-bio-content{flex:1}.swipeable-card-bio-text{font-size:13px;line-height:1.3;color:#3e5d45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.swipeable-card-bio-fallback{font-size:13px;line-height:1.3;color:#3e5d45;margin:0;font-style:italic;opacity:.8}.swipeable-card-actions{display:flex;gap:16px;justify-content:center;margin-top:auto;padding-top:2px;padding-bottom:4px}.swipeable-card-dislike-btn,.swipeable-card-like-btn{width:55px;height:55px;border-radius:50%;border:2px solid;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 15px #0000001a;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;-moz-outline-style:none!important}.swipeable-card-dislike-btn:focus,.swipeable-card-like-btn:focus,.swipeable-card-dislike-btn:focus-visible,.swipeable-card-like-btn:focus-visible,.swipeable-card-dislike-btn:active,.swipeable-card-like-btn:active,.swipeable-card-dislike-btn:focus-within,.swipeable-card-like-btn:focus-within{outline:none!important;outline-offset:0!important;box-shadow:none!important;border:2px solid}.swipeable-card-dislike-btn svg,.swipeable-card-like-btn svg{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important}.swipeable-card-dislike-btn{border-color:#f87171;background:#f87171;color:#fff}.swipeable-card-dislike-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #ef44444d}.swipeable-card-dislike-btn:active{transform:scale(.95)}.swipeable-card-dislike-btn:focus,.swipeable-card-dislike-btn:focus-visible,.swipeable-card-dislike-btn:active{border-color:#f87171!important}.swipeable-card-like-btn{border-color:#3e5d45;background:#3e5d45;color:#fff}.swipeable-card-like-btn:hover{background:#2a4030;color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #3e5d454d}.swipeable-card-like-btn:active{transform:scale(.95)}.swipeable-card-like-btn:focus,.swipeable-card-like-btn:focus-visible,.swipeable-card-like-btn:active{border-color:#3e5d45!important}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:10px 20px;border-radius:8px;font-weight:800;font-size:24px;letter-spacing:.05em;opacity:0;transition:opacity .3s ease;pointer-events:none}.swipe-indicator.left{left:20px;background:#ef4444f2;color:#fff;border:3px solid #ef4444;transform:translateY(-50%) rotate(-20deg)}.swipe-indicator.right{right:20px;background:#10b981f2;color:#fff;border:3px solid #10b981;transform:translateY(-50%) rotate(20deg)}.swipe-indicator.active{opacity:1}@media (max-width: 640px){.swipeable-card{max-width:100%;border-radius:0}.swipeable-card-image-section{flex:1;min-height:260px}.swipeable-card-details{padding:12px;gap:6px}.swipeable-card-name{font-size:18px}.swipeable-card-actions{gap:20px;padding-top:6px}.swipeable-card-dislike-btn,.swipeable-card-like-btn{width:45px;height:45px}}@keyframes discover-fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes discover-spin-quick{to{transform:rotate(360deg)}}.discover-main{height:100vh;display:flex;flex-direction:column;background-color:#f1f2f4;color:#2c3e50;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}@media (max-height: 600px){.discover-main{min-height:100vh;height:auto;overflow-y:auto}}body.discover-no-scroll{overflow:hidden;height:100vh}@media (max-height: 600px){body.discover-no-scroll{overflow-y:auto;height:auto}}.discover-container{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%;display:flex;flex-direction:column;gap:.25rem}@media (min-width: 640px){.discover-container{padding:0 2rem}}.discover-section{display:flex;flex-direction:column;padding:16px 0;flex:1;overflow:hidden}@media (max-height: 700px){.discover-section{padding:8px 0}}@media (max-height: 600px){.discover-section{min-height:600px;overflow:visible}}.discover-header{display:flex;align-items:center;justify-content:space-between;animation:discover-fadeInUp .5s .05s both}.discover-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;color:#2c3e50;margin:0;display:flex;align-items:center;gap:6px}@media (min-width: 640px){.discover-title{font-size:1.25rem}}.discover-title-icon{width:32px;height:32px;flex-shrink:0}.discover-controls{display:flex;align-items:center;gap:12px}.discover-like-counter{display:flex;align-items:center;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;gap:8px;border:1px solid rgba(62,93,69,.3);background-color:#f5eedc}.discover-heart-icon{width:16px;height:16px;color:#3e5d45;fill:#3e5d45}.discover-like-count{color:#3e5d45}.discover-refresh-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(62,93,69,.3);background-color:#f5eedc;cursor:pointer;transition:all .2s ease}.discover-refresh-btn:hover{opacity:.8}.discover-refresh-btn:active .discover-refresh-icon{animation:discover-spin-quick .6s linear}.discover-refresh-icon{width:16px;height:16px;color:#3e5d45}.discover-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding-top:4px;padding-left:6px;animation:discover-fadeInUp .5s .15s both}.discover-filter-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border-radius:9999px;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background-color:#f1f2f4;color:#2c3e50;box-shadow:inset 0 1px 3px #0000001a;font-family:Inter,sans-serif;outline:none;white-space:nowrap}.discover-filter-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.discover-filter-chip:focus-visible{outline:2px solid #3E5D45;outline-offset:2px}.discover-filter-active{background-color:#3e5d45;color:#f5eedc;box-shadow:0 4px 12px #3e5d454d}.discover-filter-active:hover{background-color:#3e5d45;color:#f5eedc}.discover-card-container{display:flex;justify-content:center;align-items:center;min-height:560px;padding:4px 12px 8px;margin-top:0}.swipeable-card-stack{position:relative;width:100%;max-width:400px;height:560px;display:flex;justify-content:center;align-items:flex-start;padding-top:57px}@media (max-width: 640px){.discover-section{min-height:440px;padding:6px 10px}.swipeable-card-stack{height:484px;padding-top:0}.discover-card-container{min-height:494px;padding:2px 8px 6px;margin-top:0}}@media (prefers-reduced-motion: reduce){.discover-header,.discover-filters,.discover-refresh-btn:active .discover-refresh-icon{animation:none}}.discover-advanced-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;background-color:#fff;color:#6b7280;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.discover-advanced-filter-toggle:hover{background-color:#f3f4f6;color:#4b5563}.discover-advanced-filter-toggle.active{background-color:#3e5d45;color:#f5eedc;box-shadow:0 2px 4px #3e5d4533}.discover-advanced-filter-toggle.active:hover{background-color:#3e5d45;color:#f5eedc}.discover-advanced-filters{background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:12px;padding:1.5rem;margin-top:1rem;box-shadow:0 4px 6px -1px #0000001a;animation:discover-fadeInUp .3s ease}.advanced-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.advanced-filter-header-actions{display:flex;align-items:center;gap:1rem}.advanced-filter-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#2c3e50}.clear-filters-btn{background:none;border:none;color:#3e5d45;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease}.clear-filters-btn:hover{color:#2c4a33}.close-filters-btn{background:none;border:none;color:#2c3e5099;font-size:1.25rem;font-weight:700;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease;border-radius:4px}.close-filters-btn:hover{color:#2c3e50;background:#2c3e501a}.advanced-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:500;color:#2c3e50;margin:0}.filter-select,.filter-input{padding:.5rem .75rem;border:1px solid rgba(44,62,80,.2);border-radius:6px;font-size:.875rem;font-family:Inter,sans-serif;background:#fff;color:#2c3e50;transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.range-inputs{display:flex;align-items:center;gap:.5rem}.range-inputs span{font-size:.875rem;color:#2c3e5099;font-weight:500}.range-inputs .filter-select,.range-inputs .filter-input{flex:1}.availability-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.availability-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.availability-checkbox input[type=checkbox]{display:none}.checkbox-content{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(44,62,80,.2);border-radius:6px;font-size:.875rem;font-weight:500;color:#2c3e50;background:#fff;transition:all .2s ease;width:100%;justify-content:center}.availability-checkbox:hover .checkbox-content{border-color:#3e5d454d;background:#3e5d450d}.availability-checkbox input[type=checkbox]:checked+.checkbox-content{background:#3e5d45;border-color:#3e5d45;color:#fff}.availability-icon{font-size:1rem}.distance-slider-container{display:flex;flex-direction:column;gap:.5rem}.distance-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#2c3e501a;outline:none;cursor:pointer}.distance-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3e5d45;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.distance-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3e5d45;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.distance-value{font-size:.875rem;font-weight:500;color:#3e5d45;text-align:center;padding:.25rem;background:#3e5d451a;border-radius:.25rem}.discover-filter-apply{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.discover-apply-btn{width:100%;padding:1rem 1.5rem;background:#3e5d45;color:#f5eedc;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.discover-apply-btn:hover{background:#2c4a33;transform:translateY(-1px);box-shadow:0 4px 12px #3e5d454d}@media (max-width: 768px){.advanced-filter-grid{grid-template-columns:1fr}.discover-advanced-filters{padding:1rem}.discover-filter-apply{margin-top:1rem;padding-top:1rem}.discover-apply-btn{padding:.8rem 1rem;font-size:.85rem}}.discover-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.loading-spinner{width:2rem;height:2rem;border:2px solid #f3f3f3;border-top:2px solid #22C55E;border-radius:50%;animation:discover-spin-quick .8s linear infinite}.discover-loading p{color:#6b7280;font-size:.9rem;margin:0}.date-picker{position:relative;width:100%}.date-picker-input{display:flex;align-items:center;justify-content:space-between;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.date-picker-value{flex:1}.date-picker-input .date-picker-value:empty:before{content:"Select a date";color:#2c3e5080}.date-picker-icon{color:#3e5d45;flex-shrink:0;width:16px;height:16px}.date-picker-calendar{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:10000;overflow:hidden;width:100%;max-width:300px;max-height:350px}.date-picker-calendar-top{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem}.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#3e5d45;color:#fff}.date-picker-nav{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:#ffffff1a;color:#fff;border-radius:.25rem;cursor:pointer;transition:all .2s ease;padding:0}.date-picker-nav svg{width:16px;height:16px;stroke:#fff;stroke-width:2;flex-shrink:0}.date-picker-nav:hover{background:#fff3}.date-picker-nav:hover svg{stroke:#f5eedc}.date-picker-month{margin:0;font-size:.8125rem;font-weight:600;color:#fff}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#3e5d450d;border-bottom:1px solid rgba(44,62,80,.1)}.date-picker-weekday{padding:.375rem .25rem;text-align:center;font-size:.6875rem;font-weight:600;color:#2c3e50b3}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem;gap:.125rem;min-height:180px}.date-picker-day{aspect-ratio:1;border:none;background:none;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:#2c3e50;cursor:pointer;border-radius:.25rem;transition:all .2s ease;min-height:1.75rem;width:100%;max-width:1.75rem}.date-picker-day:hover:not(.empty):not(.past){background:#3e5d451a}.date-picker-day.empty{cursor:default;pointer-events:none}.date-picker-day.today{background:#3e5d451a;color:#3e5d45;font-weight:600}.date-picker-day.selected{background:#3e5d45;color:#fff;font-weight:600}.date-picker-day.past{color:#2c3e504d;cursor:not-allowed}.date-picker-day.past:hover{background:none}.date-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:.375rem .75rem;background:#f1f2f480;border-top:1px solid rgba(44,62,80,.1)}.date-picker-today,.date-picker-clear{padding:.25rem .5rem;border:none;background:none;color:#3e5d45;font-size:.75rem;font-weight:500;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.date-picker-today:hover,.date-picker-clear:hover{background:#3e5d451a}.date-picker-clear{color:#ef4444}.date-picker-clear:hover{background:#ef44441a}@media (max-width: 480px){.date-picker-calendar{min-width:280px}.date-picker-header{padding:.75rem}.date-picker-month{font-size:.9375rem}.date-picker-weekday{padding:.5rem .25rem;font-size:.75rem}.date-picker-day{min-height:2rem;font-size:.8125rem}}.time-picker{position:relative;width:100%}.time-picker-input{display:flex;align-items:center;justify-content:space-between;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.time-picker-input:hover{border-color:#3e5d454d}.time-picker-input.open,.time-picker-input:focus-within{border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.time-picker-value{flex:1;color:#374151}.time-picker-input .time-picker-value:empty:before{content:"Select time";color:#37415180}.time-picker-icon{color:#3e5d45;flex-shrink:0;width:16px;height:16px}.time-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:.75rem;box-shadow:0 10px 25px #00000026;z-index:10000;overflow:hidden;width:100%;max-width:300px;max-height:350px}.time-picker-dropdown-top{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem}.time-picker-header{padding:1rem;background:#3e5d45;color:#fff;text-align:center;font-weight:600;font-size:.9375rem}.time-picker-wheels{display:flex;padding:1rem;gap:1rem;background:#f8f9fa}.time-picker-wheel{flex:1;display:flex;flex-direction:column;align-items:center}.time-picker-wheel-label{font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-align:center}.time-picker-wheel-container{background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:.5rem;max-height:120px;overflow-y:auto;width:100%}.time-picker-wheel-item{padding:.75rem 1rem;text-align:center;cursor:pointer;border-bottom:1px solid rgba(44,62,80,.05);font-size:.9375rem;font-weight:500;color:#374151;transition:all .2s ease}.time-picker-wheel-item:last-child{border-bottom:none}.time-picker-wheel-item:hover{background:#3e5d451a;color:#3e5d45}.time-picker-wheel-item.selected{background:#3e5d45;color:#fff;font-weight:600}.time-picker-wheel-container::-webkit-scrollbar{width:6px}.time-picker-wheel-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.time-picker-wheel-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.time-picker-wheel-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.time-picker-footer{padding:1rem;border-top:1px solid rgba(44,62,80,.1);text-align:center}.time-picker-done{background:#3e5d45;color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.time-picker-done:hover{background:#2d4532}@media (max-width: 480px){.time-picker-dropdown{min-width:280px}.time-picker-wheels{padding:.75rem;gap:.75rem}.time-picker-wheel-container{max-height:100px}.time-picker-wheel-item{padding:.5rem .75rem;font-size:.875rem}.time-picker-header{padding:.75rem;font-size:.875rem}}@keyframes games-fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes games-pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.games-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f1f2f4;color:#2c3e50;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow-x:hidden;position:relative;padding-bottom:80px}.games-main{flex-grow:1}.games-content-wrapper{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:3rem;position:relative;z-index:1}@media (min-width: 640px){.games-content-wrapper{padding:0 1.5rem}}@media (min-width: 1024px){.games-content-wrapper{padding:0 2rem}}.games-header-section{animation:games-fadeInUp .4s .05s both;display:flex;flex-direction:column;gap:1.5rem;padding:16px 0 0}.games-title{display:flex;align-items:center;gap:6px;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.games-title-icon{width:32px;height:32px;color:#1f2937;flex-shrink:0}@media (min-width: 640px){.games-title{font-size:1.25rem}}.games-actions{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.games-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.games-nav-section{display:flex;gap:.25rem;background-color:#f8f9fa;border-radius:12px;padding:.25rem}.games-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;background-color:transparent;color:#6b7280;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.games-nav-section .games-nav-btn:hover{color:#fff!important;background-color:red!important}.games-nav-btn.active{background-color:#f5eedc;color:#3e5d45;box-shadow:0 2px 4px #f5eedc4d}.games-nav-btn.active:hover{background-color:#f5eedc;color:#3e5d45}.games-post-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#3e5d45;color:#f5eedc;border:none;cursor:pointer;transition:all .2s ease;transform:scale(1)}.games-post-btn:hover{transform:scale(1.02);box-shadow:0 10px 25px #3e5d4533}.games-post-btn:active{transform:scale(.95)}.games-post-btn:focus-visible{outline:2px solid #3E5D45;outline-offset:2px}.games-section-title{font-size:1rem;font-weight:600;text-align:center;letter-spacing:-.025em;margin:0;animation:games-fadeInUp .4s .15s both}.games-empty-state{padding:60px 20px;text-align:center;background-color:#fff;border-radius:15px;border:2px dashed #e5e7eb;animation:games-fadeInUp .4s .25s both}.games-cards-section{display:flex;flex-direction:column;gap:1.5rem;animation:games-fadeInUp .4s .25s both;padding-bottom:2rem}.games-card{position:relative;background-color:#fff;border:1px solid rgba(44,62,80,.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.games-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px)}.games-card-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin:0}.games-card-location-icon{width:1.5rem;height:1.5rem;color:#f25c5c;flex-shrink:0;overflow:visible}.games-card-content{display:flex;flex-direction:column;gap:0;font-size:.875rem}.games-card-content>*{margin:0;padding:0}.games-host-row{display:flex;align-items:center;gap:.5rem}.games-avatar{font-size:1rem}.games-host-name{font-weight:500}.games-skill-badge{margin-left:auto;display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.games-profile-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:#3e5d45;color:#f5eedc;border:none;cursor:pointer;transition:all .2s ease}.games-profile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e5d454d}.games-profile-btn:active{transform:scale(.95)}.games-profile-btn:focus-visible{outline:2px solid #3E5D45;outline-offset:2px}.games-profile-btn-bottom{position:absolute;bottom:1rem;right:1rem;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;z-index:5}.games-profile-btn-bottom:hover{background-color:#e5e7eb;color:#374151}.games-profile-btn-bottom:active{transform:scale(.95)}.games-profile-btn-bottom:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.games-profile-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.games-host-stats{display:flex;align-items:center;gap:.5rem;color:#2c3e50b3}.games-stats-icon{width:1rem;height:1rem}.games-datetime{display:flex;align-items:center;gap:.5rem}.games-datetime-icon{width:1.5rem;height:1.5rem;color:#3e5d45;flex-shrink:0}.games-location{display:flex;align-items:center;gap:.5rem}.games-location-icon{width:1.5rem;height:1.5rem;color:#f25c5c;flex-shrink:0}.games-details-row{display:flex;align-items:center;gap:1rem;padding-top:0}.games-type-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:#f5eedce6;color:#3e5d45}.games-players{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.games-players-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.games-applied-btn{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#f1f2f4;color:#2c3e50;border:none;cursor:not-allowed;z-index:10}.games-check-icon{width:1rem;height:1rem}.games-join-btn{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#3e5d45;color:#f5eedc;border:none;cursor:pointer;transition:all .2s ease;z-index:10}.games-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e5d454d}.games-join-btn:active{transform:scale(.95);animation:games-pulse-soft .35s ease-out}.games-join-btn:focus-visible{outline:2px solid #3E5D45;outline-offset:2px}.games-join-btn-disabled,.games-join-btn:disabled{background-color:#9ca3af;color:#6b7280;cursor:not-allowed;transform:none}.games-join-btn-disabled:hover,.games-join-btn:disabled:hover{background-color:#9ca3af;transform:none;box-shadow:none}.games-host-profile-btn{position:absolute;top:2.25rem;right:1.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;background-color:transparent;color:#3e5d45;border:1px solid #3E5D45;cursor:pointer;transition:all .2s ease;z-index:9}.games-host-profile-btn:hover{background-color:#3e5d45;color:#f5eedc;transform:translateY(-1px);box-shadow:0 2px 6px #3e5d4533}.games-host-profile-btn:active{transform:scale(.95)}.games-host-profile-btn:focus-visible{outline:2px solid #3E5D45;outline-offset:2px}.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-modal-content{background:#fff;border-radius:1rem;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.profile-popup-card{background:#fff;border-radius:1rem;overflow:hidden;position:relative}.profile-modal-close{position:absolute;top:15px;right:15px;background:#0000001a;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;font-size:1.2rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-popup-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.profile-popup-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-popup-header{text-align:center}.profile-popup-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 8px}.profile-popup-age,.profile-popup-gender{color:#6b7280;font-size:.9rem;margin:0 4px}.profile-popup-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.profile-popup-skill-badge,.profile-popup-dupr-badge{background:#3e5d45;color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.profile-popup-dupr-badge{background:#e11d48}.profile-popup-availability{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.profile-popup-availability-tag{background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:10px;font-size:.8rem;border:1px solid #e5e7eb}.profile-popup-bio{text-align:center;color:#6b7280;font-size:.9rem;line-height:1.5;font-style:italic}.profile-loading{text-align:center;color:#6b7280;padding:20px}.games-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem;pointer-events:auto}.games-modal{background-color:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.games-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;flex-shrink:0}.games-modal-content{padding:0 1.5rem 1.5rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.games-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.games-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s ease}.games-close-btn:hover{background-color:#f3f4f6}.games-form{padding:0 1.5rem 1.5rem}.games-form-group{margin-bottom:1.25rem}.games-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.games-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.9rem}.games-form-group input,.games-form-group select,.games-form-group textarea,.games-form-input,.games-form-select,.games-form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease;background:#fff;color:#374151;font-family:inherit;box-sizing:border-box}.games-form-group input:focus,.games-form-group select:focus,.games-form-group textarea:focus,.games-form-input:focus,.games-form-select:focus,.games-form-textarea:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.games-form-group textarea{resize:vertical}.games-form-actions{display:flex;gap:.75rem;margin-top:2rem}.games-cancel-btn,.games-submit-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.games-cancel-btn{background-color:#f3f4f6;color:#6b7280}.games-cancel-btn:hover{background-color:#e5e7eb}.games-submit-btn{background-color:#3e5d45;color:#f5eedc}.games-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e5d454d}.manage-game-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.manage-game-section:last-child{border-bottom:none;margin-bottom:0}.manage-game-section h3{color:#3e5d45;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.game-info{padding-left:1rem}.game-info-title{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 .75rem}.game-info-datetime,.game-info-players{display:flex;align-items:center;gap:.5rem;color:#6b7280;margin:.5rem 0;font-size:.95rem}.games-location-icon,.games-datetime-icon,.games-players-icon{color:#3e5d45;flex-shrink:0}.game-badges{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.game-description{color:#374151;font-style:italic;margin-top:.75rem!important;padding:.75rem;background:#f9fafb;border-radius:.5rem;border-left:3px solid #3E5D45}.manage-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-start}.manage-btn{padding:.6rem 1.2rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.edit-btn{background-color:#3e5d45;color:#fff}.edit-btn:hover{background-color:#2d4332;transform:translateY(-1px)}.remove-btn{background-color:#fee2e2;color:#dc2626}.remove-btn:hover{background-color:#fecaca;transform:translateY(-1px)}.applicants-list{display:flex;flex-direction:column;gap:1rem;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:.5rem}.applicant-item{background:#f9fafb;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.applicant-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.applicant-avatar{width:40px;height:40px;border-radius:50%;background:#3e5d45;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.applicant-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.applicant-name{font-weight:600;color:#1f2937;font-size:.95rem}.applicant-message{color:#6b7280;font-style:italic;font-size:.85rem}.applicant-meta{color:#9ca3af;font-size:.8rem}.applicant-status{flex-shrink:0}.status-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.accepted{background-color:#d1fae5;color:#065f46}.status-badge.rejected{background-color:#fee2e2;color:#991b1b}.applicant-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.no-applicants{text-align:center;padding:2rem;color:#6b7280}.no-applicants p{margin:0;font-style:italic}.games-button-group{display:flex;flex-direction:column;gap:.5rem;align-items:center}.games-status-btn{padding:.6rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:capitalize;width:200px}.games-status-btn svg{flex-shrink:0}.games-status-btn.pending{background-color:#f3f4f6;color:#6b7280;cursor:default}.games-status-btn.accepted{background-color:#d1fae5;color:#065f46;cursor:default}.games-status-btn.rejected{background-color:#fee2e2;color:#991b1b;cursor:default}.games-status-btn:disabled{cursor:default}.games-status-btn:disabled:hover{transform:none}.games-message-btn{padding:.6rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#3e5d45;color:#fff;width:200px}.games-message-btn:hover{background-color:#2d4332;transform:translateY(-1px)}.games-message-btn svg{flex-shrink:0}.games-withdraw-btn{padding:.6rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fee2e2;color:#dc2626;width:200px}.games-withdraw-btn:hover{background-color:#fecaca;transform:translateY(-1px)}.games-withdraw-btn svg{flex-shrink:0}@media (max-width: 768px){.manage-actions{flex-direction:column;align-items:center}.manage-btn{width:200px;align-self:center}.applicant-actions{justify-content:stretch;flex-direction:column}.action-btn{width:100%}.applicant-info{flex-wrap:wrap}.applicant-status{margin-left:auto}}@media (max-width: 768px){.games-container{min-height:calc(100vh - 80px);padding-bottom:100px}.games-content-wrapper{padding:0 1rem;gap:.5rem}.games-title{font-size:1.25rem}.games-title-icon{width:32px;height:32px}.games-actions{flex-direction:column;align-items:center;gap:1rem}.games-bottom-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.games-nav-section{display:flex;flex-direction:row;gap:.125rem;background-color:#f8f9fa;border-radius:12px;padding:.125rem;width:calc(100% - 1rem);margin:0 auto}.games-nav-btn{padding:.5rem .4rem;font-size:.65rem;justify-content:center;flex:1;min-width:0;white-space:nowrap;overflow:visible;display:flex;align-items:center;gap:.3rem}.games-nav-btn svg{width:16px;height:16px;flex-shrink:0}.games-nav-section .games-nav-btn:hover{color:#3e5d45!important;background-color:#f5eedc!important}.games-filter-toggle{font-size:.75rem;padding:.4rem .75rem}.games-post-btn{font-size:.875rem;padding:.75rem 1.5rem;width:100%;max-width:300px;margin:0 auto}.games-filter-toggle-mobile{font-size:.75rem;padding:.6rem 1rem;max-width:120px}.games-card{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.games-card-content{display:flex;flex-direction:column;gap:.75rem;font-size:.9rem}.games-action-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.games-join-btn,.games-applied-btn{position:static!important;margin:0;padding:1rem;font-size:.9rem;font-weight:600;border-radius:8px;width:100%;top:auto!important;right:auto!important;display:block;text-align:center}.games-host-profile-btn{position:static!important;margin:0 0 .75rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;border-radius:8px;width:100%;top:auto!important;right:auto!important;display:block;text-align:center;background-color:transparent;color:#3e5d45;border:1px solid #3E5D45}.games-host-profile-btn:hover{background-color:#3e5d45;color:#f5eedc}.games-profile-btn-bottom{position:static!important;margin:0;padding:.75rem;font-size:.85rem;font-weight:500;border-radius:8px;width:100%;bottom:auto!important;right:auto!important;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.games-form-row{grid-template-columns:1fr}.games-form-actions{flex-direction:column}.games-modal-overlay{padding:1rem}.games-modal-header{padding:1.25rem 1.25rem 0}.games-form{padding:0 1.25rem 1.25rem}}@media (max-width: 480px){.games-actions{align-items:stretch}.games-nav-section{background-color:transparent;padding:0}.games-nav-btn{padding:.75rem 1rem;border-radius:8px;background-color:#f8f9fa;margin-bottom:.25rem}.games-nav-section .games-nav-btn:hover{color:#3e5d45!important;background-color:#f5eedc!important}.games-nav-btn.active{background-color:#f5eedc;color:#3e5d45}.games-nav-btn svg{width:16px;height:16px;flex-shrink:0}.games-post-btn{padding:.75rem 1.5rem}}.games-profile-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.games-profile-avatar{width:80px;height:80px;border-radius:50%;background:#f1f2f4;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:.5rem}.games-profile-name{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.games-profile-details{width:100%;max-width:400px;text-align:left}.games-profile-details p{margin:.5rem 0;color:#2c3e50;font-size:.95rem;line-height:1.5}.games-profile-details strong{color:#3e5d45;font-weight:600}.games-request-game-info{background:#3e5d450d;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(62,93,69,.1)}.games-request-game-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.games-request-game-details{display:flex;flex-direction:column;gap:.75rem}.games-request-badges{display:flex;flex-wrap:wrap;gap:.5rem}.games-request-host{font-size:.875rem;color:#6b7280;font-weight:500}@media (prefers-reduced-motion: reduce){.games-header-section,.games-section-title,.games-cards-section{animation:none}}.games-filter-section{position:relative}.games-filter-header{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:.5rem}.games-filter-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1rem;font-weight:600;color:#2c3e50;flex-shrink:0;line-height:1.5}.games-filter-title svg{color:#3e5d45;flex-shrink:0}.games-filter-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.games-filter-clear{background:none;border:none;color:#3e5d45;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;height:2rem}.games-filter-clear:hover{background:#3e5d451a}.games-filter-toggle{display:flex;align-items:center;gap:.5rem;background:#3e5d451a;color:#3e5d45;border:1px solid rgba(62,93,69,.3);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;max-width:120px;justify-content:center}.games-filter-toggle:hover{background:#3e5d4526;border-color:#3e5d4566}.games-action-buttons{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.games-action-buttons-vertical{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;width:100%}@media (min-width: 640px){.games-action-buttons-vertical{flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}}.games-filter-panel{padding:1rem 1.5rem;background:#fff;overflow:visible}.games-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.games-filter-group{display:flex;flex-direction:column;gap:.5rem;margin-right:1rem}.games-filter-group:last-child{margin-right:0}.games-filter-label{font-size:.8125rem;font-weight:600;color:#2c3e50;margin:0}.games-filter-input,.games-filter-select,.games-filter-number{padding:.5rem .75rem;border:2px solid rgba(44,62,80,.1);border-radius:.5rem;font-size:1rem;font-family:Inter,sans-serif;background:#fff;color:#2c3e50;transition:all .2s ease;cursor:pointer}.games-filter-input[type=date]{position:relative}.games-filter-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:.25rem;transition:background-color .2s ease}.games-filter-input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#3e5d451a}.games-filter-input:focus,.games-filter-select:focus,.games-filter-number:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.games-filter-range{width:100%;height:6px;border-radius:3px;background:#2c3e501a;outline:none;-webkit-appearance:none}.games-filter-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#3e5d45;cursor:pointer;box-shadow:0 2px 4px #0003}.games-filter-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3e5d45;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.games-filter-dupr{grid-column:span 2}.games-filter-dupr-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.games-filter-dupr-input{display:flex;flex-direction:column;gap:.5rem}.games-filter-dupr-input label{font-size:.8125rem;font-weight:500;color:#2c3e50b3}@media (max-width: 768px){.games-filter-header{justify-content:flex-end;padding:.75rem 1rem}.games-filter-panel{padding:1.25rem}.games-filter-grid{grid-template-columns:1fr;gap:1rem}.games-filter-dupr{grid-column:span 1}.games-filter-title{font-size:.9375rem}.games-filter-actions{gap:.5rem}}@media (max-width: 480px){.games-filter-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.games-filter-panel{padding:1rem}.games-filter-dupr-inputs{grid-template-columns:1fr}}.games-filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(44,62,80,.1)}.games-filter-panel-title{font-size:1.125rem;font-weight:600;color:#2c3e50;margin:0}.games-clear-filters-btn{background:none;border:1px solid rgba(62,93,69,.3);color:#3e5d45;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.games-clear-filters-btn:hover{background-color:#3e5d451a;border-color:#3e5d4566}.games-clear-filters-btn:active{transform:scale(.95)}.games-filter-actions-bottom{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(44,62,80,.1)}.games-apply-filters-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 3rem;border-radius:.5rem;font-size:.875rem;font-weight:600;background-color:#3e5d45;color:#f5eedc;border:none;cursor:pointer;transition:all .2s ease;width:200px}.games-apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e5d454d}.games-apply-filters-btn:active{transform:scale(.95)}.games-filter-actions-bottom .games-clear-filters-btn{background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.games-filter-actions-bottom .games-clear-filters-btn:hover{color:#374151;background-color:#6b72801a}.games-applications-list{max-height:400px;overflow-y:auto;margin-top:1rem}.games-application-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;background-color:#f9fafb}.games-application-info{flex:1;margin-right:1rem}.games-application-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.games-application-player{font-weight:600;color:#2c3e50}.games-application-date{font-size:.875rem;color:#6b7280}.games-application-message{margin:.5rem 0;font-style:italic;color:#4b5563;background-color:#f3f4f6;padding:.5rem;border-radius:.25rem}.games-application-details{font-size:.875rem;color:#6b7280}.games-application-actions{display:flex;gap:.5rem;flex-direction:column}.games-accept-btn,.games-reject-btn,.games-view-profile-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.games-accept-btn{background-color:#3e5d45;color:#f5eedc}.games-accept-btn:hover{background-color:#2d4532}.games-accept-btn:disabled{background-color:#10b981;color:#fff;cursor:not-allowed;opacity:.8}.games-reject-btn{background-color:#f25c5c;color:#fff}.games-reject-btn:hover{background-color:#e04545}.games-reject-btn:disabled{background-color:#6b7280;color:#fff;cursor:not-allowed;opacity:.8}.games-view-profile-btn{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.games-view-profile-btn:hover{background-color:#e5e7eb;color:#374151}.games-message-btn{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6}.games-message-btn:hover{background-color:#2563eb;border-color:#2563eb}.games-message-form{display:flex;flex-direction:column;gap:1rem}.games-message-input{width:100%;padding:.75rem;border:1px solid rgba(44,62,80,.2);border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;background-color:#fff;box-sizing:border-box;color:#2c3e50}.games-message-input:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.games-message-actions{display:flex;gap:.75rem;justify-content:flex-end}.games-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid;font-weight:500}.games-btn-secondary{background-color:#f3f4f6;color:#4b5563;border-color:#d1d5db}.games-btn-secondary:hover{background-color:#e5e7eb;color:#374151}.games-btn-primary{background-color:#3e5d45;color:#f5eedc;border-color:#3e5d45}.games-btn-primary:hover:not(:disabled){background-color:#2d4532;border-color:#2d4532}.games-btn-primary:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}.games-no-applications{text-align:center;padding:2rem;color:#6b7280}.games-no-applications p{margin:0;font-size:1rem}.games-profile-modal-overlay{z-index:1100!important}.games-host-profile-card{width:100%;max-width:400px;height:464px;background:#fff;border-radius:24px!important;box-shadow:0 10px 25px #0000001a;overflow:hidden!important;display:flex;flex-direction:column;position:relative}.games-host-card-image-section{position:relative;width:100%;flex:1;overflow:hidden;background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}.games-host-card-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.games-host-card-image{width:100%;height:100%;object-fit:cover;object-position:center 25%}.games-host-card-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3e5d45,#2a4030);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #3e5d4533}.games-host-card-initials{font-size:48px;font-weight:600;color:#fff;text-transform:uppercase}.games-host-card-details{flex:none;height:194px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;background:#f5eedc;overflow:hidden}.games-host-card-header{display:flex;justify-content:space-between;align-items:center;margin-top:-4px;margin-bottom:1px}.games-host-card-name{font-size:20px;font-weight:400;color:#3e5d45;margin:0;flex:1}.games-host-card-age{font-weight:400}.games-host-card-skill-text{font-size:14px;font-weight:500;color:#3e5d45;text-align:right;white-space:nowrap}.games-host-card-availability{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.games-host-availability-tag{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#3e5d451a;color:#3e5d45;border:1px solid rgba(62,93,69,.2);white-space:nowrap}.games-host-card-bio{flex:1;overflow-y:auto;margin-top:4px}.games-host-card-bio p{font-size:13px;line-height:1.4;color:#4b5563;margin:0;overflow-wrap:break-word;word-wrap:break-word}@media (min-width: 768px){.games-card{max-width:900px!important;width:90%!important;margin:0 auto}.games-join-btn,.games-applied-btn,.games-host-profile-btn{position:static!important;top:auto!important;right:auto!important;margin:0!important;width:100%!important;margin-top:.5rem!important;display:block!important;text-align:center!important}}.games-nav-section .games-nav-btn:hover,.games-nav-btn:hover,.games-nav-btn.active:hover{color:#3e5d45!important;background-color:#f5eedc!important}@media (max-width: 480px){.games-modal-overlay{padding:.75rem}.games-modal{max-width:100%;max-height:90vh;width:100%}}@media (max-width: 768px){.games-modal-overlay{padding:.5rem;align-items:center;justify-content:center}.games-modal{max-height:85vh;min-height:50vh;margin:0;width:95%;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem}.games-modal-header{padding:.75rem .75rem 0;margin-bottom:.75rem;flex-shrink:0}.games-modal-content{padding:0 .75rem 2rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.game-info{padding-left:.5rem}.game-info-title{font-size:1.1rem;margin:0 0 .5rem}.game-info-datetime,.game-info-players{font-size:.875rem;margin:.375rem 0}.games-location-icon,.games-datetime-icon,.games-players-icon{width:14px;height:14px}.games-modal-header h2{font-size:1.125rem}.games-form{padding:0 .75rem 3rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.games-form-group{margin-bottom:.625rem}.games-form-group:last-of-type{margin-bottom:.5rem}.games-form-row{grid-template-columns:1fr;gap:0}.games-form-group label{margin-bottom:.25rem;font-size:.825rem}.games-form-group input,.games-form-group select,.games-form-group textarea,.games-form-input,.games-form-select,.games-form-textarea{padding:.5rem .75rem;font-size:1rem}.games-form-group textarea{min-height:50px;rows:2}.games-form-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:2rem;padding:1rem;flex-shrink:0;gap:.75rem;position:static;background:#fff}.games-cancel-btn,.games-submit-btn{width:100%;max-width:280px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease}.games-submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.games-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.games-cancel-btn{background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.games-cancel-btn:hover{background-color:#f1f5f9;color:#475569;font-weight:600;min-height:48px}}.my-requests-section{display:flex;flex-direction:column;gap:1rem}.request-card{background-color:#fff;border:1px solid rgba(44,62,80,.1);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease;animation:games-fadeInUp .3s ease-out}.request-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-game-info{flex:1}.request-location{font-size:1.125rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem;line-height:1.3}.request-details{display:flex;flex-direction:column;gap:.25rem}.request-datetime{font-size:.875rem;color:#6b7280;font-weight:500}.request-host{font-size:.875rem;color:#6b7280}.request-status{flex-shrink:0;margin-left:1rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.status-badge.pending{background-color:#f59e0b}.status-badge.accepted{background-color:#10b981}.status-badge.rejected{background-color:#ef4444}.games-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.games-status-badge.pending{background-color:#f59e0b;color:#fff}.games-status-badge.accepted{background-color:#3e5d45;color:#f5eedc}.games-status-badge.rejected{background-color:#dc2626;color:#fff}.games-withdraw-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:#9ca3af;color:#fff;border:none;cursor:pointer;transition:all .2s ease}.games-withdraw-btn:hover{background-color:#6b7280;transform:translateY(-1px)}.games-message-host-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:#3e5d45;color:#f5eedc;border:none;cursor:pointer;transition:all .2s ease}.games-message-host-btn:hover{background-color:#2d4533;transform:translateY(-1px);box-shadow:0 4px 12px #3e5d454d}.games-message-host-btn:active{transform:scale(.95)}.games-message-host-btn:focus-visible{outline:2px solid #3E5D45;outline-offset:2px}.request-message{margin-bottom:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border-left:3px solid #3E5D45}.request-message p{margin:0;font-style:italic;color:#4b5563;font-size:.875rem;line-height:1.5}.request-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.request-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(44,62,80,.1)}.withdraw-btn{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.withdraw-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.withdraw-btn:active{transform:scale(.98)}@media (max-width: 768px){.request-header{flex-direction:column;gap:1rem}.request-status{margin-left:0;align-self:flex-start}.request-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.games-chat-modal{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0003;width:90%;max-width:500px;height:80vh;max-height:600px;min-height:400px;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.games-chat-modal{width:95%;height:90vh;max-height:none;min-height:600px;margin:5vh auto}.games-chat-modal .unified-input{padding:1.25rem;min-height:80px;background:#fff;border-top:2px solid rgba(44,62,80,.1);position:relative;z-index:10}.games-chat-modal .input-field{padding:1rem;font-size:1rem;min-height:44px}}.games-chat-modal .unified-chat{height:100%;display:flex;flex-direction:column}.games-chat-modal .unified-chat-header{display:flex;align-items:center;padding:1rem;background:#f5eedc;border-bottom:1px solid rgba(44,62,80,.1)}.games-chat-modal .back-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;margin-right:1rem;color:#2c3e50}.games-chat-modal .chat-avatar{width:40px;height:40px;background:#3e5d45;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:.75rem}.games-chat-modal .chat-details h3{margin:0;font-size:1rem;color:#2c3e50}.games-chat-modal .status{font-size:.75rem;color:#7f8c8d}.games-chat-modal .unified-messages{flex:1;padding:1rem;overflow-y:auto;background:#fafafa}.games-chat-modal .chat-start-message{text-align:center;padding:2rem;color:#7f8c8d;font-style:italic}.games-chat-modal .unified-input{padding:1rem;background:#fff;border-top:1px solid rgba(44,62,80,.1);flex-shrink:0;min-height:70px}.games-chat-modal .unified-input form{display:flex;gap:.5rem}.games-chat-modal .input-field{flex:1;padding:.75rem;border:1px solid rgba(44,62,80,.2);border-radius:2rem;font-size:.875rem;outline:none}.games-chat-modal .input-field:focus{border-color:#3e5d45}.games-chat-modal .send-button{background:#3e5d45;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .2s ease}.games-chat-modal .send-button:hover{background:#2d4734;transform:scale(1.05)}.action-btn.message-btn{background:#3e5d45;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.action-btn.message-btn:hover{background:#2d4734;transform:translateY(-1px);box-shadow:0 2px 8px #3e5d454d}.applicants-screen{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;max-width:800px;margin:0 auto}.screen-header h1{font-size:2.5rem;font-weight:700;color:#3e5d45;margin:0 0 8px}.filter-bar{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;overflow-x:auto}.filter-btn{padding:8px 16px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;background:transparent;color:#6b7280;white-space:nowrap;flex-shrink:0}.filter-btn:hover{background:#f9fafb;color:#374151}.filter-btn.active{background:#3e5d45;color:#fff}.applications-list{display:flex;flex-direction:column;gap:20px}.application-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.application-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.game-title{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0 0 4px}.game-datetime{font-size:.95rem;color:#6b7280}.status-badge{padding:6px 12px;border-radius:12px;color:#fff;font-weight:600;font-size:.8rem;text-transform:capitalize}.applicant-info{margin-bottom:20px}.applicant-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.applicant-avatar{width:50px;height:50px;border-radius:50%;background:#3e5d45;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff}.applicant-details{flex:1;display:flex;flex-direction:column;gap:6px}.applicant-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.skill-badge{padding:4px 10px;border-radius:10px;color:#fff;font-weight:600;font-size:.75rem;text-transform:capitalize;align-self:flex-start}.application-message{margin:12px 0;padding:12px 16px;background:#f9fafb;border-radius:8px;border-left:3px solid #3E5D45}.application-message p{margin:0;color:#374151;font-style:italic;line-height:1.4}.application-meta{font-size:.85rem;color:#9ca3af;margin-top:8px}.application-actions{display:flex;gap:12px;justify-content:flex-end}.action-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.reject-btn{background:#fee2e2;color:#dc2626}.reject-btn:hover{background:#fecaca;transform:translateY(-1px)}.accept-btn{background:#3e5d45;color:#fff}.accept-btn:hover{background:#2d4332;transform:translateY(-1px)}.no-applications{text-align:center;padding:60px 20px;color:#6b7280}.no-applications-icon{font-size:4rem;margin-bottom:16px}.no-applications h3{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 8px}.no-applications p{font-size:1rem;max-width:300px;margin:0 auto;line-height:1.5}@media (max-width: 768px){.applicants-screen{padding:16px}.screen-header h1{font-size:2rem}.application-card{padding:20px}.application-header{flex-direction:column;gap:12px;align-items:flex-start}.applicant-header{gap:12px}.applicant-avatar{width:40px;height:40px;font-size:1rem}.application-actions{justify-content:stretch;flex-direction:column}.action-btn{width:100%}}.avatar{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-small{width:40px;height:40px}.avatar-medium{width:80px;height:80px}.avatar-large{width:120px;height:120px}.avatar-xlarge{width:200px;height:200px}.avatar-full{width:100%;height:100%}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{background-color:#2e4733}.avatar-circle{width:60%;height:60%;border-radius:50%;background-color:#f5eedc;display:flex;align-items:center;justify-content:center}.avatar-initials{font-weight:600;color:#2e4733;text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar-small .avatar-initials{font-size:1rem}.avatar-medium .avatar-initials{font-size:1.5rem}.avatar-large .avatar-initials{font-size:2.25rem}.avatar-xlarge .avatar-initials{font-size:3.5rem}.avatar-full .avatar-initials{font-size:3rem}@media (max-width: 480px){.avatar-full .avatar-initials{font-size:2.5rem}}.messages-container{min-height:100vh;background-color:#f1f2f4;padding:0;max-width:100%;margin:0}.messages-header{background-color:#fff;padding:10px 20px;text-align:center;border-bottom:1px solid #E5E7EB}.messages-tabs{background-color:#fff;display:flex;border-bottom:1px solid #E5E7EB;padding:0 20px}.tab-button{background:none;border:none;padding:15px 20px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tab-button.active{color:#3e5d45;border-bottom-color:#3e5d45;background-color:#f5eedc}.tab-button:hover{color:#3e5d45;background-color:#f9fafb}.messages-content{background-color:#fff;min-height:calc(100vh - 120px)}.chat-list{padding:0}.chat-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #F3F4F6;cursor:pointer;transition:background-color .2s ease;position:relative}.chat-item:hover{background-color:#f9fafb}.chat-item:last-child{border-bottom:none}.chat-avatar-wrapper{position:relative;margin-right:12px}.chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#10b981;border:2px solid white;border-radius:50%}.chat-details{flex:1;min-width:0}.chat-name{font-size:1rem;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.8rem;color:#9ca3af;font-weight:400;flex-shrink:0;margin-left:8px}.chat-preview{font-size:.9rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.unread-badge{position:absolute;top:16px;right:20px;background-color:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.notifications-list{padding:0}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #F3F4F6;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-icon{width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:12px;flex-shrink:0}.notification-content{flex:1}.notification-content h4{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 4px}.notification-content p{font-size:.85rem;color:#6b7280;margin:0 0 4px;line-height:1.4}.notification-time{font-size:.75rem;color:#9ca3af}@media (max-width: 768px){.messages-header{padding:16px}.messages-header h1{font-size:1.3rem}.tab-button{padding:12px 16px;font-size:.85rem}.chat-item{padding:14px 16px}.chat-avatar{width:44px;height:44px;font-size:1.1rem}.notification-item{padding:14px 16px}.notification-icon{width:36px;height:36px;font-size:1.1rem}}.chat-screen{background-color:#f1f2f4;min-height:100vh}.screen-header{text-align:center;margin-bottom:32px;padding:20px 0}.screen-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screen-header p{font-size:1.1rem;color:#6b7280;margin:0}.chat-content{display:flex;justify-content:center;align-items:center;min-height:60vh}.chat-rooms-list{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;max-width:800px;margin:0 auto}.chat-rooms-list h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 24px}.rooms-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.room-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.room-card:hover{border-color:#667eea;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.room-header h4{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0}.participants-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:600}.room-details{margin-bottom:16px}.room-details p{margin:0 0 4px;color:#6b7280;font-size:.9rem}.room-action{text-align:right}.room-action span{color:#667eea;font-weight:600;font-size:.9rem}.no-chats{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;max-width:500px;margin:0 auto}.no-chats-icon{font-size:4rem;margin-bottom:16px}.no-chats h3{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 16px}.no-chats p{color:#6b7280;line-height:1.6;margin-bottom:32px;font-size:1.1rem}.feature-list{display:flex;flex-direction:column;gap:16px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.feature-icon{font-size:1.2rem;width:24px;text-align:center}.feature-item span:last-child{color:#374151;font-weight:500}.chat-card{display:flex;align-items:center;gap:16px;padding:16px!important;position:relative}.chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-header h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-timestamp{font-size:.8rem;color:#9ca3af;flex-shrink:0;margin-left:8px}.chat-last-message{margin:0;color:#6b7280;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.chat-unread-badge{position:absolute;top:12px;right:12px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}@media (max-width: 768px){.chat-screen{padding:16px}.screen-header h1{font-size:2rem}.chat-rooms-list{padding:24px}.rooms-grid{grid-template-columns:1fr}.room-card{padding:16px}.room-header{flex-direction:column;align-items:flex-start;gap:8px}.no-chats{padding:32px 24px}.no-chats h3{font-size:1.5rem}.no-chats p{font-size:1rem}}.messages-page{background-color:#f1f2f4;min-height:100vh;padding:.5rem}.messages-header{margin-bottom:.75rem}.messages-header h1{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.tabs-container{display:flex;gap:1rem;margin-bottom:1.5rem}.tab{background:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab.active{background:#3e5d45;color:#fff}.chat-list{display:flex;flex-direction:column;gap:.5rem}.chat-item{display:flex;align-items:center;padding:1rem;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.chat-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.avatar{width:40px;height:40px;border-radius:50%;background:#f5eedc;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-right:1rem;flex-shrink:0}.chat-info{flex:1}.chat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.name{font-weight:600;color:#2c3e50;font-size:.9rem}.time{font-size:.75rem;color:#9ca3af;font-weight:500}.message{font-size:.8rem;color:#6b7280;line-height:1.4}.unread-dot{width:8px;height:8px;background:#3e5d45;border-radius:50%;margin-left:.5rem;flex-shrink:0}.messages-modern{background-color:#f1f2f4;min-height:100vh;padding:0;font-family:Inter,sans-serif}.messages-tabs-modern,.chat-panel-modern,.notification-panel-modern{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}.messages-header-modern{max-width:1200px;margin:0 auto;padding:16px 1rem 0;margin-bottom:3rem}.messages-title-section{display:flex;align-items:center;justify-content:space-between}.messages-title{display:flex;align-items:center;gap:6px;font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0;letter-spacing:-.025em}.messages-icon{width:32px;height:32px;color:#3e5d45;flex-shrink:0}.messages-summary{font-size:.875rem;font-weight:500;color:#2c3e5099}.messages-tabs-modern{display:flex;gap:.75rem;margin-bottom:.5rem}.tab-button-modern{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background-color:#f1f2f4;color:#2c3e50;box-shadow:inset 0 1px 3px #0000001a}.tab-button-modern:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tab-button-modern:active{transform:scale(.95)}.tab-button-modern.active{background-color:#3e5d45;color:#f5eedc;box-shadow:0 4px 12px #3e5d454d}.tab-icon{width:1rem;height:1rem}.chat-panel-modern{display:flex;flex-direction:column;gap:1.5rem}.chat-card-modern{background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.chat-card-modern:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.chat-avatar-modern{width:3rem;height:3rem;border-radius:50%;background-color:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:500;flex-shrink:0;letter-spacing:-.025em}.chat-content-modern{flex:1}.chat-name-modern{font-size:1.125rem;font-weight:600;color:#2c3e50;margin:0 0 .125rem;letter-spacing:-.025em}.chat-message-modern{font-size:.875rem;color:#2c3e50b3;margin:0;line-height:1.4}.chat-meta-modern{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;flex-shrink:0;position:relative}.chat-time-modern{font-size:.75rem;color:#2c3e5080;white-space:nowrap}.chat-badge-modern{width:1.25rem;height:1.25rem;background-color:#f25c5c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600}.notification-panel-modern{display:flex;flex-direction:column;gap:1.5rem}.notification-card-modern{background:#fff;border:1px solid rgba(44,62,80,.1);border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;transition:all .2s}.notification-card-modern:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.notification-card-modern.unread{border-left:4px solid #007AFF;background:linear-gradient(135deg,#fff,#f8fbff)}.notification-icon-modern{width:1.5rem;height:1.5rem;color:#3e5d45;flex-shrink:0}.notification-content-modern{flex:1;font-size:.875rem;color:#2c3e50cc;line-height:1.4}.notification-time-modern{font-size:.75rem;color:#2c3e5080;flex-shrink:0;white-space:nowrap}.notification-header{padding:1rem 1.5rem;display:flex;justify-content:flex-end;background:transparent}.mark-all-read-btn{background:#007aff;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.mark-all-read-btn:hover{background:#0051d0;transform:translateY(-1px)}.notification-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-unread-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.no-notifications-message{text-align:center;padding:3rem 1.5rem;color:#666}.no-notifications-message p{margin:0;font-size:.875rem;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.swipeable-chat-container{position:relative;overflow:hidden;margin-bottom:.5rem}.chat-delete-action{position:absolute;top:0;right:0;bottom:0;width:80px;background:#ff3b30;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:0 1rem 1rem 0}.chat-delete-action-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;transition:all .2s}.chat-delete-action-btn:hover{background:#fff3;transform:scale(1.1)}.chat-delete-action-btn:active{transform:scale(.95)}.swipeable-chat-container .chat-card-modern{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;z-index:2;background:#fff;cursor:pointer}.swipeable-chat-container .chat-card-modern:hover{transform:translate(var(--swipe-x, 0)) translateY(-2px);box-shadow:0 8px 25px #0000001a}.unified-chat{display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.unified-chat-header{display:flex;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #F0F0F0;gap:1rem;position:sticky;top:0;z-index:100}.back-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.back-btn:hover{background:#f5f5f5;color:#333}.chat-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.chat-details{flex:1}.chat-details h3{margin:0;font-size:1.125rem;font-weight:600;color:#333;line-height:1.2}.chat-details .status{font-size:.875rem;color:#666;margin-top:.125rem;display:block}.demo-badge{background:#007aff;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.delete-chat-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-left:.5rem}.delete-chat-btn:hover{background:#ffe5e5;transform:scale(1.1)}.delete-chat-btn:active{transform:scale(.95)}.unified-messages{padding:1rem;display:flex;flex-direction:column;gap:.25rem;background:#fafafa;min-height:60vh}.date-separator{text-align:center;color:#999;font-size:.75rem;font-weight:500;margin:1rem 0;position:relative}.date-separator:before,.date-separator:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:#e0e0e0}.date-separator:before{left:0}.date-separator:after{right:0}.unified-message{display:flex;margin-bottom:.125rem}.unified-message.sent{justify-content:flex-end}.unified-message.received{justify-content:flex-start}.message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:1.25rem;position:relative;word-wrap:break-word}.unified-message.sent .message-bubble{background:#007aff;color:#fff;border-bottom-right-radius:.375rem}.unified-message.received .message-bubble{background:#e5e5ea;color:#333;border-bottom-left-radius:.375rem}.sender-name{font-size:.75rem;font-weight:600;color:#666;display:block;margin-bottom:.25rem}.message-bubble p{margin:0;font-size:1rem;line-height:1.4}.message-timestamp{font-size:.75rem;opacity:.7;margin-top:.25rem;display:block}.unified-message.sent .message-timestamp{color:#fffc}.unified-message.received .message-timestamp{color:#666}.unified-input{padding:1rem 1.5rem;background:#fff;border-top:1px solid #F0F0F0}.unified-input form{display:flex;gap:.75rem;align-items:center}.input-field{flex:1;padding:.75rem 1rem;border:1px solid #E0E0E0;border-radius:1.5rem;font-size:1rem;background:#f8f8f8;color:#333;outline:none;transition:all .2s}.input-field:focus{border-color:#007aff;background:#fff;box-shadow:0 0 0 3px #007aff1a}.send-button{width:2.5rem;height:2.5rem;border-radius:50%;background:#007aff;color:#fff;border:none;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-button:hover:not(:disabled){background:#0051d0;transform:scale(1.05)}.send-button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;transform:none}.error-message{text-align:center;padding:2rem;color:#666}.fade-in-1{animation:fadeInUp .4s .05s both}.fade-in-2{animation:fadeInUp .4s .15s both}.fade-in-3{animation:fadeInUp .4s .25s both}.fade-in-4{animation:fadeInUp .4s .35s both}@media (prefers-reduced-motion: reduce){.fade-in-1,.fade-in-2,.fade-in-3,.fade-in-4{animation:none}}.chat-screen{height:100vh;background:#f1f2f4;display:flex;flex-direction:column}@media (max-width: 768px){.messages-modern{padding:0 0 3rem}.messages-tabs-modern,.chat-panel-modern,.notification-panel-modern{padding-left:1rem;padding-right:1rem}.messages-header-modern{padding:16px 1rem 0}.messages-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.messages-title{font-size:1.25rem}.messages-icon{width:32px;height:32px}.chat-card-modern,.notification-card-modern{padding:1rem}.chat-name-modern{font-size:1rem}}.demo-badge{display:inline-block;background-color:#3e5d45;color:#f5eedc;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.375rem;margin-left:.5rem;vertical-align:middle}.no-chats-message{text-align:center;padding:3rem 1rem;color:#2c3e5099;font-style:italic}.no-chats-message p{margin:0;font-size:1rem;line-height:1.5}.chat-loading,.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.chat-loading .loading-spinner,.notification-loading .loading-spinner{width:2rem;height:2rem;border:2px solid #f3f3f3;border-top:2px solid #22C55E;border-radius:50%;animation:spin .8s linear infinite}.chat-loading p,.notification-loading p{color:#6b7280;font-size:.9rem;margin:0}.direct-message-chat{display:flex;flex-direction:column;height:100vh;background:#f1f2f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.direct-message-chat .chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000d}.direct-message-chat .chat-info{display:flex;align-items:center;gap:1rem}.direct-message-chat .chat-avatar-header{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#3e5d45,#2c4a33);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 8px #3e5d4533;flex-shrink:0}.direct-message-chat .chat-title-section{display:flex;flex-direction:column;gap:.125rem}.direct-message-chat .chat-info h3{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50;letter-spacing:-.025em}.direct-message-chat .chat-info p{margin:0;font-size:.875rem;color:#10b981;font-weight:500}.direct-message-chat .demo-badge{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-left:.5rem}.direct-message-chat .close-btn{background:#f3f4f6;border:none;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:1.25rem;transition:all .2s}.direct-message-chat .close-btn:hover{background:#e5e7eb;color:#374151}.direct-message-chat .chat-messages{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;width:100%}.direct-message-chat .message{display:flex;gap:1rem;max-width:75%;animation:fadeInUp .3s ease-out}.direct-message-chat .message-sent{align-self:flex-end;flex-direction:row-reverse}.direct-message-chat .message-received{align-self:flex-start}.direct-message-chat .message-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#3e5d45,#2c4a33);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 2px 8px #3e5d4533}.direct-message-chat .message-content{background:#fff;padding:1rem 1.25rem;border-radius:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #F3F4F6;position:relative}.direct-message-chat .message-sent .message-content{background:linear-gradient(135deg,#3e5d45,#2c4a33);color:#fff;border-bottom-right-radius:.5rem}.direct-message-chat .message-received .message-content{border-bottom-left-radius:.5rem}.direct-message-chat .message-text{margin:0;line-height:1.5;font-size:1rem}.direct-message-chat .message-time{font-size:.75rem;color:#9ca3af;margin-top:.5rem;text-align:right}.direct-message-chat .message-sent .message-time{color:#ffffffb3;text-align:left}.direct-message-chat .chat-input{display:flex;gap:1rem;padding:1.5rem 2rem;background:#fff;border-top:1px solid #E5E7EB;max-width:800px;margin:0 auto;width:100%}.direct-message-chat .message-input{flex:1;padding:1rem 1.25rem;border:2px solid #E5E7EB;border-radius:1.5rem;font-size:1rem;outline:none;transition:all .2s;background:#f9fafb}.direct-message-chat .message-input:focus{border-color:#3e5d45;background:#fff;box-shadow:0 0 0 3px #3e5d451a}.direct-message-chat .send-btn{background:linear-gradient(135deg,#3e5d45,#2c4a33);color:#fff;border:none;padding:1rem 1.5rem;border-radius:1.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3e5d4533}.direct-message-chat .send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3e5d454d}.direct-message-chat .send-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-card-modern.has-unread{background:linear-gradient(135deg,#fff,#f0f8ff);border-left:4px solid #007AFF}.chat-card-modern.has-unread .chat-name-modern{font-weight:700;color:#1a1a1a}.chat-card-modern.has-unread .chat-message-modern{font-weight:600;color:#1a1a1acc}.chat-card-modern.has-unread .chat-badge-modern{background-color:#007aff;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.chat-unread-dot{width:10px;height:10px;background:#007aff;border-radius:50%;border:2px solid white;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #007aff4d}.chat-card-modern.has-unread{box-shadow:0 2px 8px #007aff1a;border:1px solid rgba(0,122,255,.2)}.chat-card-modern.has-unread:hover{box-shadow:0 4px 12px #007aff26;transform:translateY(-1px)}.chat-avatar-modern.color-1{background-color:#007aff}.chat-avatar-modern.color-2{background-color:#34c759}.chat-avatar-modern.color-3{background-color:#ff3b30}.chat-avatar-modern.color-4{background-color:#ff9500}.chat-avatar-modern.color-5{background-color:#af52de}.chat-avatar-modern.color-6{background-color:#5856d6}.chat-avatar-modern.color-7{background-color:#ff2d55}.chat-avatar-modern.color-8{background-color:#5ac8fa}.chat-avatar-modern.color-9{background-color:#32d74b}.chat-avatar-modern.color-0{background-color:#007aff}.chat-header-actions{display:flex;align-items:center;gap:8px}.view-profile-btn{background:#007aff;color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-profile-btn:hover{background:#0056cc;transform:scale(1.05)}.delete-chat-btn{background:#ff3b30;color:#fff;border:none;padding:6px 8px;border-radius:12px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-chat-btn:hover{background:#d70015;transform:scale(1.05)}.profile-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-modal-content{position:relative;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.profile-popup-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;font-family:Inter,sans-serif;position:relative}.profile-modal-close{position:absolute;top:15px;right:15px;background:#0000001a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:#fff;z-index:10;transition:all .2s ease}.profile-modal-close:hover{background:#0003;transform:scale(1.1)}.profile-popup-image-section{height:300px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative}.profile-popup-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-popup-initials{width:120px;height:120px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.profile-popup-details{padding:20px;display:flex;flex-direction:column;gap:16px}.profile-popup-header{display:flex;justify-content:space-between;align-items:center}.profile-popup-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0;line-height:1.2}.profile-popup-age{font-size:.9rem;color:#6b7280;font-weight:500}.profile-popup-gender{font-size:.9rem;color:#6b7280;font-weight:500;margin-left:8px}.profile-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px}.profile-loading p{color:#6b7280;font-size:.9rem}.profile-unavailable{color:#9ca3af;font-size:.9rem;margin:8px 0 0;font-style:italic}.profile-popup-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-popup-skill-badge{padding:4px 12px;border-radius:12px;font-size:.8125rem;font-weight:500;background:#f3f4f6;color:#374151}.profile-popup-dupr-badge{background:#3e5d45;color:#fff;padding:4px 12px;border-radius:12px;font-size:.8125rem;font-weight:600}.profile-popup-availability{display:flex;gap:8px;flex-wrap:wrap}.profile-popup-availability-tag{background:#f5eedc;color:#3e5d45;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(62,93,69,.2)}.profile-popup-bio{padding-top:8px;border-top:1px solid #F3F4F6}.profile-popup-bio p{font-size:.9rem;color:#6b7280;line-height:1.5;margin:0}.chat-panel-header{padding:8px 20px 14px;margin-top:0;margin-bottom:0;background:transparent;display:flex;justify-content:space-between;align-items:center}.edit-button{background:none;border:none;color:#007aff;font-size:1rem;font-weight:500;cursor:pointer;padding:0;margin-left:auto}.edit-button:hover{opacity:.7}.edit-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.cancel-button{background:none;border:none;color:#007aff;font-size:1rem;font-weight:500;cursor:pointer;padding:0}.cancel-button:hover{opacity:.7}.edit-action-buttons{display:flex;gap:12px}.mark-unread-button{background:#007aff;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-unread-button:hover{background:#0056cc}.delete-button{background:#ff3b30;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-button:hover{background:#d70015}.chat-selection-circle{width:24px;height:24px;border-radius:50%;border:2px solid #C7C7CC;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;transition:all .2s ease}.chat-selection-circle.selected{background:#007aff;border-color:#007aff}.chat-selection-circle .checkmark{color:#fff;font-size:.8rem;font-weight:700}.chat-card-modern{position:relative}.chat-card-modern.in-edit-mode{padding-left:50px}.chat-selection-circle{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.matches-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f1f2f4;color:#2c3e50;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.matches-main{flex-grow:1}.matches-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:3rem}.matches-title-section{display:flex;flex-direction:column;gap:.5rem}.matches-title-header{display:flex;align-items:center;justify-content:space-between}.matches-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0;display:flex;align-items:center;gap:6px}.matches-title-icon{width:32px;height:32px;color:#3e5d45;flex-shrink:0}.matches-connections-count{font-size:.875rem;color:#2c3e5099;font-weight:500}.matches-cards-section{display:flex;flex-direction:column;gap:2.5rem}.matches-card{background-color:#fff;border:1px solid rgba(44,62,80,.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:1rem;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.matches-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.matches-card-content{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 640px){.matches-card-content{flex-direction:row;align-items:flex-start}}.matches-avatar-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.matches-avatar{width:5rem;height:5rem;border-radius:50%;background-color:#f1f2f4;display:flex;align-items:center;justify-content:center;font-size:3.125rem;overflow:hidden}.matches-avatar-image{width:100%;height:100%;object-fit:cover}.matches-avatar-initials{font-size:1.5rem;font-weight:600;color:#6b7280}@media (min-width: 640px){.matches-avatar-container{width:140px;align-items:center}}.matches-info{flex:1;display:flex;flex-direction:column;gap:1rem}.matches-name{font-size:1.125rem;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0;text-align:center;color:#2c3e50}.matches-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}@media (min-width: 640px){.matches-actions{flex-shrink:0;justify-content:flex-start}}.matches-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none;min-height:2.5rem}.matches-btn:focus{outline:2px solid #3E5D45;outline-offset:2px}.matches-btn:active{transform:scale(.95)}.matches-btn-primary{background-color:#3e5d45;color:#f5eedc}.matches-btn-primary:hover{background-color:#2d4532}.matches-btn-secondary{background-color:#f1f2f4;color:#3e5d45}.matches-btn-secondary:hover{background-color:#ebecef}.matches-btn-icon{width:1.125rem;height:1.125rem;flex-shrink:0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.matches-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.matches-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.matches-details{margin-top:.5rem;font-size:.875rem;color:#2c3e50b3;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.matches-detail{display:flex;align-items:center;gap:.25rem}.matches-detail-icon{width:.875rem;height:.875rem}.matches-detail-separator{color:#2c3e5066;font-weight:700}.matches-bio{margin-top:.75rem;font-size:.875rem;font-style:italic;color:#2c3e50cc;line-height:1.5;margin-bottom:0}.matches-conversation-preview{margin-top:1rem;padding:.75rem;background-color:#3e5d450d;border-left:3px solid #3E5D45;border-radius:.5rem}.matches-conversation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.matches-conversation-icon{width:1rem;height:1rem;color:#3e5d45;flex-shrink:0}.matches-conversation-label{font-size:.75rem;font-weight:600;color:#3e5d45;text-transform:uppercase;letter-spacing:.025em}.matches-unread-badge{background-color:#ef4444;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;margin-left:auto}.matches-conversation-text{font-size:.8rem;color:#2c3e50cc;line-height:1.4;margin:0 0 .375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.matches-conversation-time{font-size:.7rem;color:#2c3e5099;font-weight:500}.matches-no-matches{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:1rem;border:1px solid rgba(44,62,80,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.matches-no-matches-icon{font-size:4rem;margin-bottom:1rem}.matches-no-matches h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.matches-no-matches p{color:#2c3e50b3;margin:0;font-size:1rem}.matches-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.matches-modal{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;margin:auto;position:relative}.matches-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(44,62,80,.1)}.matches-modal-header h2{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0}.matches-modal-close{background:none;border:none;color:#2c3e50b3;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.matches-modal-close:hover{background-color:#2c3e501a;color:#2c3e50}.matches-modal-content{padding:1.5rem;background-color:#fff}.matches-modal-avatar{width:4rem;height:4rem;border-radius:50%;background-color:#3e5d45;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;overflow:hidden}.matches-modal-avatar-image{width:100%;height:100%;object-fit:cover}.matches-modal-avatar-initials{font-size:1.25rem;font-weight:600}.matches-modal-content h3{text-align:center;font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem}.matches-modal-details{display:flex;flex-direction:column;gap:.75rem}.matches-modal-details p{margin:0;font-size:.875rem;color:#2c3e50cc}.matches-modal-details strong{color:#2c3e50;font-weight:600}.matches-message-form{display:flex;flex-direction:column;gap:1rem}.matches-message-form textarea{width:100%;padding:.75rem;border:1px solid rgba(44,62,80,.2);border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;background-color:#fff;box-sizing:border-box;color:#2c3e50}.matches-message-form textarea:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.matches-message-actions{display:flex;gap:.75rem;justify-content:flex-end}@keyframes matches-fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.matches-fade-in-1{animation:matches-fadeInUp .4s .05s both}.matches-fade-in-2{animation:matches-fadeInUp .4s .15s both}.matches-fade-in-3{animation:matches-fadeInUp .4s .25s both}.matches-fade-in-4{animation:matches-fadeInUp .4s .35s both}@media (min-width: 640px){.matches-title{font-size:1.5rem}}@media (max-width: 768px){.matches-content{padding:1rem;gap:1.5rem}.matches-title{font-size:1.25rem}.matches-title-icon{width:32px;height:32px}.matches-connections-count{font-size:.8rem}.matches-cards-section{gap:1.5rem}.matches-card{padding:1rem;border-radius:.75rem}.matches-card-content{gap:1rem}.matches-avatar{width:3.5rem;height:3.5rem;font-size:2rem}.matches-avatar-initials{font-size:1.25rem}.matches-info,.matches-header{gap:.75rem}.matches-name{font-size:1rem;line-height:1.3}.matches-actions{flex-direction:row;gap:.5rem;justify-content:flex-start}}.matches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.matches-loading .loading-spinner{width:2rem;height:2rem;border:2px solid #f3f3f3;border-top:2px solid #22C55E;border-radius:50%;animation:spin .8s linear infinite}.matches-loading p{color:#6b7280;font-size:.9rem;margin:0}.matches-btn{padding:.5rem .75rem;font-size:.8rem;min-height:2rem;flex:1;justify-content:center}.matches-btn-icon{width:1rem;height:1rem}.matches-badges{gap:.375rem;margin-top:.5rem}.matches-badge{padding:.2rem .6rem;font-size:.7rem}.matches-bio{font-size:.8rem;margin-top:.5rem;line-height:1.4}.matches-details{font-size:.8rem;margin-top:.375rem}.matches-detail-icon{width:.75rem;height:.75rem}.matches-conversation-preview{margin-top:.75rem;padding:.625rem}.matches-conversation-text{font-size:.75rem}.matches-conversation-time{font-size:.65rem}.matches-modal{margin:1rem;max-width:calc(100% - 2rem)}.matches-modal-header,.matches-modal-content{padding:1rem}.matches-message-actions{flex-direction:column}.matches-message-actions .matches-btn{width:100%}} @media (max-width: 480px){.matches-content{padding:1rem;gap:1.25rem}.matches-title{font-size:1.25rem}.matches-title-icon{width:32px;height:32px}.matches-cards-section{gap:1.25rem}.matches-card{padding:.875rem}.matches-card-content{gap:.875rem}.matches-avatar{width:3rem;height:3rem;font-size:1.75rem}.matches-avatar-initials{font-size:1.125rem}.matches-name{font-size:.95rem}.matches-actions{gap:.375rem;justify-content:flex-start}.matches-btn{padding:.4rem .6rem;font-size:.75rem;min-height:1.875rem}.matches-btn-icon{width:.875rem;height:.875rem}.matches-badge{padding:.15rem .5rem;font-size:.65rem}.matches-bio,.matches-details{font-size:.75rem}.matches-detail-icon{width:.7rem;height:.7rem}.matches-conversation-preview{margin-top:.625rem;padding:.5rem}.matches-conversation-text{font-size:.7rem}.matches-conversation-time{font-size:.6rem}.matches-modal{margin:.75rem;max-width:calc(100% - 1.5rem)}}@media (prefers-reduced-motion: reduce){.matches-fade-in-1,.matches-fade-in-2,.matches-fade-in-3,.matches-fade-in-4{animation:none}}.image-upload{width:100%;font-family:Inter,sans-serif}.file-input{display:none}.image-upload-area{border:2px dashed rgba(44,62,80,.2);border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.image-upload-area:hover{border-color:#3e5d45;background:#3e5d4505}.image-upload-area.dragging{border-color:#3e5d45;background:#3e5d450d;transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:#2c3e5066;transition:color .3s ease}.image-upload-area:hover .upload-icon{color:#3e5d45}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-primary{font-size:1rem;font-weight:500;color:#2c3e50;margin:0}.upload-secondary{font-size:.875rem;color:#2c3e5099;margin:0}.upload-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:32px;height:32px;border:3px solid rgba(62,93,69,.2);border-top:3px solid #3E5D45;border-radius:50%;animation:spin 1s linear infinite}.upload-spinner p{font-size:.875rem;color:#2c3e50b3;margin:0}.image-preview-container{position:relative;width:100%;max-width:300px;margin:0 auto}.image-preview{position:relative;width:100%;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:#f8f9fa;box-shadow:0 4px 6px -1px #0000001a}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.image-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;border:none;cursor:pointer;transition:all .2s ease;outline:none}.image-action-btn:disabled{opacity:.6;cursor:not-allowed}.change-btn{background:#ffffffe6;color:#2c3e50}.change-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.remove-btn{background:#ef4444e6;color:#fff}.remove-btn:hover:not(:disabled){background:#ef4444;transform:translateY(-1px)}.upload-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#ef4444;font-size:.875rem}.upload-error svg{flex-shrink:0}@media (max-width: 768px){.image-upload-area{padding:1.5rem}.upload-icon svg{width:40px;height:40px}.upload-primary{font-size:.875rem}.upload-secondary{font-size:.8125rem}.image-preview-container{max-width:250px}.image-action-btn{padding:.375rem .75rem;font-size:.8125rem}.image-overlay{gap:.375rem}}.image-upload-area:focus{outline:2px solid #3E5D45;outline-offset:2px}.image-action-btn:focus{outline:2px solid #3E5D45;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-modern{display:flex;flex-direction:column;background:#f1f2f4;min-height:100vh;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.profile-header-modern{width:100%;padding:1rem 1rem .5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-title-section{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.profile-title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.375rem;font-weight:600;color:#2c3e50;line-height:1.2;letter-spacing:-.025em}.profile-icon{width:24px;height:24px;color:#3e5d45;flex-shrink:0}.profile-summary{font-size:.8125rem;font-weight:500;color:#2c3e50a6;margin-left:2rem;line-height:1.3}.logout-btn-modern{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2);border-radius:.5rem;font-size:.8125rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.logout-btn-modern:hover{background:#dc262626;border-color:#dc26264d;transform:translateY(-1px)}.logout-btn-modern:active{transform:translateY(0)}.logout-btn-modern svg{width:1rem;height:1rem;flex-shrink:0}.profile-content-modern{flex:1;padding:0rem 1rem 2rem;max-width:800px;margin:0 auto;width:100%}.profile-card-modern{background:#fff;border:1px solid rgba(44,62,80,.08);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;animation:fadeInUp .5s .15s both}.profile-header-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#3e5d45,#2c4a33);color:#fff;position:relative}.profile-avatar-modern{width:3rem;height:3rem;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.25);overflow:hidden;position:relative}.profile-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-info-modern{flex:1;display:flex;flex-direction:column;gap:.375rem;min-width:0}.profile-name{margin:0;font-size:1.25rem;font-weight:600;color:#fff;line-height:1.2}.skill-badge-modern{display:inline-block;padding:.25rem .75rem;border-radius:.75rem;font-size:.8125rem;font-weight:500;color:#fff;text-transform:capitalize;width:fit-content;background:#fff3;border:1px solid rgba(255,255,255,.25)}.edit-btn-modern{display:flex;align-items:center;gap:.375rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.5rem .875rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.edit-btn-modern:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.edit-btn-modern svg{width:1rem;height:1rem}.profile-form-modern{display:flex;flex-direction:column;gap:2rem;padding:2rem}.form-section-modern{display:flex;flex-direction:column;gap:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50;padding-bottom:.75rem;border-bottom:2px solid rgba(44,62,80,.1)}.section-icon{width:1.25rem;height:1.25rem;color:#3e5d45;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field-full{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.875rem;font-weight:600;color:#2c3e50b3;margin:0}.field-value{font-size:.875rem;color:#2c3e50;padding:.75rem 0;border-bottom:1px solid rgba(44,62,80,.1);min-height:1.5rem}.field-value-bio{line-height:1.6;min-height:4rem;padding:.75rem 0}.bio-counter{font-size:.875rem;color:#6b7280;text-align:right;margin-top:.5rem}.field-input,.field-select{padding:.75rem 1rem;border:2px solid rgba(44,62,80,.1);border-radius:.5rem;font-size:.875rem;font-family:Inter,sans-serif;background:#fff;color:#2c3e50;transition:all .2s}.field-input:focus,.field-select:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.field-textarea{padding:.75rem 1rem;border:2px solid rgba(44,62,80,.1);border-radius:.5rem;font-size:.875rem;font-family:Inter,sans-serif;background:#fff;color:#2c3e50;resize:vertical;min-height:120px;transition:all .2s}.field-textarea:focus{outline:none;border-color:#3e5d45;box-shadow:0 0 0 3px #3e5d451a}.form-actions-modern{display:flex;justify-content:center;padding-top:1rem}.save-btn-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#3e5d45;color:#f5eedc;border:none;cursor:pointer;transition:all .2s ease;transform:scale(1)}.save-btn-modern:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.save-btn-modern:active{transform:scale(.95)}.save-btn-modern svg{width:1rem;height:1rem}.availability-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.availability-option{padding:.5rem 1rem;border:2px solid rgba(44,62,80,.1);border-radius:9999px;background-color:#fff;color:#2c3e50;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;outline:none}.availability-option:hover{border-color:#3e5d45;transform:translateY(-1px)}.availability-option.selected{background-color:#3e5d45;color:#f5eedc;border-color:#3e5d45}.availability-option:focus{box-shadow:0 0 0 3px #3e5d451a}.profile-image-upload{max-width:400px;margin:0 auto}.profile-image-display{display:flex;justify-content:center;align-items:center;min-height:200px}.profile-image-preview{max-width:200px;max-height:200px;border-radius:1rem;object-fit:cover;box-shadow:0 4px 6px -1px #0000001a}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border:2px dashed rgba(44,62,80,.2);border-radius:1rem;color:#2c3e5066;text-align:center}.no-image-placeholder p{margin:0;font-size:.875rem;color:#2c3e5099}@media (max-width: 768px){.profile-header-modern{padding:1rem 1rem .5rem;flex-direction:column;align-items:flex-start;gap:.75rem}.profile-title{font-size:1.25rem}.profile-summary{margin-left:2rem;font-size:.75rem}.logout-btn-modern{align-self:flex-end;font-size:.75rem;padding:.375rem .75rem}.profile-content-modern{padding:0rem 1rem 2rem}.profile-header-card{padding:1rem 1.25rem;gap:.875rem}.profile-avatar-modern{width:3rem;height:3rem;font-size:1.25rem}.edit-btn-modern{align-self:stretch}.profile-form-modern{padding:1.5rem}.form-grid{grid-template-columns:1fr}.section-title{font-size:1.125rem}}@media (max-width: 480px){.profile-header-modern{padding:.875rem .875rem .5rem;gap:.5rem}.profile-title{font-size:1.125rem}.profile-icon{width:20px;height:20px}.profile-summary{font-size:.6875rem;margin-left:1.75rem}.logout-btn-modern{font-size:.6875rem;padding:.25rem .625rem;gap:.25rem}.logout-btn-modern svg{width:.75rem;height:.75rem}.profile-content-modern{padding:0rem .875rem 2rem}.profile-header-card{padding:.875rem 1rem;gap:.75rem}.profile-avatar-modern{width:2.5rem;height:2.5rem;font-size:1rem}.profile-name{font-size:1.125rem}.edit-btn-modern{font-size:.75rem;padding:.375rem .625rem}.profile-form-modern{padding:1rem}}.field-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.discover-card-preview-container{display:flex;justify-content:center;align-items:center}.discover-card-preview{background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000001a;overflow:hidden;display:flex;flex-direction:column;border:2px solid #3E5D45;transition:transform .2s ease}.discover-card-preview:hover{transform:translateY(-2px)}.discover-card-preview.small{transform:scale(.8)}.discover-card-preview.large{transform:scale(1.2)}.discover-card-preview-image-section{position:relative;width:100%;height:var(--image-height, 300px);overflow:hidden;background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}.discover-card-preview-image{width:100%;height:100%;object-fit:cover;object-position:center}.discover-card-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3e5d45,#2a4030)}.discover-card-preview-initials{font-size:48px;font-weight:600;color:#fff;text-transform:uppercase}.discover-card-preview-distance{position:absolute;top:16px;right:16px;background:#fffffff2;border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#4b5563;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.discover-card-preview-distance-icon{width:14px;height:14px;color:#3e5d45}.discover-card-preview-details{padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:#f5eedc}.discover-card-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.discover-card-preview-name{font-size:20px;font-weight:700;color:#3e5d45;margin:0;flex:1}.discover-card-preview-gender{font-size:14px;font-weight:500;color:#3e5d45;text-align:right}.discover-card-preview-skill-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.discover-card-preview-info-icon{width:14px;height:14px;color:#6b7280;flex-shrink:0}.discover-card-preview-skill-badge,.discover-card-preview-dupr-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#3e5d451a;color:#3e5d45;border:1px solid rgba(62,93,69,.2);white-space:nowrap}.discover-card-preview-availability{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.discover-card-preview-availability-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.discover-card-preview-availability-tag{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#3e5d451a;color:#3e5d45;border:1px solid rgba(62,93,69,.2);white-space:nowrap}.discover-card-preview-availability-tag.more{background:transparent;border:1px dashed #d1d5db;color:#9ca3af}.discover-card-preview-bio{margin-top:4px}.discover-card-preview-bio p{margin:0;font-size:13px;line-height:1.5;color:#3e5d45}.discover-card-preview-actions{display:flex;gap:16px;justify-content:center;margin-top:auto;padding-top:12px;padding-bottom:4px}.discover-card-preview-dislike-btn,.discover-card-preview-like-btn{width:50px;height:50px;border-radius:50%;border:2px solid;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 15px #0000001a;outline:none}.discover-card-preview-dislike-btn{border-color:#f87171;background:#f87171;color:#fff}.discover-card-preview-dislike-btn:hover{background:#ef4444;transform:scale(1.05)}.discover-card-preview-like-btn{border-color:#3e5d45;background:#3e5d45;color:#fff}.discover-card-preview-like-btn:hover{background:#2a4030;transform:scale(1.05)}@media (max-width: 640px){.discover-card-preview{max-width:100%}.discover-card-preview-image-section{height:calc(var(--image-height, 300px) * .8)}.discover-card-preview-details{padding:10px 12px;gap:6px}.discover-card-preview-name{font-size:18px}.discover-card-preview-actions{gap:12px;padding-top:8px}.discover-card-preview-dislike-btn,.discover-card-preview-like-btn{width:45px;height:45px}}.terms-container{min-height:100vh;background-color:#f5eedc;font-family:Inter,sans-serif}.terms-header{background-color:#3e5d45;color:#f5eedc;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a}.terms-header h1{font-size:1.5rem;font-weight:700;margin:0}.terms-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem;color:#2c3e50}.terms-section{margin-bottom:2.5rem}.terms-section h2{font-size:1.25rem;font-weight:700;color:#3e5d45;margin-bottom:1rem}.terms-section p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.terms-section ul{margin-left:1.5rem;margin-bottom:1rem}.terms-section li{font-size:1rem;line-height:1.6;margin-bottom:.5rem}.terms-intro{margin-bottom:2.5rem;padding:1.5rem;background:#3e5d450d;border-radius:12px}.terms-intro p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.terms-intro p:last-child{margin-bottom:0}.terms-content a{color:#3e5d45;text-decoration:underline;transition:color .2s ease}.terms-content a:hover{color:#2c4a33}@media (max-width: 640px){.terms-header{padding:1rem}.terms-header h1{font-size:1.25rem}.terms-content{padding:1.5rem 1rem}.terms-section h2{font-size:1.125rem}.terms-section p,.terms-section li{font-size:.875rem}}.privacy-container{min-height:100vh;background-color:#f5eedc;font-family:Inter,sans-serif}.privacy-header{background-color:#3e5d45;color:#f5eedc;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a}.back-button{background:none;border:none;color:#f5eedc;font-size:1.125rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:opacity .2s ease}.back-button:hover{opacity:.8}.privacy-header h1{font-size:1.5rem;font-weight:700;margin:0}.privacy-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem;color:#2c3e50}.last-updated{font-size:.875rem;color:#6b7280;margin-bottom:2rem}.privacy-section{margin-bottom:2.5rem}.privacy-section h2{font-size:1.25rem;font-weight:700;color:#3e5d45;margin-bottom:1rem}.privacy-section p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.privacy-section ul{margin-left:1.5rem;margin-bottom:1rem}.privacy-section li{font-size:1rem;line-height:1.6;margin-bottom:.5rem}.privacy-intro{margin-bottom:2.5rem;padding:1.5rem;background:#3e5d450d;border-radius:12px}.privacy-intro p{font-size:1rem;line-height:1.6;margin-bottom:0}.privacy-content a{color:#3e5d45;text-decoration:underline;transition:color .2s ease}.privacy-content a:hover{color:#2c4a33}@media (max-width: 640px){.privacy-header{padding:1rem}.privacy-header h1{font-size:1.25rem}.privacy-content{padding:1.5rem 1rem}.privacy-section h2{font-size:1.125rem}.privacy-section p,.privacy-section li{font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f2f4;overflow-x:hidden}html{overflow-x:hidden}.App,.app-with-nav{min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}.main-content{flex:1;padding-top:15px}.auth-loading{min-height:100vh;background:#f1f2f4;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid rgba(62,93,69,.1);border-left:4px solid #3E5D45;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#2c3e50b3;font-size:1rem;font-weight:500;margin:0}