@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;700&display=swap");body{font-family:Bricolage Grotesque,sans-serif;background-color:#F7F6F4;margin:0;padding:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-fade.fade-out{animation:fadeOut .4s forwards}.page-fade.fade-in{animation:fadeIn .4s forwards}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden}.navbar{justify-content:space-between;padding:16px 80px;background-color:#F7F6F4;font-family:Bricolage Grotesque,sans-serif;position:relative;width:100%;z-index:1001;overflow:visible}.nav-section,.navbar{display:flex;align-items:center}.nav-section{gap:60px}.nav-link{text-decoration:none;color:#00373E;font-size:18px;font-weight:400}.nav-link:hover{color:#0B6623}.nav-link.sign-in{border:2px solid #00373e;border-radius:8px;padding:8px 20px;font-weight:600;background:#fff;color:#00373E;margin-left:8px;transition:background .25s,color .25s,box-shadow .25s;box-shadow:0 1px 4px rgba(0,0,0,.04)}.nav-link.sign-in:hover{background:#00373E;color:#fff;box-shadow:0 4px 16px rgba(0,55,62,.1)}.nav-link.sign-out{background:none;border:none;cursor:pointer;color:#e76f51;font-weight:600;transition:background .2s,color .2s;border-radius:8px;padding:8px 20px}.nav-link.sign-out:hover{background:#c4451e;color:#fff}.nav-logo{font-size:50px;font-weight:700;color:#00373E;text-decoration:none;font-family:Bricolage Grotesque,sans-serif}.nav-mobile{display:none;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;box-sizing:border-box}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px;z-index:11}.bar{width:25px;height:3px;background-color:#00373E;border-radius:2px;transition:all .3s ease}.hamburger.open .bar:first-child{transform:rotate(45deg) translateY(8px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.nav-menu{justify-content:space-between;align-items:center;width:100%;transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.desktop-only,.nav-menu{display:flex}@media (max-width:768px){.navbar{flex-direction:column;align-items:stretch;padding:0}.nav-menu,.nav-mobile{display:flex}.nav-menu{flex-direction:column;width:100%;background-color:#F7F6F4;padding:0;max-height:0;opacity:0;transform:translateY(-20px);pointer-events:none}.nav-menu.open{padding:24px;max-height:600px;opacity:1;transform:translateY(0);pointer-events:auto;gap:24px}.nav-section{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.desktop-only{display:none}.nav-link{font-size:16px}.nav-logo{font-size:36px}}@media (max-width:480px){.nav-link{font-size:15px}.nav-logo{font-size:32px}}.profile-dropdown-item{display:block;padding:12px 18px;color:#00373E;text-decoration:none;background:none;border:none;width:100%;text-align:left;font-size:17px;font-weight:600;transition:background .18s,color .18s;cursor:pointer}.profile-dropdown-item:hover{background:#f7f6f4;color:#0B6623}.profile-dropdown-item.sign-out:hover{background:#ffe5e0;color:#e76f51}.upload-post-btn{margin:8px 0;padding:14px 18px;border-radius:8px;background:#00373E;color:#fff;font-weight:600;font-size:16px;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.07);display:flex;align-items:center;gap:12px;transition:background .18s,transform .18s}.upload-post-btn:hover{background:#00232a;transform:scale(1.04)}.sidebar-btn{margin:8px 0;padding:14px 18px;border-radius:8px;background:#f7f6f4;color:#00373E;font-weight:600;font-size:16px;border:none;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.04);display:flex;align-items:center;gap:12px;transition:background .18s,color .18s}.sidebar-btn:hover{background:#e6f0f3;color:#0B6623}.sidebar-btn.active{background:#00373E;color:#fff}.fb-navbar{position:fixed;top:0;left:0;width:100vw;z-index:1100;background:#fff;box-shadow:0 2px 8px rgba(0,55,62,.07);justify-content:space-between;height:84px;padding:0 40px;font-family:Bricolage Grotesque,sans-serif}.fb-navbar,.fb-navbar-left{display:flex;align-items:center}.fb-navbar-left{min-width:180px}.fb-navbar-center{flex:1 1;display:flex;align-items:center;justify-content:center}.fb-navbar-search{display:flex;align-items:center;background:#f7f6f4;border-radius:24px;padding:0 12px;height:40px;box-shadow:0 1px 4px rgba(0,0,0,.04);min-width:320px;max-width:480px;width:100%;transition:min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.fb-navbar-search.expanded{min-width:420px;max-width:700px;box-shadow:0 4px 24px rgba(0,55,62,.13),0 1.5px 8px rgba(0,0,0,.08);background:#fff}.fb-navbar-search-input{border:none;background:transparent;outline:none;font-size:16px;padding:0 8px;flex:1 1;color:#00373E}.fb-navbar-search-input:disabled{color:#bbb;background:transparent;cursor:not-allowed}.fb-navbar-search-btn{background:none;border:none;color:#00373E;font-size:22px;cursor:pointer;padding:0 4px;display:flex;align-items:center}.fb-navbar-search-btn:disabled{color:#bbb;cursor:not-allowed}.fb-navbar-right{display:flex;align-items:center;gap:18px;min-width:180px;justify-content:flex-end}.fb-navbar-icon-btn{background:#f7f6f4;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#00373E;font-size:22px;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px rgba(0,0,0,.04);cursor:pointer;position:relative}.fb-navbar-icon-btn:hover{background:#e6f0f3;color:#0B6623;box-shadow:0 2px 8px rgba(0,55,62,.1)}.fb-navbar-icon-btn img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #eee;background:#fff}@media (max-width:900px){.fb-navbar{padding:0 12px}.fb-navbar-search{min-width:180px;max-width:320px}.fb-navbar-search.expanded{min-width:220px;max-width:98vw}}@media (max-width:600px){.fb-navbar{flex-direction:column;height:auto;padding:0 4px}.fb-navbar-center{width:100%;margin:8px 0}.fb-navbar-search{min-width:120px;max-width:100vw}.fb-navbar-search.expanded{min-width:140px;max-width:100vw}.fb-navbar-left,.fb-navbar-right{min-width:0}}.chat-notification-badge{position:absolute;top:-4px;right:-4px;background:#e76f51;color:white;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;padding:2px;box-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-icon-btn,.notification-bell{position:relative}.notification-bell button{position:relative;padding:8px;color:#666;transition:color .2s ease;background:none;border:none;cursor:pointer}.notification-bell button:hover{color:#333}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:white;font-size:12px;border-radius:50%;height:20px;width:20px;display:flex;align-items:center;justify-content:center;font-weight:600}.notification-dropdown{position:absolute;right:0;top:100%;margin-top:8px;width:320px;background:white;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e5e7eb;z-index:50}.notification-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.notification-title{font-size:18px;font-weight:600;color:#111827}.notification-actions{display:flex;gap:8px}.mark-all-read{font-size:14px;color:#3b82f6;background:none;border:none;cursor:pointer;font-weight:500}.mark-all-read:hover{color:#2563eb}.close-notifications{color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px}.close-notifications:hover{color:#6b7280}.notification-list{max-height:384px;overflow-y:auto}.notification-item{padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:flex-start;gap:12px}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff}.notification-icon{margin-top:4px;flex-shrink:0}.notification-content{flex:1 1;min-width:0}.notification-header-row{display:flex;align-items:center;justify-content:space-between}.notification-title-text{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-unread-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;margin-left:8px;flex-shrink:0}.notification-message{font-size:14px;color:#6b7280;margin-top:4px;line-height:1.4}.notification-time{font-size:12px;color:#9ca3af;margin-top:8px}.notification-empty,.notification-loading{padding:16px;text-align:center;color:#6b7280}.notification-icon.like{color:#ef4444}.notification-icon.match{color:#10b981}.notification-icon.message{color:#3b82f6}.notification-icon.chat-request{color:#8b5cf6}.notification-icon.chat-accepted{color:#10b981}.notification-icon.default{color:#6b7280}