*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d3d3d3;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{height:100%}#root{min-height:100%}.app,.page-container{min-height:100vh}.navbar{background-color:#1f2937;display:flex;flex-direction:column;width:100%}.navbar .navbar-mobile{align-items:center;display:flex;justify-content:space-between;padding:1rem}.navbar .navbar-mobile .logo{color:#60a5fa;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar .navbar-mobile .menu-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.navbar .navbar-mobile .menu-toggle svg{height:1.5rem;width:1.5rem}.navbar .mobile-menu{background-color:#1f2937;display:none;flex-direction:column;padding:1rem}.navbar .mobile-menu.open{display:flex}@media(min-width:1024px){.navbar .mobile-menu.open{display:none}}.navbar .mobile-menu a,.navbar .mobile-menu span{align-items:center;color:#e5e7eb;display:flex;gap:.75rem;padding:.75rem 0;text-decoration:none}.navbar .mobile-menu a svg,.navbar .mobile-menu span svg{height:1.25rem;width:1.25rem}.navbar .mobile-menu a:hover,.navbar .mobile-menu span:hover{color:#60a5fa;cursor:pointer}.navbar .mobile-menu button{background-color:#60a5fa;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.navbar .search-bar{align-items:center;background-color:#374151;border-radius:8px;display:flex;margin:0 1rem 1rem;padding:.5rem 1rem}.navbar .search-bar .search-icon{color:#9ca3af;margin-right:.5rem}.navbar .search-bar input{background:none;border:none;color:#fff;font-size:.9rem;outline:none;width:100%}.navbar .search-bar input::placeholder{color:#9ca3af}.navbar .navbar-content{display:none}@media(min-width:768px){.navbar .mobile-menu{display:none}.navbar .navbar-content{align-items:center;display:none;gap:2rem;margin-bottom:1rem;padding:1rem 2rem 0}.navbar .navbar-content .logo{color:#60a5fa;font-size:1.5rem;font-weight:700;margin-right:auto;text-decoration:none}.navbar .navbar-content a,.navbar .navbar-content span{color:#e5e7eb;font-size:.9rem;text-decoration:none}.navbar .navbar-content a:hover,.navbar .navbar-content span:hover{color:#60a5fa;cursor:pointer}.navbar .navbar-content .icon-wrapper{color:#e5e7eb;cursor:pointer;padding:.5rem;position:relative}.navbar .navbar-content .icon-wrapper:hover{color:#60a5fa}.navbar .navbar-content .icon-wrapper svg{height:1.25rem;width:1.25rem}.navbar .navbar-content .icon-wrapper .notification-badge{background-color:#9c0808;border-radius:9999px;color:#fff;font-size:.75rem;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.navbar .navbar-content .icon-wrapper button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:0}.navbar .navbar-content .user-profile{align-items:center;border-radius:8px;display:flex;padding:.25rem;transition:background-color .2s}.navbar .navbar-content .user-profile:hover{background-color:#374151}.navbar .navbar-content .user-profile .avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar .navbar-content .login-signup-button{background-color:#60a5fa;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.navbar .search-bar{margin:0 auto 1rem;width:90%}}@media(min-width:1024px){.navbar{padding:1rem 2rem}.navbar .navbar-mobile{display:none}.navbar .navbar-content{align-items:center;display:flex;gap:2rem;justify-content:space-evenly;margin-bottom:1rem}.navbar .navbar-content .logo{color:#60a5fa;font-size:1.5rem;font-weight:700;margin-right:0;text-decoration:none}.navbar .navbar-content .logout-button{align-items:center;background:none;border:none;color:#e5e7eb;cursor:pointer;display:flex;padding:.5rem;transition:color .2s}.navbar .navbar-content .logout-button svg{height:1.25rem;width:1.25rem}.navbar .navbar-content .logout-button:hover{color:#60a5fa}}@media screen and (min-width:1024px)and (min-width:1440px){.navbar .navbar-content .logout-button svg{height:1.8rem;width:1.8rem}}@media(min-width:1024px){.navbar .navbar-content a,.navbar .navbar-content span{color:#e5e7eb;font-size:.9rem;text-decoration:none}.navbar .navbar-content a:hover,.navbar .navbar-content span:hover{color:#60a5fa}.navbar .navbar-content .icon-wrapper{color:#e5e7eb;cursor:pointer;padding:.5rem;position:relative}.navbar .navbar-content .icon-wrapper:hover{color:#60a5fa}.navbar .navbar-content .icon-wrapper svg{height:1.25rem;width:1.25rem}.navbar .navbar-content .icon-wrapper .notification-badge{background-color:#9c0808;border-radius:9999px;color:#fff;font-size:.75rem;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.navbar .navbar-content .icon-wrapper button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:0}.navbar .navbar-content .user-profile{align-items:center;border-radius:8px;display:flex;padding:.25rem;transition:background-color .2s}.navbar .navbar-content .user-profile:hover{background-color:#374151}.navbar .navbar-content .user-profile .avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar .search-bar{margin:0 auto;width:80%}}@media screen and (min-width:1440px){.navbar .navbar-content .logo,.navbar .navbar-content a,.navbar .navbar-content span{font-size:1.5rem}.navbar .navbar-content .icon-wrapper svg{height:1.8rem;width:1.8rem}.navbar .navbar-content .user-profile .avatar{height:40px;width:40px}}.navbar .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;margin:0 10px;width:20px}.home-layout{grid-gap:2rem;background-color:#f3f4f6;display:grid;gap:2rem;padding:1rem;width:100%}.home-layout .mobile-category-filter{margin-bottom:1rem}.home-layout .mobile-category-filter .category-select{background:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;font-size:.875rem;padding:.75rem;width:100%}.home-layout .mobile-category-filter .category-select:focus{border-color:#0095f6;outline:none}.home-layout .sidebar-right{display:none}@media(min-width:1024px){.home-layout{gap:2rem;grid-template-columns:240px 1fr 240px;margin:0 auto;max-width:1200px;padding:2rem}.home-layout .mobile-category-filter{display:none}.home-layout .sidebar-left,.home-layout .sidebar-right{display:block}}@media(min-width:1440px){.home-layout{gap:4rem;grid-template-columns:280px minmax(600px,2fr) 280px;max-width:2100px;padding:2rem 4rem}}.hero-section{background-image:url(/static/media/maze.75dd644163730fa56a55.jpg);background-position:50%;background-size:cover;height:300px;position:relative;width:100%}.hero-section:before{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-section h1{color:#fff;font-size:3.5rem;padding-top:120px;position:relative;text-align:center;text-shadow:2px 2px 4px #00000080}.post{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:1.25rem}.post .post-header{align-items:flex-start;display:flex;justify-content:space-between}.post .post-header .user-info{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.post .post-header .user-info .profile-pic{border-radius:50%;height:40px;object-fit:cover;width:40px}.post .post-header .user-info .user-details h3{font-size:1rem;margin:0 0 .25rem}.post .post-header .user-info .user-details .post-meta{color:#666;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.post .post-header .user-info .user-details .post-meta .meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.post .post-header .user-info .user-details .post-meta .meta-row span{align-items:center;display:inline-flex}.post .post-header .user-info .user-details .post-meta .meta-row span.date{color:#666}.post .post-header .user-info .user-details .post-meta .meta-row span.location{color:#0095f6}.post .post-header .user-info .user-details .post-meta .meta-row span.status{color:#f59e0b}.post .post-header .user-info .user-details .post-meta .meta-row span.category{color:#10b981}.post .post-header .user-info .user-details .post-meta .meta-row span.item-type{color:#cd00f6}.post .post-header .user-info .user-details .post-meta .meta-row span:not(:last-child):after{color:#666;content:"•";margin-left:.5rem}.post .post-header .post-actions{display:flex;gap:.5rem}.post .post-header .post-actions .icon-button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:.5rem;transition:color .2s}.post .post-header .post-actions .icon-button:hover.edit-icon{color:#0095f6}.post .post-header .post-actions .icon-button:hover.delete-icon{color:#dc3545}.post .post-content p{font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.post .post-content .post-images{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.post .post-content .post-images .post-image{border-radius:10px;cursor:pointer;height:200px;max-width:100%;object-fit:contain;transition:opacity .2s}.post .post-content .post-images .post-image:hover{opacity:.9}.post .post-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:.75rem}.post .post-footer .comment-count{color:#666;font-size:.875rem}.post .post-footer .comment-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.post .post-footer .comment-button .comment-icon{font-size:1rem}.post .post-footer .comment-button:hover{color:#333}.post .post-tags{border-top:1px solid #eee;margin-top:1rem;padding-top:.75rem}.post .post-tags .tags-label{color:#666;display:block;font-size:.875rem;margin-bottom:.5rem}.post .post-tags .tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.post .post-tags .tags-container .tag-pill{background:#e5e7eb;border-radius:999px;color:#4b5563;cursor:pointer;font-size:.875rem;padding:.25rem .75rem}.post .post-tags .tags-container .tag-pill:hover{background:#d1d5db}.post .comments-section{border-top:1px solid #eee;display:none;margin-top:1rem;padding-top:1rem}.post .comments-section.show{display:block}.post .comments-section .loading-comments{color:#666;padding:1rem;text-align:center}.post .comments-section .comment{background:#f8f9fa;border:1px solid #eee;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:background-color .3s ease}.post .comments-section .comment.highlighted-comment{animation:highlightComment 6s ease-out}@keyframes highlightComment{0%,50%{background-color:#4a90e2;border-color:#4a90e2;box-shadow:0 2px 4px #4a90e2;transform:translateY(-2px)}to{background-color:#f8f9fa;border-color:#eee;box-shadow:none;transform:translateY(0)}}.post .comments-section .comment .comment-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem}.post .comments-section .comment .comment-header .comment-profile-pic{border-radius:50%;height:32px;margin-right:.75rem;object-fit:cover;width:32px}.post .comments-section .comment .comment-header .comment-user-info-wrapper{align-items:center;display:flex}.post .comments-section .comment .comment-header .comment-user-info-wrapper .comment-user-info{display:flex;flex-direction:column}.post .comments-section .comment .comment-header .comment-user-info-wrapper .comment-user-info h4{color:#333;font-size:.875rem;margin:0}.post .comments-section .comment .comment-header .comment-user-info-wrapper .comment-user-info .comment-timestamp{color:#666;font-size:.75rem}.post .comments-section .comment .comment-header .delete-comment-button{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;transition:color .2s}.post .comments-section .comment .comment-header .delete-comment-button:hover{color:#dc3545}.post .comments-section .comment .comment-header .delete-comment-button svg{font-size:.875rem}.post .comments-section .comment .comment-text{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.post .comments-section .no-comments{color:#666;font-style:italic;padding:1rem;text-align:center}.post .comments-section .comment-input{display:flex;gap:.5rem;margin-top:1rem}.post .comments-section .comment-input input{border:1px solid #eee;border-radius:8px;flex:1 1;font-size:.875rem;padding:.5rem 1rem}.post .comments-section .comment-input input:disabled{background:#f8f9fa;cursor:not-allowed}.post .comments-section .comment-input button{background:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.post .comments-section .comment-input button:hover:not(:disabled){background:#0077c2}.post .comments-section .comment-input button:disabled{background:#ccc;cursor:not-allowed}@media(min-width:768px){.post{margin:0 auto 1.5rem;max-width:100%;padding:1.5rem}.post .post-header .user-info .profile-pic{height:48px;width:48px}.post .post-header .user-info .user-details .post-meta{flex-direction:row;font-size:.875rem;gap:1rem}.post .post-content .post-images,.post .post-header .user-info .user-details .post-meta .meta-row{gap:.75rem}.post .comments-section .comment{padding:1.25rem}.post .comments-section .comment .comment-header .comment-profile-pic{height:36px;width:36px}}@media(min-width:1024px){.post{margin:0 auto 2rem;max-width:100%}}.image-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.image-modal-overlay .image-modal-content{max-height:90vh;max-width:90vw;position:relative;width:95%}.image-modal-overlay .image-modal-content img{border-radius:10px;max-height:70vh;object-fit:contain;width:100%}.image-modal-overlay .image-modal-content .close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:.5rem;position:absolute;top:-3rem}.image-modal-overlay .image-modal-content .close-button:hover{color:#ddd}@media(min-width:768px){.image-modal-overlay .image-modal-content .close-button{left:1rem}}@media(min-width:1024px){.image-modal-overlay .image-modal-content .close-button{left:8rem}}@media(min-width:1440px){.image-modal-overlay .image-modal-content .close-button{left:20rem}}@media(min-width:1900px){.image-modal-overlay .image-modal-content .close-button{left:30rem}}@media(min-width:768px){.post-content .post-images .post-image{height:250px}.image-modal-content{width:90%}.image-modal-content img{max-height:80vh}}@media(min-width:1024px){.image-modal-content{width:85%}.image-modal-content img{max-height:85vh}}@media(min-width:1440px){.image-modal-content{width:80%}.image-modal-content img{max-height:90vh}}.posts-wrapper{background-color:#1f2937;border-radius:8px;margin:0 auto;padding:1rem;width:100%}@media(min-width:768px){.posts-wrapper{max-width:600px;padding:1.5rem}}@media(min-width:1024px){.posts-wrapper{max-width:800px;padding:2rem}}@media(min-width:1440px){.posts-wrapper{max-width:900px}}.posts-container{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto}.no-posts{background-color:#374151;border-radius:8px;color:#e5e7eb;font-size:1.1rem;margin:1rem 0;padding:2rem;text-align:center}@media(min-width:768px){.no-posts{font-size:1.2rem;padding:3rem}}.sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.sidebar .sidebar-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.sidebar .sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar .sidebar-section h3{color:#1f2937;font-size:1.1rem;margin-bottom:1rem}.sidebar .sidebar-section.popular-locations{display:none}@media(min-width:1024px){.sidebar .sidebar-section.popular-locations{display:block}}.sidebar .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.sidebar .stats-grid .stat-item{background:#f3f4f6;border-radius:6px;padding:.75rem;text-align:center}.sidebar .stats-grid .stat-item .stat-number{color:#4a90e2;display:block;font-size:1.25rem;font-weight:700}.sidebar .stats-grid .stat-item .stat-label{color:#6b7280;font-size:.8rem}.sidebar .tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.sidebar .tags-container .tag{background:#e5e7eb;border-radius:999px;color:#4b5563;cursor:pointer;font-size:.875rem;padding:.25rem .75rem}.sidebar .tags-container .tag:hover{background:#d1d5db}.sidebar .filter-buttons{display:flex;flex-direction:column;gap:.5rem}.sidebar .filter-buttons .filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:.5rem;transition:all .2s}.sidebar .filter-buttons .filter-btn:hover{background:#f3f4f6}.sidebar .filter-buttons .filter-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.sidebar .location-list{list-style:none;padding:0}.sidebar .location-list li{color:#4b5563;font-size:.9rem;padding:.5rem 0}.sidebar .tips-container .tip{margin-bottom:1rem}.sidebar .tips-container .tip .tip-title{display:block;font-weight:500;margin-bottom:.25rem}.sidebar .tips-container .tip p{color:#6b7280;font-size:.875rem}.sidebar .sidebar-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.75rem;width:100%}.sidebar .sidebar-select:focus{border-color:#4a90e2;outline:none}.sidebar.sidebar-right .about-us-image{border-radius:6px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}.sidebar.sidebar-right .recent-updates ul{list-style:none;padding:0}.sidebar.sidebar-right .recent-updates ul li{color:#4b5563;font-size:.9rem;margin-bottom:.75rem}.sidebar.sidebar-right .contact-us .contact-email{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.sidebar.sidebar-right .contact-us .social-icons{display:flex;gap:1rem}.sidebar.sidebar-right .contact-us .social-icons .icon{color:#4b5563;cursor:pointer;font-size:1.5rem;transition:color .2s}.sidebar.sidebar-right .contact-us .social-icons .icon:hover{color:#4a90e2}.footer{background-color:#1f2937;color:#f3f4f6;padding:2rem 1rem 1rem}.footer .footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px}@media(min-width:768px){.footer .footer-content{gap:4rem;grid-template-columns:repeat(3,1fr)}}.footer .footer-section h4{color:#fff;font-size:1.1rem;margin-bottom:1.25rem;position:relative}.footer .footer-section h4:after{background-color:#60a5fa;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;width:2rem}.footer .footer-section p{color:#d1d5db;font-size:.9rem;line-height:1.6}.footer .footer-section ul{list-style:none;padding:0}.footer .footer-section ul li{margin-bottom:.75rem}.footer .footer-section ul li a{color:#d1d5db;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer .footer-section ul li a:hover{color:#60a5fa}.footer .footer-section .social-links{display:flex;gap:1rem}.footer .footer-section .social-links a{color:#d1d5db;font-size:1.5rem;transition:color .2s ease}.footer .footer-section .social-links a:hover{color:#60a5fa}.footer .footer-bottom{border-top:1px solid #374151;color:#9ca3af;font-size:.9rem;padding-top:1.5rem;text-align:center}.footer .footer-bottom a{color:#d1d5db;font-weight:500;text-decoration:none;transition:color .2s ease}.footer .footer-bottom a:hover{color:#60a5fa}.footer .footer-bottom .heart-icon{animation:pulse 1.5s ease infinite;color:#ef4444;display:inline-block;margin:0 .25rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.loading-container{align-items:center;background:#1f2937;display:flex;justify-content:center;min-height:100vh}.profile-page{background:#fff;box-shadow:0 2px 10px #0000001a;padding:2rem}.profile-page .profile-info{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;margin-top:-32px}.profile-page .profile-info .cover-photo{border-radius:10px;height:300px;overflow:hidden;position:relative;width:100%}.profile-page .profile-info .cover-photo .cover-image{height:100%;object-fit:cover;width:100%;z-index:-1}@media(min-width:1400px){.profile-page .profile-info .cover-photo .cover-image{height:300px}}.profile-page .profile-info .user-avatar{border:3px solid #fff;border-radius:50%;bottom:60px;height:100px;margin-bottom:.5rem;object-fit:cover;position:relative;width:100px;z-index:1}@media(min-width:768px){.profile-page .profile-info .user-avatar{height:200px;width:200px}}.profile-page .profile-info h2{color:#333;font-size:1.5rem;margin:0}@media(min-width:768px){.profile-page .profile-info h2{font-size:2rem}}.profile-page .profile-info .button-group{display:flex;gap:1rem}.profile-page .profile-info .button-group .create-post-button,.profile-page .profile-info .button-group .edit-profile-button{align-items:center;background-color:#1f2937;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .3s}.profile-page .profile-info .button-group .create-post-button:hover,.profile-page .profile-info .button-group .edit-profile-button:hover{color:#0056b3}.profile-page .profile-info .button-group .create-post-button svg,.profile-page .profile-info .button-group .edit-profile-button svg{margin-right:.5rem}.profile-page .subsections{display:flex;flex-direction:column}.profile-page .subsections .posts-section{background-color:#f3f4f6;border-radius:8px;padding:1rem}.profile-page .subsections .posts-section h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.profile-page .subsections .posts-section .posts-controls{display:flex;gap:1rem;margin-bottom:1rem}.profile-page .subsections .posts-section .posts-controls .filter-button{align-items:center;background-color:#1f2937;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:.5rem 1rem;transition:background-color .3s}.profile-page .subsections .posts-section .posts-controls .filter-button:hover{background-color:#0056b3}.profile-page .subsections .posts-section .posts-controls .filter-button svg{margin-right:.5rem}.profile-page .subsections .posts-section .posts-controls .filter-container{display:inline-block;position:relative}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 10px #0000001a;left:0;min-width:250px;padding:1rem;position:absolute;top:calc(100% + 8px);z-index:1000}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu .filter-section{margin-bottom:1rem}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu .filter-section label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu .filter-section select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;padding:.5rem;width:100%}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu .filter-section select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33;outline:none}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu .apply-filters{background:#1f2937;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem;transition:background-color .3s;width:100%}.profile-page .subsections .posts-section .posts-controls .filter-container .filter-menu .apply-filters:hover{background:#374151}.profile-page .subsections .posts-section .posts-container{margin-top:1rem}@media(min-width:1440px){.profile-page .subsections{flex-direction:row}.profile-page .subsections .profile-info .button-group .create-post-button,.profile-page .subsections .profile-info .button-group .edit-profile-button{font-size:2.5rem}.profile-page .subsections .posts-section{flex:1 0 70%;margin-left:6rem}}.profile-page .user-stats{background:#1f2937;border-radius:8px;color:#fff;margin-bottom:1rem;max-height:-webkit-fit-content;max-height:fit-content;padding:1rem}.profile-page .user-stats h3{font-size:1.5rem;margin-bottom:1rem}.profile-page .user-stats .stats-grid{display:flex;flex-direction:column;gap:1rem}.profile-page .user-stats .stats-grid .stat-card{background:#374151;border-radius:8px;padding:1rem;text-align:center}.profile-page .user-stats .stats-grid .stat-card h4{font-size:1rem;margin:0}.profile-page .user-stats .stats-grid .stat-card p{color:#60a5fa;font-size:1.25rem;margin:.5rem 0 0}@media(min-width:1024px){.profile-page .user-stats .stats-grid{flex-direction:row;justify-content:space-evenly}.profile-page .user-stats .stats-grid .stat-card{width:300px}}@media(min-width:1440px){.profile-page .user-stats .stats-grid{flex-direction:column}}.modal-overlay{background:#000000b3}.modal-content{background:#1f2937;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 8px 30px #0003;box-sizing:border-box;max-height:80vh;overflow-y:auto;width:400px}.modal-content::-webkit-scrollbar{border-radius:10px;width:8px}.modal-content::-webkit-scrollbar-track{background:#2a2d34;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#0056b3;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#007bff}.modal-content h2{color:#fff;font-size:1.5rem;text-align:center}.modal-content label{color:#fff;display:block;margin-bottom:1rem}.modal-content label input[type=email],.modal-content label input[type=password],.modal-content label input[type=text],.modal-content label select,.modal-content label textarea{background-color:#2a2d34;border:1px solid #ccc;border-radius:5px;color:#fff;margin-top:.5rem;padding:.75rem;width:100%}.modal-content label input[type=email]:focus,.modal-content label input[type=password]:focus,.modal-content label input[type=text]:focus,.modal-content label select:focus,.modal-content label textarea:focus{border-color:#fff;outline:none}.modal-content label textarea{min-height:120px;resize:vertical}.modal-content .modal-header{margin-bottom:1rem}.modal-content .modal-header svg{color:#fff;cursor:pointer;height:1.5rem;width:1.5rem}.modal-content .modal-header svg:hover{color:#60a5fa}.modal-content .post-label{display:flex;gap:1rem;margin-top:.25rem}.modal-content .post-label input{margin-right:.25rem}.modal-content button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:background-color .3s,transform .2s}.modal-content button:hover{background-color:#007bff;transform:translateY(-2px)}.modal-content button:active{transform:translateY(0)}.modal-content button:disabled{cursor:not-allowed;opacity:.7}.modal-content .location-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-content .location-fields label{flex:1 1}.modal-content .submit-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.modal-content .existing-images{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.modal-content .existing-images .existing-image{border-radius:4px;height:60px;overflow:hidden;position:relative;width:60px}.modal-content .existing-images .existing-image img{height:100%;object-fit:cover;width:100%}.modal-content .existing-images .existing-image .remove-image{background:#00000080;border:none;border-radius:3px;cursor:pointer;margin:0;padding:2px;position:absolute;right:2px;top:2px}.modal-content .existing-images .existing-image .remove-image svg{color:#fff;height:12px;width:12px}.modal-content .existing-images .existing-image .remove-image:hover{background:#dc2626cc}.modal-content input[type=file]{color:#fff;margin-top:.5rem}.modal-content input[type=file]:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1f2937;border-radius:8px;max-width:500px;padding:2rem;width:90%}.modal-content .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-content .modal-header h2{color:#e5e7eb;margin:0}.modal-content .modal-header .close-button{color:#9ca3af;cursor:pointer;font-size:1.5rem}.modal-content .modal-header .close-button:hover{color:#e5e7eb}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content form label{color:#e5e7eb;display:flex;flex-direction:column;gap:.5rem}.modal-content form input{background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#e5e7eb;outline:none;padding:.75rem}.modal-content form input:focus{border-color:#60a5fa}.modal-content form input::placeholder{color:#9ca3af}.modal-content form .error-message{background-color:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.875rem;margin:.5rem 0;padding:.75rem;text-align:center}.modal-content form button{background-color:#60a5fa;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.75rem}.modal-content form button:hover{background-color:#3b82f6}.modal-content form button:disabled{background-color:#9ca3af;cursor:not-allowed}.confirm-modal{background:#fff;border-radius:12px;max-width:400px;padding:1.5rem;position:relative;width:90%}.confirm-modal h2{font-size:1.25rem;margin:0 0 1rem}.confirm-modal p{color:#666;margin-bottom:1.5rem}.confirm-modal .confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-modal .confirm-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem}.confirm-modal .confirm-actions button.cancel-button{background:#e5e7eb;color:#4b5563}.confirm-modal .confirm-actions button.cancel-button:hover{background:#d1d5db}.confirm-modal .confirm-actions button.delete-button{background:#dc2626;color:#fff}.confirm-modal .confirm-actions button.delete-button:hover{background:#b91c1c}.confirm-modal .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:.75rem}.confirm-modal .close-button:hover{color:#333}.filter-menu{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;left:0;min-width:250px;padding:16px;position:absolute;top:100%;z-index:1000}.filter-menu .filter-section{margin-bottom:16px}.filter-menu .filter-section label{display:block;font-weight:500;margin-bottom:8px}.filter-menu .filter-section select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.filter-menu .apply-filters{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;width:100%}.filter-menu .apply-filters:hover{background:#0056b3}.notification-menu{background-color:#1f2937;border-radius:8px;box-shadow:0 2px 10px #0000004d;position:absolute;right:-10px;top:calc(100% + 10px);width:300px;z-index:1000}.notification-menu .notification-header{border-bottom:1px solid #374151;padding:1rem}.notification-menu .notification-header h3{color:#e5e7eb;font-size:1rem;margin:0}.notification-menu .notification-list{max-height:400px;overflow-y:auto}.notification-menu .notification-list .notification-item{align-items:flex-start;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.notification-menu .notification-list .notification-item.unread{background-color:#2d3748;border-left:3px solid #60a5fa}.notification-menu .notification-list .notification-item.unread .notification-content p{color:#fff}.notification-menu .notification-list .notification-item.unread .notification-content p.notification-comment{color:#e5e7eb}.notification-menu .notification-list .notification-item.unread .notification-content .notification-time{color:#9ca3af}.notification-menu .notification-list .notification-item:hover{background:#374151}.notification-menu .notification-list .notification-item .notification-content{flex:1 1;margin-right:1rem}.notification-menu .notification-list .notification-item .notification-content p{color:#e5e7eb;font-size:.875rem;margin:0}.notification-menu .notification-list .notification-item .notification-content p strong{color:#60a5fa}.notification-menu .notification-list .notification-item .notification-content p.notification-comment{color:#9ca3af;margin-top:.5rem}.notification-menu .notification-list .notification-item .notification-content .notification-time{color:#6b7280;display:block;font-size:.75rem;margin-top:.5rem}.notification-menu .notification-list .notification-item .delete-notification{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem}.notification-menu .notification-list .notification-item .delete-notification:hover{color:#ef4444}.notification-menu .notification-list .notification-item .delete-notification svg{height:1rem;width:1rem}.notification-menu .notification-list .loading,.notification-menu .notification-list .no-notifications{color:#9ca3af;padding:1rem;text-align:center}.notification-menu .notification-list::-webkit-scrollbar{width:6px}.notification-menu .notification-list::-webkit-scrollbar-track{background:#374151}.notification-menu .notification-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.notification-container{position:relative}.notification-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:.5rem;position:relative}.spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;margin:0 auto;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{border-radius:4px;margin:10px 0;padding:10px;text-align:center;width:100%}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
/*# sourceMappingURL=main.a9111f3f.css.map*/