*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.5;background-color:#000;color:#fff}a:not(.btn){color:#fff}a:not(.btn):visited{color:#fff}a:not(.btn):hover{color:#dee2e6}h1:focus{outline:none}.valid.modified:not([type=checkbox]){outline:1px solid #26b050}.invalid{outline:1px solid #e50000}.validation-message{color:#e50000}.darker-border-checkbox.form-check-input{border-color:#929292}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:var(--bs-secondary-color);text-align:end}.form-floating>.form-control-plaintext:focus::placeholder,.form-floating>.form-control:focus::placeholder{text-align:start}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff}.blazor-error-boundary::after{content:"An error has occurred."}.page{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.site-header{position:sticky;top:0;z-index:1000;background-color:#000;box-shadow:0 4px 6px rgba(0,0,0,.1)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.5rem 1.5rem}.header-brand{display:flex;align-items:center}.header-brand .logo{display:flex;align-items:center;text-decoration:none;color:#fff}.header-brand .logo:hover .logo-icon-default{opacity:0;transform:rotate(-90deg) scale(0.8)}.header-brand .logo:hover .logo-icon-hover{opacity:1;transform:rotate(0deg) scale(1)}.header-brand .logo-icon-wrapper{position:relative;width:32px;height:24px;margin-right:4px;flex-shrink:0}.header-brand .logo-icon{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.header-brand .logo-icon-default{opacity:1;transform:rotate(0deg) scale(1)}.header-brand .logo-icon-hover{opacity:0;transform:rotate(90deg) scale(0.8)}.header-brand .logo-text{font-size:1.2rem;font-weight:700;letter-spacing:1px}.header-brand .logo-text .accent{color:#929292}.header-nav{display:none;align-items:center;gap:.5rem}@media(min-width: 992px){.header-nav{display:flex}}.header-nav .nav-link{padding:.5rem 1rem;color:#fff;text-decoration:none;font-weight:500;border-radius:.25rem;transition:background-color .2s,color .2s}.header-nav .nav-link:hover{background-color:hsla(0,0%,100%,.1)}.header-nav .nav-link.active{background-color:hsla(0,0%,100%,.15);color:#fff}.header-actions{display:none;align-items:center;gap:.5rem}@media(min-width: 992px){.header-actions{display:flex}}.header-actions .user-greeting{color:#fff;font-size:.875rem;margin-right:.5rem;text-decoration:none}.header-actions .user-greeting:hover{color:#fff}.header-actions .logout-form{display:inline-flex;margin:0}.site-header .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:.25rem;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s}.site-header .btn-primary{background-color:#fff;color:#000;border-color:#fff}.site-header .btn-primary:hover{background-color:#e9ecef;border-color:#e9ecef}.site-header .btn-outline{background-color:rgba(0,0,0,0);color:#fff;border-color:#fff}.site-header .btn-outline:hover{background-color:#fff;color:#000}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:rgba(0,0,0,0);border:none;cursor:pointer}@media(min-width: 992px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle .hamburger-line{display:block;width:100%;height:2px;background-color:#fff;border-radius:1px;transition:transform .2s}.mobile-nav{display:flex;flex-direction:column;background-color:#000;border-top:1px solid hsla(0,0%,100%,.1);padding:1rem}@media(min-width: 992px){.mobile-nav{display:none}}.mobile-nav .nav-link{padding:1rem;color:#fff;text-decoration:none;font-weight:500;border-radius:.25rem}.mobile-nav .nav-link:hover{background-color:hsla(0,0%,100%,.1)}.mobile-nav .nav-link.active{background-color:hsla(0,0%,100%,.15)}.mobile-nav .logout-form{display:block}.mobile-nav .logout-link{width:100%;text-align:left;background:none;border:none;color:#fff;cursor:pointer}.site-footer{background-color:#212529;color:hsla(0,0%,100%,.7);margin-top:auto}.footer-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:3rem 1.5rem}@media(min-width: 768px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-brand{flex:0 0 auto}.footer-brand .logo-text{font-size:1.2rem;font-weight:700;letter-spacing:1px;color:#fff}.footer-brand .logo-text .accent{color:#929292}.footer-brand .footer-tagline{margin-top:.5rem;color:hsla(0,0%,100%,.5);font-size:.875rem}.footer-links{display:flex;flex-direction:column;gap:2rem}@media(min-width: 576px){.footer-links{flex-direction:row;gap:3rem}}.footer-column{display:flex;flex-direction:column;gap:.5rem}.footer-column h4{color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem 0}.footer-column nav{display:flex;flex-direction:column;gap:.25rem}.footer-column nav a{color:hsla(0,0%,100%,.6);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-column nav a:hover{color:#fff}.footer-bottom{background-color:#000}.footer-bottom .footer-container{padding:1rem 1.5rem}.footer-bottom .copyright{margin:0;font-size:.875rem;color:hsla(0,0%,100%,.5);text-align:center}@media(min-width: 768px){.footer-bottom .copyright{text-align:left}}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem 3rem;background:#000}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("/imgs/hero.jpg");background-size:cover;background-position:center;opacity:.55;z-index:0}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to bottom, transparent, #000);z-index:0}.hero>*{position:relative;z-index:1}@media(min-width: 992px){.hero{flex-direction:row;justify-content:center;gap:3rem;padding:3rem 3rem 6rem}}.hero-content{flex:1;max-width:700px;text-align:center}@media(min-width: 992px){.hero-content{text-align:center}}.hero-title{font-size:2.5rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:1rem}@media(min-width: 768px){.hero-title{font-size:3rem}}@media(min-width: 992px){.hero-title{font-size:3.5rem}}.hero-title .accent{color:#ced4da}.hero-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.85);line-height:1.6;margin-bottom:2rem}@media(min-width: 768px){.hero-subtitle{font-size:1.5rem}}.hero-actions{display:flex;flex-direction:column;gap:.5rem}@media(min-width: 576px){.hero-actions{flex-direction:row;justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:.25rem;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-lg{padding:1rem 2rem;font-size:1.25rem}.btn-primary{background-color:#fff;color:#000;border-color:#fff}.btn-primary:hover{background-color:#e9ecef;border-color:#e9ecef}.btn-outline-primary{background-color:rgba(0,0,0,0);color:#fff;border-color:#fff}.btn-outline-primary:hover{background-color:#fff;color:#000}.btn-outline{background-color:rgba(0,0,0,0);color:#fff;border-color:#fff}.btn-outline:hover{background-color:#fff;color:#000}.features{padding:3rem 1.5rem;background-color:#000}.features-container{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.5rem}@media(min-width: 768px){.section-title{font-size:2.5rem}}.section-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.7);text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 576px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.features-grid{grid-template-columns:repeat(4, 1fr)}}.feature-card{padding:2rem;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;text-align:center;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-6px) scale(1.02);background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.4)}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon{width:64px;height:64px;margin:0 auto 1rem;color:#fff;transition:transform .3s ease}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.feature-description{font-size:1rem;color:hsla(0,0%,100%,.7);line-height:1.6}.community-cta{padding:3rem 1.5rem;background:linear-gradient(135deg, #343a40 0%, #212529 100%);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}@media(min-width: 768px){.cta-title{font-size:2.5rem}}.cta-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.7);margin-bottom:2rem}.community-cta .btn-primary{background-color:#fff;color:#000;border-color:#fff}.community-cta .btn-primary:hover{background-color:#e9ecef;border-color:#e9ecef}.logo-showcase{padding:2rem;max-width:1200px;margin:0 auto}.logo-showcase h2{text-align:center;color:#343a40;margin-bottom:2rem}.logo-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.logo-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 3rem;background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;min-width:220px;min-height:120px;transition:box-shadow .2s,transform .2s}.logo-option:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.logo-option-dark{background-color:#42708c;border-color:#42708c}.logo-option-dark .logo-label{color:#7eadbf}.logo-label{margin-top:1rem;font-size:.875rem;color:#929292;text-align:center}.logo-style-1{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#42708c}.logo-style-2{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:900;text-transform:uppercase;color:#42708c}.logo-style-3{font-family:"Nunito","Quicksand",system-ui,sans-serif;font-size:2rem;font-weight:700;color:#42708c;letter-spacing:.5px}.logo-style-4{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:300;color:#42708c;letter-spacing:2px}.logo-style-5{font-family:system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:500;color:#42708c;letter-spacing:6px}.logo-style-6{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;font-style:italic;color:#42708c}.logo-style-7{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#42708c}.logo-style-7 .accent{color:#fff}.logo-style-8{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#42708c}.logo-style-8 .accent{color:#fff}.logo-style-9{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#fff}.logo-style-10{font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#42708c}.logo-style-10 .circle{color:#fff;font-size:.6em;vertical-align:middle;margin:0 -2px}.showcase-subtitle{text-align:center;color:#929292;margin-top:-1rem;margin-bottom:2rem}.logo-option-wide{min-width:320px}.logo-icon{width:32px;height:32px;margin-right:.5rem;flex-shrink:0}.logo-icon-lg{width:44px;height:28px;margin-right:.5rem;flex-shrink:0}.accent-stroke{stroke:#fff}.accent-fill{fill:#fff}[class^=logo-combo-]{display:flex;align-items:center;font-family:system-ui,-apple-system,sans-serif;color:#42708c}[class^=logo-combo-] .accent{color:#fff}.logo-combo-1{font-size:2rem;font-weight:900;letter-spacing:1px}.logo-combo-2{font-size:1.5rem;font-weight:700;letter-spacing:3px}.logo-combo-3{font-size:2rem;font-weight:900;letter-spacing:1px}.logo-combo-4{font-size:1.5rem;font-weight:700;letter-spacing:4px}.logo-combo-5{font-size:2rem;font-weight:900;letter-spacing:1px}.logo-combo-6{font-size:1.5rem;font-weight:700;letter-spacing:2px}.logo-combo-7{font-size:1.25rem;font-weight:500;letter-spacing:6px}.logo-combo-8{font-size:2rem;font-weight:900;letter-spacing:1px}.logo-combo-9{font-size:1.25rem;font-weight:500;letter-spacing:5px}.logo-combo-10{font-size:2rem;font-weight:900;letter-spacing:1px}.logo-combo-11{font-size:2rem;font-weight:900;letter-spacing:1px}.logo-combo-12{font-size:1.5rem;font-weight:700;letter-spacing:2px}.logo-transition-preview{display:flex;align-items:center;font-family:system-ui,-apple-system,sans-serif;color:#42708c;cursor:pointer}.logo-transition-preview:hover .logo-icon-default{opacity:0;transform:rotate(-90deg) scale(0.8)}.logo-transition-preview:hover .logo-icon-hover{opacity:1;transform:rotate(0deg) scale(1)}.logo-icon-wrapper-lg{position:relative;width:48px;height:36px;margin-right:.5rem;flex-shrink:0}.logo-icon-preview{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.logo-icon-default{opacity:1;transform:rotate(0deg) scale(1)}.logo-icon-hover{opacity:0;transform:rotate(90deg) scale(0.8)}.logo-text-preview{font-size:1.5rem;font-weight:700;letter-spacing:2px}.logo-text-preview .accent{color:#fff}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px - 200px);padding:2rem 1.5rem;background:#000}.auth-container{width:100%;max-width:440px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem}@media(min-width: 768px){.auth-container{padding:3rem}}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-error{padding:1rem;background-color:rgba(229,0,0,.15);border:1px solid rgba(229,0,0,.3);border-radius:.25rem;color:#e50000;font-size:.875rem}.auth-error p{margin:0}.auth-error p+p{margin-top:.25rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 576px){.form-row{grid-template-columns:1fr 1fr}}.form-label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.85)}.form-input{padding:.5rem 1rem;font-size:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;color:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input::placeholder{color:hsla(0,0%,100%,.4)}.form-input:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.form-input.invalid{border-color:#e50000}.form-input.invalid:focus{box-shadow:0 0 0 3px rgba(229,0,0,.2)}.form-input.valid.modified{border-color:#26b050;outline:none}.form-input.valid.modified:focus{box-shadow:0 0 0 3px rgba(38,176,80,.2)}.form-group-inline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsla(0,0%,100%,.85);cursor:pointer}.form-checkbox{width:18px;height:18px;accent-color:#fff;cursor:pointer}.auth-link{color:#fff;font-size:.875rem;text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.btn-block{width:100%;margin-top:.5rem}.auth-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.auth-footer p{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0}.validation-message{font-size:.875rem;color:#e50000;margin-top:.25rem}.profile-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.profile-container{max-width:720px;margin:0 auto}.profile-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.profile-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);margin-bottom:2rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem}.form-section legend{font-size:1.25rem;font-weight:700;color:#fff;padding:0 .5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width: 576px){.form-row{grid-template-columns:1fr 1fr}}.form-row:first-child{margin-top:0}.form-row .form-group{margin-top:0}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.form-group:first-of-type{margin-top:0}.form-label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.85)}.form-hint{font-weight:400;color:hsla(0,0%,100%,.5)}.form-input{padding:.5rem 1rem;font-size:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;color:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input::placeholder{color:hsla(0,0%,100%,.4)}.form-input:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.form-textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:hsla(0,0%,100%,.85);cursor:pointer}.form-checkbox{width:18px;height:18px;accent-color:#fff;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.success-message{padding:1rem;background-color:rgba(38,176,80,.15);border:1px solid rgba(38,176,80,.3);border-radius:.25rem;color:#26b050;font-size:.875rem}.loading{text-align:center;padding:3rem;color:hsla(0,0%,100%,.5)}.photo-section legend{margin-bottom:1rem}.photo-upload{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media(min-width: 576px){.photo-upload{flex-direction:row;text-align:left;align-items:flex-start}}.photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;background:hsla(0,0%,100%,.05);border:3px solid hsla(0,0%,100%,.2)}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;font-size:2rem;font-weight:700}.photo-actions{display:flex;flex-direction:column;gap:.5rem}@media(min-width: 576px){.photo-actions{flex-direction:row}}.photo-upload-btn{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;position:relative}.photo-upload-btn svg{width:18px;height:18px}.photo-upload-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.btn-danger-outline{color:#e50000;border-color:#e50000;background:rgba(0,0,0,0)}.btn-danger-outline:hover:not(:disabled){background:rgba(229,0,0,.15)}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.photo-error{color:#e50000;font-size:.875rem;margin:0}.photo-hint{color:hsla(0,0%,100%,.5);font-size:.875rem;margin:0}.directory-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.directory-container{max-width:1200px;margin:0 auto}.directory-header{text-align:center;margin-bottom:2rem}.directory-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.directory-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.7)}.directory-filters{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.search-box{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:hsla(0,0%,100%,.5);pointer-events:none}.search-input{width:100%;padding:1rem 1rem 1rem calc(2rem + 20px);font-size:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.search-input::placeholder{color:hsla(0,0%,100%,.4)}.search-input:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:4px;background:rgba(0,0,0,0);border:none;cursor:pointer;color:hsla(0,0%,100%,.5);border-radius:.25rem}.search-clear:hover{background:hsla(0,0%,100%,.1);color:#fff}.search-clear svg{width:100%;height:100%}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{flex:1;min-width:150px}.filter-label{display:block;font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.85);margin-bottom:.25rem}.filter-input{width:100%;padding:.5rem 1rem;font-size:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.filter-input::placeholder{color:hsla(0,0%,100%,.4)}.filter-input:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.directory-loading,.directory-error,.directory-empty{text-align:center;padding:3rem;color:hsla(0,0%,100%,.7)}.loading-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{width:80px;height:80px;color:hsla(0,0%,100%,.4);margin-bottom:1rem}.results-info{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-bottom:1rem}.neighbor-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.neighbor-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.neighbor-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(-2px);border-color:hsla(0,0%,100%,.2)}.neighbor-avatar{width:80px;height:80px;margin:0 auto 1rem}.neighbor-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.neighbor-info{text-align:center}.neighbor-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.neighbor-address{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-bottom:.25rem}.neighbor-tenure{font-size:.875rem;color:#ced4da;font-weight:500;margin-bottom:.5rem}.neighbor-bio{font-size:.875rem;color:hsla(0,0%,100%,.85);line-height:1.5;margin-bottom:1rem}.neighbor-tags{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:.5rem}.tag-label{font-size:.875rem;color:hsla(0,0%,100%,.5);width:100%;margin-bottom:.25rem}.tag{display:inline-block;padding:.25rem .5rem;font-size:.875rem;background:hsla(0,0%,100%,.1);color:#fff;border-radius:50rem}.tag-skill{background:hsla(0,0%,100%,.15);color:#fff}.neighbor-contact{display:flex;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.contact-link{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;color:#fff;text-decoration:none;border-radius:.25rem;transition:background-color .2s ease}.contact-link:hover{background:hsla(0,0%,100%,.1)}.contact-link svg{width:18px;height:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#fff;color:#000;border-color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:hsla(0,0%,100%,.7)}.community-switcher{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.switcher-label{font-size:.875rem;color:hsla(0,0%,100%,.7)}.switcher-select{padding:.25rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;cursor:pointer;transition:border-color .2s ease}.switcher-select:hover{border-color:hsla(0,0%,100%,.4)}.switcher-select:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.directory-empty h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.directory-empty p{margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.directory-page{padding:1.5rem 1rem}.filter-row{flex-direction:column}.filter-row .filter-group{width:100%}.filter-row .btn{width:100%}.neighbor-grid{grid-template-columns:1fr}}.join-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.join-container{max-width:480px;margin:0 auto}.join-title{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.25rem}.join-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);text-align:center;margin-bottom:2rem}.join-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem}.join-form .form-group{margin-bottom:1.5rem}.join-form .form-label{display:block;font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.85);margin-bottom:.25rem}.join-form .form-input{width:100%;padding:1rem;font-size:1.25rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.join-form .form-input::placeholder{color:hsla(0,0%,100%,.4)}.join-form .form-input:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.join-form .join-code-input{text-transform:uppercase;letter-spacing:2px;text-align:center;font-weight:500}.btn-block{width:100%}.error-message{padding:1rem;background-color:rgba(229,0,0,.15);border:1px solid rgba(229,0,0,.3);border-radius:.25rem;color:#e50000;font-size:.875rem;margin-bottom:1rem}.community-preview{text-align:center}.community-badge{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg, #495057 0%, #343a40 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-letter{font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase}.community-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.community-description{font-size:1rem;color:hsla(0,0%,100%,.7);margin-bottom:1rem;line-height:1.5}.community-location,.community-members{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.875rem;color:hsla(0,0%,100%,.7);margin-bottom:.5rem}.community-location svg,.community-members svg{width:18px;height:18px;color:hsla(0,0%,100%,.5)}.approval-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,229,0,.15);border-radius:.25rem;font-size:.875rem;color:#ffe500;margin:1.5rem 0}.approval-notice svg{width:18px;height:18px;flex-shrink:0}.preview-actions{display:flex;gap:1rem;margin-top:1.5rem}.preview-actions .btn{flex:1}.join-success{text-align:center}.join-success h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.join-success p{font-size:1rem;color:hsla(0,0%,100%,.7);margin-bottom:1rem}.join-success .pending-note{font-size:.875rem;color:hsla(0,0%,100%,.5);font-style:italic}.success-icon{width:80px;height:80px;color:#26b050;margin-bottom:1rem}.join-message{text-align:center}.join-message p{font-size:1rem;color:hsla(0,0%,100%,.7);margin-bottom:1.5rem}.message-icon{width:80px;height:80px;color:hsla(0,0%,100%,.4);margin-bottom:1rem}.join-help{margin-top:2rem;text-align:center}.join-help h3{font-size:1rem;font-weight:500;color:hsla(0,0%,100%,.85);margin-bottom:.25rem}.join-help p{font-size:.875rem;color:hsla(0,0%,100%,.5);line-height:1.5}@media(max-width: 576px){.join-page{padding:1.5rem 1rem}.join-card{padding:1.5rem}.preview-actions{flex-direction:column}}.admin-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.admin-container{max-width:1100px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-header .btn{display:inline-flex;align-items:center;gap:.25rem}.admin-header .btn svg{width:18px;height:18px}.admin-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.admin-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.admin-card h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1.5rem 0}.create-form .form-group{margin-bottom:1rem}.create-form .form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 576px){.create-form .form-row{grid-template-columns:1fr 1fr 1fr}}.create-form .form-row .form-group{margin-bottom:0}.create-form .form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.admin-empty{text-align:center;padding:3rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.admin-empty .empty-icon{width:64px;height:64px;color:#ced4da;margin-bottom:1rem}.admin-empty h3{font-size:1.25rem;color:#fff;margin:0 0 .25rem 0}.admin-empty p{color:hsla(0,0%,100%,.7);margin:0}.admin-table-wrapper{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:hsla(0,0%,100%,.05)}.admin-table thead th{text-align:left;padding:1rem;font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid hsla(0,0%,100%,.1);white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.05)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.admin-table tbody td{padding:1rem;font-size:1rem;color:#fff;vertical-align:middle}.cell-name{font-weight:500;color:#fff}.cell-location{color:hsla(0,0%,100%,.7)}.cell-code{display:flex;align-items:center;gap:.25rem}.join-code{background:hsla(0,0%,100%,.1);padding:2px .25rem;border-radius:.25rem;font-family:monospace;font-size:.875rem;color:#fff}.btn-copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);cursor:pointer;border-radius:.25rem;transition:all .2s ease}.btn-copy:hover{background:hsla(0,0%,100%,.1);color:#fff}.btn-copy svg{width:16px;height:16px}.cell-count{text-align:center;font-weight:500}.cell-approval,.cell-status{white-space:nowrap}.text-muted{color:hsla(0,0%,100%,.5)}.badge{display:inline-block;padding:2px .5rem;font-size:.875rem;font-weight:500;border-radius:50rem;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:rgba(38,176,80,.15);color:rgb(30.4,140.8,64)}.badge-warning{background:rgba(255,229,0,.15);color:rgb(178.5,160.3,0)}.badge-info{background:rgba(23,162,184,.15);color:rgb(18.4,129.6,147.2)}.badge-danger{background:rgba(229,0,0,.15);color:rgb(206.1,0,0)}.loading{text-align:center;padding:3rem;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.admin-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.member-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:2px solid hsla(0,0%,100%,.1)}.tab{padding:.5rem 1.5rem;font-size:1rem;font-weight:500;color:hsla(0,0%,100%,.7);background:rgba(0,0,0,0);border:none;cursor:pointer;position:relative;transition:color .2s}.tab:hover{color:#fff}.tab.active{color:#fff}.tab.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#fff}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;font-size:.875rem;font-weight:600;color:#000;background:#fff;border-radius:50rem}.cell-member{min-width:250px}.member-info{display:flex;align-items:center;gap:.5rem}.member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.member-name{font-weight:500;color:#fff}.member-email{font-size:.875rem;color:hsla(0,0%,100%,.7)}.cell-address{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-role{white-space:nowrap}.cell-date{white-space:nowrap;color:hsla(0,0%,100%,.7)}.cell-actions{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn-success{background-color:#26b050;color:#fff;border-color:#26b050}.btn-success:hover{background-color:rgb(32.3,149.6,68);border-color:rgb(32.3,149.6,68)}.btn-warning{background-color:#ffe500;color:#343a40;border-color:#ffe500}.btn-warning:hover{background-color:rgb(229.5,206.1,0);border-color:rgb(229.5,206.1,0)}.btn-danger-outline{background:rgba(0,0,0,0);color:#e50000;border-color:#e50000}.btn-danger-outline:hover{background-color:#e50000;color:#fff}.role-select{padding:.25rem .5rem;font-size:.875rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer}.role-select:focus{outline:none;border-color:#fff;background:hsla(0,0%,100%,.1)}.role-select:disabled{opacity:.6;cursor:not-allowed}.badge-owner{background:hsla(0,0%,100%,.15);color:#fff}.badge-admin{background:rgba(66,112,140,.15);color:#42708c}.badge-moderator{background:rgba(23,162,184,.15);color:rgb(18.4,129.6,147.2)}.badge-member{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.success-message{padding:1rem;background:rgba(38,176,80,.1);border:1px solid rgba(38,176,80,.3);border-radius:.25rem;color:rgb(30.4,140.8,64);margin-bottom:1rem}.events-page,.event-detail-page,.event-form-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.events-container,.event-detail-container,.event-form-container{max-width:1100px;margin:0 auto}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.events-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.events-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.events-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;flex-wrap:wrap}.events-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.events-filters .filter-group label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7)}.events-filters .filter-group select{padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;min-width:160px}.events-filters .filter-group select::placeholder{color:hsla(0,0%,100%,.4)}.events-filters .filter-group select:focus{outline:none;border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.1)}.events-empty{text-align:center;padding:3rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.events-empty h3{font-size:1.25rem;color:#fff;margin:0 0 .25rem 0}.events-empty p{color:hsla(0,0%,100%,.7);margin:0 0 1.5rem 0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.5rem}.event-card{display:flex;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;text-decoration:none;color:inherit;transition:all .2s ease;position:relative}.event-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08)}.event-card.cancelled{opacity:.7}.event-card.cancelled .event-title{text-decoration:line-through}.event-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:.5rem;background:linear-gradient(135deg, #495057 0%, #343a40 100%);border-radius:.25rem;color:#fff}.event-date-box .event-month{font-size:.875rem;font-weight:500;text-transform:uppercase}.event-date-box .event-day{font-size:1.5rem;font-weight:700;line-height:1}.event-info{flex:1;min-width:0}.event-info .event-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-info .event-time{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0 0 .25rem 0}.event-info .event-location{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0 0 .5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-info .event-meta{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.event-info .event-rsvp{font-size:.875rem;color:hsla(0,0%,100%,.7)}.cancelled-badge{position:absolute;top:.5rem;right:.5rem;padding:2px .5rem;font-size:.875rem;font-weight:500;color:#fff;background:#e50000;border-radius:.25rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination .pagination-info{font-size:.875rem;color:hsla(0,0%,100%,.7)}.event-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.event-detail-header .back-link{color:#fff;text-decoration:none}.event-detail-header .back-link:hover{text-decoration:underline}.event-detail-header .event-actions{display:flex;gap:.5rem}.cancelled-banner{padding:1rem;background:rgba(229,0,0,.1);border:1px solid rgba(229,0,0,.3);border-radius:.25rem;color:rgb(206.1,0,0);text-align:center;font-weight:500;margin-bottom:1.5rem}.event-detail-main{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width: 768px){.event-detail-main{grid-template-columns:1fr 320px}}.event-detail-info{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem}.event-detail-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1.5rem 0}.event-detail-datetime{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.event-detail-datetime .date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:.5rem 1rem;background:linear-gradient(135deg, #495057 0%, #343a40 100%);border-radius:.25rem;color:#fff}.event-detail-datetime .date-box .month{font-size:.875rem;font-weight:500;text-transform:uppercase}.event-detail-datetime .date-box .day{font-size:1.5rem;font-weight:700;line-height:1}.event-detail-datetime .datetime-text .event-date-text{font-size:1rem;font-weight:600;color:#fff}.event-detail-datetime .datetime-text .event-time-text{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-top:.25rem}.event-detail-location{margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:.25rem}.event-detail-location .location-name{font-weight:600;color:#fff}.event-detail-location .location-address{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-top:.25rem}.event-detail-location .location-notes{font-size:.875rem;color:hsla(0,0%,100%,.7);font-style:italic;margin-top:.25rem}.event-description{margin-bottom:1.5rem}.event-description h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.event-description p{color:hsla(0,0%,100%,.7);line-height:1.6;margin:0;white-space:pre-wrap}.event-meta-info{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.event-host{display:flex;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1);font-size:.875rem;color:hsla(0,0%,100%,.7)}.event-host .host-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.event-host .host-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.event-host .host-name{font-weight:500;color:#fff}.event-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.rsvp-card,.participants-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem}.rsvp-card h3,.participants-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem 0}.rsvp-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem}.rsvp-buttons .btn{flex:1;justify-content:center}.rsvp-counts{display:flex;justify-content:space-around;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.rsvp-count{display:flex;flex-direction:column;align-items:center}.rsvp-count .count{font-size:1.5rem;font-weight:700;color:#fff}.rsvp-count .label{font-size:.875rem;color:hsla(0,0%,100%,.7)}.participants-list{display:flex;flex-direction:column;gap:.5rem}.participant{display:flex;align-items:center;gap:.5rem}.participant .participant-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.participant .participant-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.participant .participant-name{font-size:.875rem;color:hsla(0,0%,100%,.85)}.event-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.event-form-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.form-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.form-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem 0;padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 576px){.form-row{grid-template-columns:1fr 1fr}}.checkbox-group{margin-top:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1.5rem}.btn-danger{background-color:#e50000;color:#fff;border-color:#e50000}.btn-danger:hover{background-color:rgb(194.65,0,0);border-color:rgb(194.65,0,0)}.vendors-page,.vendor-detail-page,.vendor-form-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.vendors-container,.vendor-detail-container,.vendor-form-container{max-width:1100px;margin:0 auto}.vendors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.vendors-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.vendors-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.vendors-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;flex-wrap:wrap;align-items:flex-end}.vendors-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.vendors-filters .filter-group label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7)}.vendors-filters .filter-group select,.vendors-filters .filter-group input{padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer}.vendors-filters .filter-group select::placeholder,.vendors-filters .filter-group input::placeholder{color:hsla(0,0%,100%,.4)}.vendors-filters .filter-group select:focus,.vendors-filters .filter-group input:focus{outline:none;border-color:hsla(0,0%,100%,.4);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.vendors-filters .filter-group input{min-width:200px}.vendors-empty{text-align:center;padding:3rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.vendors-empty h3{font-size:1.25rem;color:#fff;margin:0 0 .25rem 0}.vendors-empty p{color:hsla(0,0%,100%,.7);margin:0 0 1.5rem 0}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.vendor-card{display:flex;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;text-decoration:none;color:inherit;transition:all .2s ease;position:relative}.vendor-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.vendor-card.pending{opacity:.8;border-style:dashed}.vendor-logo{width:64px;height:64px;flex-shrink:0}.vendor-logo img{width:100%;height:100%;border-radius:.25rem;object-fit:cover}.vendor-logo-placeholder{width:100%;height:100%;border-radius:.25rem;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.vendor-logo-small{width:48px;height:48px;flex-shrink:0}.vendor-logo-small img{width:100%;height:100%;border-radius:.25rem;object-fit:cover}.vendor-logo-placeholder-small{width:100%;height:100%;border-radius:.25rem;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.vendor-info{flex:1;min-width:0}.vendor-info .vendor-name{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-info .vendor-location{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0 0 .5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-info .vendor-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.vendor-category-badge{display:inline-block;padding:2px .5rem;font-size:.875rem;font-weight:500;background:hsla(0,0%,100%,.1);color:#fff;border-radius:50rem}.vendor-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.vendor-rating .rating-stars{color:#ffe500;font-weight:600}.vendor-rating .rating-count{color:hsla(0,0%,100%,.7)}.pending-badge{position:absolute;top:.5rem;right:.5rem;padding:2px .5rem;font-size:.875rem;font-weight:500;color:#fff;background:#ffe500;color:#343a40;border-radius:.25rem}.vendor-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.vendor-detail-header .back-link{color:hsla(0,0%,100%,.85);text-decoration:none}.vendor-detail-header .back-link:hover{text-decoration:underline}.vendor-detail-header .vendor-actions{display:flex;gap:.5rem}.vendor-status-banner{padding:1rem;border-radius:.25rem;text-align:center;font-weight:500;margin-bottom:1.5rem}.vendor-status-banner.pending{background:rgba(255,229,0,.15);border:1px solid rgba(255,229,0,.3);color:rgb(153,137.4,0)}.vendor-status-banner.rejected{background:rgba(229,0,0,.1);border:1px solid rgba(229,0,0,.3);color:rgb(206.1,0,0)}.vendor-detail-main{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width: 768px){.vendor-detail-main{grid-template-columns:1fr 320px}}.vendor-detail-info{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem}.vendor-detail-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem 0}.vendor-detail-rating{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.vendor-detail-rating .rating-display{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fff}.vendor-detail-rating .rating-display .star-icon{color:#ffe500}.vendor-detail-rating .rating-count{font-size:.875rem;color:hsla(0,0%,100%,.7)}.vendor-description{margin-bottom:1.5rem}.vendor-description h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.vendor-description p{color:hsla(0,0%,100%,.7);line-height:1.6;margin:0;white-space:pre-wrap}.vendor-contact-info{margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:.25rem}.vendor-contact-info h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem 0}.vendor-contact-info .contact-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:hsla(0,0%,100%,.7)}.vendor-contact-info .contact-item:last-child{margin-bottom:0}.vendor-contact-info .contact-item a{color:hsla(0,0%,100%,.85);text-decoration:none}.vendor-contact-info .contact-item a:hover{text-decoration:underline}.vendor-address{margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:.25rem}.vendor-address h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.vendor-address p{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0;line-height:1.6}.vendor-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.reviews-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem}.reviews-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem 0}.reviews-empty{text-align:center;padding:1.5rem;color:hsla(0,0%,100%,.7)}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{padding:1rem;background:hsla(0,0%,100%,.05);border-radius:.25rem}.review-card .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.review-card .review-author{display:flex;align-items:center;gap:.5rem}.review-card .review-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.review-card .review-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #495057 0%, #343a40 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.review-card .review-author-info .author-name{font-weight:500;color:#fff;font-size:.875rem}.review-card .review-author-info .review-date{font-size:.875rem;color:hsla(0,0%,100%,.7)}.review-card .review-rating{font-weight:600;color:#ffe500}.review-card .review-comment{font-size:.875rem;color:hsla(0,0%,100%,.7);line-height:1.5;margin:0}.my-review-card{border:2px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08)}.my-review-card .my-review-label{font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.5rem}.my-review-card .my-review-actions{display:flex;gap:.5rem;margin-top:.5rem}.review-form{padding:1.5rem;background:hsla(0,0%,100%,.05);border-radius:.25rem;margin-top:1.5rem}.review-form h4{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem 0}.review-form .rating-input{display:flex;gap:.5rem;margin-bottom:1rem}.review-form .rating-input label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7);margin-right:.5rem}.review-form .rating-input .rating-buttons{display:flex;gap:.25rem}.review-form .rating-input .rating-btn{width:36px;height:36px;padding:0;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.7);font-weight:600;cursor:pointer;transition:all .2s ease}.review-form .rating-input .rating-btn:hover{border-color:hsla(0,0%,100%,.4);color:#fff}.review-form .rating-input .rating-btn.selected{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);color:#fff}.review-form .comment-input{margin-bottom:1rem}.review-form .comment-input label{display:block;font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7);margin-bottom:.25rem}.review-form .comment-input textarea{width:100%;padding:.5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;background:hsla(0,0%,100%,.05);color:#fff}.review-form .comment-input textarea::placeholder{color:hsla(0,0%,100%,.4)}.review-form .comment-input textarea:focus{outline:none;border-color:hsla(0,0%,100%,.4);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.review-form .review-form-actions{display:flex;justify-content:flex-end}.vendor-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vendor-form-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.pending-notice{padding:1rem;background:rgba(23,162,184,.1);border:1px solid rgba(23,162,184,.3);border-radius:.25rem;color:rgb(18.4,129.6,147.2);margin-bottom:1.5rem}.admin-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.admin-container{max-width:1100px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.admin-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.admin-empty{text-align:center;padding:3rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.admin-empty h3{font-size:1.25rem;color:#fff;margin:0 0 .25rem 0}.admin-empty p{color:hsla(0,0%,100%,.7);margin:0}.approval-queue{display:flex;flex-direction:column;gap:1rem}.approval-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;flex-wrap:wrap;gap:1rem}.approval-info{display:flex;align-items:center;gap:1rem}.approval-details h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem 0}.approval-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-success{background-color:#26b050;color:#fff;border-color:#26b050}.btn-success:hover{background-color:rgb(32.3,149.6,68);border-color:rgb(32.3,149.6,68)}.btn-danger-outline{background-color:rgba(0,0,0,0);color:#e50000;border:1px solid #e50000}.btn-danger-outline:hover{background-color:#e50000;color:#fff}.btn-sm{padding:.25rem .5rem;font-size:.875rem}@media(max-width: 768px){.vendors-page,.vendor-detail-page,.vendor-form-page{padding:1.5rem 1rem}.vendors-filters{flex-direction:column}.vendors-filters .filter-group{width:100%}.vendors-filters .filter-group input{min-width:auto;width:100%}.vendors-grid{grid-template-columns:1fr}.vendor-detail-main{grid-template-columns:1fr}.approval-card{flex-direction:column;align-items:flex-start}.approval-actions{width:100%}.approval-actions .btn{flex:1}}.marketplace-page,.listing-detail-page,.listing-form-page,.my-listings-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.marketplace-container,.listing-detail-container,.listing-form-container,.my-listings-container{max-width:1100px;margin:0 auto}.marketplace-header,.my-listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.marketplace-title,.my-listings-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.marketplace-subtitle{font-size:1rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.header-actions{display:flex;gap:.5rem}.marketplace-filters,.my-listings-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;flex-wrap:wrap;align-items:flex-end}.marketplace-filters .filter-group,.my-listings-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.marketplace-filters .filter-group label,.my-listings-filters .filter-group label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7)}.marketplace-filters .filter-group select,.marketplace-filters .filter-group input,.my-listings-filters .filter-group select,.my-listings-filters .filter-group input{padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer}.marketplace-filters .filter-group select::placeholder,.marketplace-filters .filter-group input::placeholder,.my-listings-filters .filter-group select::placeholder,.my-listings-filters .filter-group input::placeholder{color:hsla(0,0%,100%,.4)}.marketplace-filters .filter-group select:focus,.marketplace-filters .filter-group input:focus,.my-listings-filters .filter-group select:focus,.my-listings-filters .filter-group input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.marketplace-filters .filter-group input,.my-listings-filters .filter-group input{min-width:200px}.marketplace-empty,.listing-form-empty,.my-listings-empty,.listing-not-found{text-align:center;padding:3rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.marketplace-empty h3,.listing-form-empty h3,.marketplace-empty h2,.listing-form-empty h2,.my-listings-empty h3,.my-listings-empty h2,.listing-not-found h3,.listing-not-found h2{font-size:1.25rem;color:#fff;margin:0 0 .25rem 0}.marketplace-empty p,.listing-form-empty p,.my-listings-empty p,.listing-not-found p{color:hsla(0,0%,100%,.7);margin:0 0 1.5rem 0}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1.5rem}.listing-card{display:flex;flex-direction:column;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;text-decoration:none;color:inherit;transition:all .2s ease;position:relative;overflow:hidden}.listing-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.listing-card.sold{opacity:.7}.listing-card.sold:hover{transform:none}.listing-image{width:100%;height:180px;overflow:hidden;background:hsla(0,0%,100%,.05)}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.4);font-size:.875rem}.listing-image-placeholder.large{height:300px;font-size:1rem}.listing-info{padding:1rem}.listing-info .listing-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-info .listing-meta{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.listing-info .listing-seller{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-type-badge{display:inline-block;padding:2px .5rem;font-size:.875rem;font-weight:500;border-radius:50rem}.listing-type-badge.sell{background:rgba(38,176,80,.15);color:rgb(30.4,140.8,64)}.listing-type-badge.buy{background:rgba(23,162,184,.15);color:rgb(19.55,137.7,156.4)}.listing-type-badge.free{background:hsla(0,0%,100%,.15);color:hsl(0,0%,90%)}.listing-status-badge{display:inline-block;padding:2px .5rem;font-size:.875rem;font-weight:500;border-radius:50rem}.listing-status-badge.available{background:rgba(38,176,80,.15);color:rgb(30.4,140.8,64)}.listing-status-badge.pending{background:rgba(255,229,0,.2);color:rgb(153,137.4,0)}.listing-status-badge.sold{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.7)}.listing-status-badge.closed{background:rgba(229,0,0,.1);color:rgb(255,2.1,2.1)}.listing-price{font-size:1rem;font-weight:700;color:#fff}.listing-price.free{color:#fff}.sold-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600;color:#fff;background:hsla(0,0%,100%,.3);border-radius:.25rem}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.listing-header .back-link{color:#fff;text-decoration:none}.listing-header .back-link:hover{text-decoration:underline}.listing-header .listing-actions{display:flex;gap:.5rem;flex-wrap:wrap}.listing-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width: 768px){.listing-content{grid-template-columns:1fr 340px}}.listing-main{display:flex;flex-direction:column;gap:1.5rem}.listing-image-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden}.listing-image-section .listing-main-image{width:100%;max-height:400px;object-fit:contain;display:block}.listing-info-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem}.listing-status-row{display:flex;gap:.5rem;margin-bottom:1rem}.listing-detail-page .listing-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem 0}.listing-price-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.listing-price-section .listing-price{font-size:1.5rem}.listing-description{margin-bottom:1.5rem}.listing-description h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.listing-description p{color:hsla(0,0%,100%,.7);line-height:1.6;margin:0;white-space:pre-wrap}.listing-meta p{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0 0 .25rem 0}.listing-meta p:last-child{margin-bottom:0}.listing-sidebar{display:flex;flex-direction:column;gap:1.5rem}.seller-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem}.seller-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem 0}.seller-info{display:flex;align-items:center;gap:1rem}.seller-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.seller-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #42708C 0%, #7EADBF 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.seller-name{font-weight:500;color:#fff}.message-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem}.message-section h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem 0}.loading-small{padding:1rem;text-align:center;color:hsla(0,0%,100%,.7)}.message-thread{max-height:300px;overflow-y:auto;margin-bottom:1rem;padding-right:.25rem}.message-thread .no-messages{text-align:center;color:hsla(0,0%,100%,.7);font-size:.875rem;padding:1.5rem 0}.message-bubble{padding:.5rem 1rem;border-radius:.5rem;margin-bottom:.5rem}.message-bubble.own{background:hsla(0,0%,100%,.1);margin-left:1.5rem}.message-bubble.other{background:hsla(0,0%,100%,.05);margin-right:1.5rem}.message-bubble .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.message-bubble .message-sender{font-size:.875rem;font-weight:500;color:#fff}.message-bubble .message-time{font-size:.875rem;color:hsla(0,0%,100%,.4)}.message-bubble .message-content{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0;line-height:1.5}.message-form{display:flex;flex-direction:column;gap:.5rem}.message-form textarea{width:100%;padding:.5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;background:hsla(0,0%,100%,.05);color:#fff}.message-form textarea::placeholder{color:hsla(0,0%,100%,.4)}.message-form textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.message-form .btn{align-self:flex-end}.listing-form-page .back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:.5rem}.listing-form-page .back-link:hover{text-decoration:underline}.listing-form-page .back-link .back-arrow{margin-right:.25rem}.form-header{margin-bottom:2rem}.form-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.listing-form{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem;max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.25rem}.form-group .form-input,.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;font-family:inherit;background:hsla(0,0%,100%,.05);color:#fff}.form-group .form-input::placeholder,.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.4)}.form-group .form-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.form-group .form-input:disabled,.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:hsla(0,0%,100%,.02);color:hsla(0,0%,100%,.4);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.price-input-wrapper{display:flex;align-items:center}.price-input-wrapper .price-prefix{padding:.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-right:none;border-radius:.25rem 0 0 .25rem;color:hsla(0,0%,100%,.7);font-weight:500}.price-input-wrapper .price-input{border-radius:0 .25rem .25rem 0;max-width:200px}.form-hint{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.form-static{padding:.5rem;background:hsla(0,0%,100%,.05);border-radius:.25rem;color:#fff;margin:0 0 .25rem 0}.form-error{padding:1rem;background:rgba(229,0,0,.1);border:1px solid rgba(229,0,0,.3);border-radius:.25rem;color:rgb(255,2.1,2.1);margin-bottom:1.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.image-upload{display:flex;flex-direction:column;gap:1rem}.image-preview{width:200px;height:200px;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden;background:hsla(0,0%,100%,.05)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-size:.875rem}.image-actions{display:flex;gap:.5rem}.image-upload-btn{cursor:pointer}.image-upload-btn input[type=file]{display:none}.form-error-text{color:#e50000;font-size:.875rem;margin:0}.my-listings-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem}.my-listing-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden;transition:all .2s ease}.my-listing-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.2)}.my-listing-card.inactive{opacity:.7}.my-listing-card .listing-link{display:block;text-decoration:none;color:inherit}.my-listing-card .listing-image{height:160px}.my-listing-card .listing-info .listing-date{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0}.my-listing-card .listing-status-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.1)}.my-listing-card .listing-quick-actions{display:flex;gap:.25rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem;max-width:400px;width:90%}.modal h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem 0}.modal p{color:hsla(0,0%,100%,.7);margin:0 0 1.5rem 0}.modal .modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination .pagination-info{font-size:.875rem;color:hsla(0,0%,100%,.7)}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn-danger{background-color:#e50000;color:#fff;border-color:#e50000}.btn-danger:hover{background-color:rgb(194.65,0,0);border-color:rgb(194.65,0,0)}@media(max-width: 768px){.marketplace-page,.listing-detail-page,.listing-form-page,.my-listings-page{padding:1.5rem 1rem}.marketplace-header,.my-listings-header{flex-direction:column;align-items:flex-start}.marketplace-header .header-actions,.my-listings-header .header-actions{width:100%}.marketplace-header .header-actions .btn,.my-listings-header .header-actions .btn{flex:1}.marketplace-filters,.my-listings-filters{flex-direction:column}.marketplace-filters .filter-group,.my-listings-filters .filter-group{width:100%}.marketplace-filters .filter-group input,.my-listings-filters .filter-group input{min-width:auto;width:100%}.marketplace-grid,.my-listings-grid{grid-template-columns:1fr}.listing-content{grid-template-columns:1fr}.listing-header{flex-direction:column;align-items:flex-start;gap:1rem}.listing-header .listing-actions{width:100%}.listing-header .listing-actions .btn{flex:1}.listing-form{padding:1.5rem}}.feed-page,.post-detail-page,.post-form-page{padding:2rem 1.5rem;background:#000;min-height:calc(100vh - 64px - 200px)}.feed-container,.post-detail-container,.post-form-container{max-width:800px;margin:0 auto}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.feed-hero{margin-bottom:1.5rem}.feed-title{font-size:2rem;font-weight:700;color:#fff;margin:0;letter-spacing:-0.01em}.feed-subtitle{font-size:.875rem;color:hsla(0,0%,100%,.55);margin:.25rem 0 0 0;text-transform:uppercase;letter-spacing:.08em}.header-actions{display:flex;gap:.5rem}.feed-composer{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:50rem;color:hsla(0,0%,100%,.6);text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.feed-composer:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.18);color:#fff}.feed-composer:active{transform:scale(0.995)}.feed-composer .composer-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #42708C 0%, #7EADBF 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;line-height:1}.feed-composer .composer-prompt{flex:1;font-size:1rem}.feed-composer .composer-cta{flex:0 0 auto;padding:.25rem 1rem;background:#fff;color:#000;border-radius:50rem;font-size:.875rem;font-weight:600}.feed-tools{position:sticky;top:64px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;margin-bottom:.5rem;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid hsla(0,0%,100%,.08);flex-wrap:wrap}.feed-tabs{display:flex;gap:.25rem;flex-wrap:wrap}.feed-tab{padding:.25rem 1rem;border:1px solid rgba(0,0,0,0);border-radius:50rem;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.6);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.feed-tab:hover{background:hsla(0,0%,100%,.06);color:#fff}.feed-tab.active{background:#fff;color:#000;border-color:#fff}.feed-search{display:inline-flex;align-items:center;gap:.25rem;padding:0 .5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50rem;transition:border-color .15s ease,background .15s ease}.feed-search svg{width:16px;height:16px;color:hsla(0,0%,100%,.5);flex:0 0 auto}.feed-search input{border:0;background:rgba(0,0,0,0);color:#fff;font-size:.875rem;padding:.25rem 0;min-width:180px}.feed-search input::placeholder{color:hsla(0,0%,100%,.4)}.feed-search input:focus{outline:none}.feed-search:focus-within{border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.08)}.feed-search:focus-within svg{color:hsla(0,0%,100%,.8)}.feed-stream{display:flex;flex-direction:column;border-top:1px solid hsla(0,0%,100%,.08)}.feed-post{display:flex;gap:1rem;padding:1.5rem .25rem;border-bottom:1px solid hsla(0,0%,100%,.08);transition:background .15s ease}.feed-post:hover{background:hsla(0,0%,100%,.02)}.feed-post.pinned{background:rgba(126,173,191,.04);border-left:2px solid rgba(126,173,191,.7);padding-left:1rem}.feed-post-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg, #42708C 0%, #7EADBF 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.feed-post-avatar img{width:100%;height:100%;object-fit:cover}.feed-post-body{flex:1;min-width:0}.feed-post-head{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin-bottom:.25rem;font-size:.875rem}.feed-post-author{color:#fff;font-weight:600}.feed-post-sep{color:hsla(0,0%,100%,.3)}.feed-post-time{color:hsla(0,0%,100%,.5);text-decoration:none}.feed-post-time:hover{color:hsla(0,0%,100%,.8);text-decoration:underline}.feed-post-tag{display:inline-flex;align-items:center;gap:4px;padding:1px .5rem;font-size:.75rem;font-weight:500;border-radius:50rem;margin-left:.25rem;text-transform:lowercase;letter-spacing:.02em}.feed-post-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.feed-post-tag.type-general{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}.feed-post-tag.type-question{background:rgba(23,162,184,.15);color:rgb(28.05,197.5695652174,224.4)}.feed-post-tag.type-alert{background:rgba(229,0,0,.15);color:rgb(255,44.25,44.25)}.feed-post-flag{margin-left:.25rem;padding:1px .5rem;font-size:.75rem;font-weight:500;border-radius:50rem;background:rgba(126,173,191,.18);color:#7eadbf}.feed-post-image{display:block;width:100%;max-height:400px;overflow:hidden;border-radius:.5rem;margin-bottom:.5rem}.feed-post-image img{width:100%;max-height:400px;object-fit:cover;display:block;transition:transform .3s ease}.feed-post-image:hover img{transform:scale(1.02)}.feed-post-text{color:hsla(0,0%,100%,.92);line-height:1.55;margin:0 0 .5rem 0;white-space:pre-wrap;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.feed-post-actions{display:flex;gap:1.5rem;margin-top:.5rem;max-width:420px}.fp-action{display:inline-flex;align-items:center;gap:.25rem;padding:6px 10px 6px 6px;border:0;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.55);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:50rem;text-decoration:none;transition:color .15s ease,background .15s ease,transform .15s ease}.fp-action svg{width:18px;height:18px;transition:fill .15s ease,transform .15s ease;fill:none}.fp-action:hover{color:#fff;background:hsla(0,0%,100%,.06)}.fp-action:hover svg{transform:scale(1.08)}.fp-action:active svg{transform:scale(0.92)}.fp-action span{font-variant-numeric:tabular-nums;min-width:8px}.fp-like.active{color:#7eadbf}.fp-like.active svg{fill:#7eadbf;stroke:#7eadbf}.fp-helpful.active{color:#7eadbf}.fp-helpful.active svg{fill:rgba(126,173,191,.25);stroke:#7eadbf}.fp-thanks.active{color:#7eadbf}.fp-thanks.active svg{fill:rgba(126,173,191,.25);stroke:#7eadbf}.fp-comment{margin-left:auto}.feed-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;flex-wrap:wrap;align-items:flex-end}.feed-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.feed-filters .filter-group label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7)}.feed-filters .filter-group select,.feed-filters .filter-group input{padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;background:hsla(0,0%,100%,.05);color:#fff;cursor:pointer}.feed-filters .filter-group select::placeholder,.feed-filters .filter-group input::placeholder{color:hsla(0,0%,100%,.4)}.feed-filters .filter-group select:focus,.feed-filters .filter-group input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.feed-filters .filter-group input{min-width:200px}.feed-empty,.post-not-found{text-align:center;padding:3rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.feed-empty h3,.feed-empty h2,.post-not-found h3,.post-not-found h2{font-size:1.25rem;color:#fff;margin:0 0 .25rem 0}.feed-empty p,.post-not-found p{color:hsla(0,0%,100%,.7);margin:0 0 1.5rem 0}.feed-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden;transition:all .2s ease}.post-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.2)}.post-card.pinned{border-color:rgba(126,173,191,.5);background:rgba(126,173,191,.05)}.post-header{display:flex;align-items:center;gap:1rem;padding:1rem}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #42708C 0%, #7EADBF 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.post-meta{flex:1;min-width:0}.post-meta .post-author{font-weight:500;color:#fff;margin:0}.post-meta .post-date{font-size:.875rem;color:hsla(0,0%,100%,.5);margin:0}.post-badges{display:flex;gap:.25rem;align-items:center}.post-type-badge{display:inline-block;padding:2px .5rem;font-size:.875rem;font-weight:500;border-radius:50rem}.post-type-badge.general{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.post-type-badge.question{background:rgba(23,162,184,.15);color:rgb(19.55,137.7,156.4)}.post-type-badge.alert{background:rgba(229,0,0,.15);color:rgb(255,2.1,2.1)}.pinned-badge{display:inline-block;padding:2px .5rem;font-size:.875rem;font-weight:500;border-radius:50rem;background:rgba(126,173,191,.2);color:#7eadbf}.post-content{padding:0 1rem 1rem 1rem}.post-content .post-text{color:hsla(0,0%,100%,.9);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.post-content .post-text.truncated{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-image{width:100%;max-height:400px;overflow:hidden;margin-bottom:1rem}.post-image img{width:100%;max-height:400px;object-fit:cover;display:block}.post-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-top:1px solid hsla(0,0%,100%,.1)}.post-reactions{display:flex;gap:.5rem}.reaction-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.15);border-radius:50rem;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.6);cursor:pointer;font-size:.875rem;transition:all .2s ease}.reaction-btn:hover{border-color:hsla(0,0%,100%,.3);color:#fff;background:hsla(0,0%,100%,.05)}.reaction-btn.active{border-color:#7eadbf;color:#7eadbf;background:rgba(126,173,191,.1)}.reaction-btn .reaction-count{font-weight:500}.post-stats{display:flex;gap:1rem;font-size:.875rem;color:hsla(0,0%,100%,.5)}.post-stats a{color:hsla(0,0%,100%,.5);text-decoration:none}.post-stats a:hover{color:hsla(0,0%,100%,.8)}.post-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.post-detail-header .back-link{color:#fff;text-decoration:none}.post-detail-header .back-link:hover{text-decoration:underline}.post-detail-header .post-actions{display:flex;gap:.5rem;flex-wrap:wrap}.post-detail-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;margin-bottom:2rem}.post-detail-content{padding:1rem}.post-detail-content .post-text{color:hsla(0,0%,100%,.9);line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:1rem}.post-detail-image{width:100%;overflow:hidden;margin-bottom:1rem}.post-detail-image img{width:100%;max-height:500px;object-fit:contain;display:block}.post-detail-meta{padding:.5rem 1rem;border-top:1px solid hsla(0,0%,100%,.1);font-size:.875rem;color:hsla(0,0%,100%,.5)}.post-detail-meta p{margin:0}.comments-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem}.comments-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem 0}.comment-form{margin-bottom:1.5rem}.comment-form textarea{width:100%;padding:.5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;background:hsla(0,0%,100%,.05);color:#fff}.comment-form textarea::placeholder{color:hsla(0,0%,100%,.4)}.comment-form textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.comment-form .form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{text-align:center;color:hsla(0,0%,100%,.5);padding:1.5rem 0}.comment{background:hsla(0,0%,100%,.05);border-radius:.5rem;padding:1rem}.comment.reply{margin-left:2rem;background:hsla(0,0%,100%,.03)}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #42708C 0%, #7EADBF 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.comment-meta{flex:1}.comment-meta .comment-author{font-weight:500;color:#fff;font-size:.875rem;margin:0}.comment-meta .comment-date{font-size:.875rem;color:hsla(0,0%,100%,.4);margin:0}.comment-actions{display:flex;gap:.25rem}.comment-content{color:hsla(0,0%,100%,.8);line-height:1.5;margin:0 0 .5rem 0;white-space:pre-wrap;word-wrap:break-word}.comment-footer{display:flex;gap:.5rem}.reply-btn{font-size:.875rem;color:hsla(0,0%,100%,.5);background:none;border:none;cursor:pointer;padding:0}.reply-btn:hover{color:#fff}.reply-form{margin-top:.5rem;padding-top:.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.reply-form textarea{width:100%;padding:.25rem .5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;background:hsla(0,0%,100%,.05);color:#fff}.reply-form textarea::placeholder{color:hsla(0,0%,100%,.4)}.reply-form textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.reply-form .form-actions{display:flex;justify-content:flex-end;gap:.25rem;margin-top:.25rem}.replies-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.post-form-page .back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:.5rem}.post-form-page .back-link:hover{text-decoration:underline}.post-form-page .back-link .back-arrow{margin-right:.25rem}.form-header{margin-bottom:2rem}.form-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.post-form{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.25rem}.form-group .form-input,.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-size:1rem;font-family:inherit;background:hsla(0,0%,100%,.05);color:#fff}.form-group .form-input::placeholder,.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.4)}.form-group .form-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.form-group .form-input:disabled,.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:hsla(0,0%,100%,.02);color:hsla(0,0%,100%,.4);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:150px}.char-count{font-size:.875rem;color:hsla(0,0%,100%,.5);text-align:right;margin-top:.25rem}.char-count.warning{color:#ffe500}.char-count.error{color:#e50000}.form-hint{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:.25rem 0 0 0}.form-error{padding:1rem;background:rgba(229,0,0,.1);border:1px solid rgba(229,0,0,.3);border-radius:.25rem;color:rgb(255,2.1,2.1);margin-bottom:1.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.image-upload{display:flex;flex-direction:column;gap:1rem}.image-preview{width:200px;height:200px;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden;background:hsla(0,0%,100%,.05)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-size:.875rem}.image-actions{display:flex;gap:.5rem}.image-upload-btn{cursor:pointer}.image-upload-btn input[type=file]{display:none}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn-danger{background-color:#e50000;color:#fff;border-color:#e50000}.btn-danger:hover{background-color:rgb(194.65,0,0);border-color:rgb(194.65,0,0)}.btn-ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.6)}.btn-ghost:hover{background:hsla(0,0%,100%,.05);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination .pagination-info{font-size:.875rem;color:hsla(0,0%,100%,.7)}@media(max-width: 768px){.feed-page,.post-detail-page,.post-form-page{padding:1.5rem 1rem}.feed-header,.post-detail-header{flex-direction:column;align-items:flex-start}.feed-header .header-actions,.feed-header .post-actions,.post-detail-header .header-actions,.post-detail-header .post-actions{width:100%}.feed-header .header-actions .btn,.feed-header .post-actions .btn,.post-detail-header .header-actions .btn,.post-detail-header .post-actions .btn{flex:1}.feed-filters{flex-direction:column}.feed-filters .filter-group{width:100%}.feed-filters .filter-group input{min-width:auto;width:100%}.post-form{padding:1.5rem}.comment.reply{margin-left:1rem}.post-reactions{flex-wrap:wrap}.feed-tools{flex-direction:column;align-items:stretch}.feed-search{width:100%}.feed-search input{min-width:0;width:100%}.feed-composer{padding:.5rem 1rem}.feed-composer .composer-prompt{font-size:.875rem}.feed-post{padding:1rem .25rem;gap:.5rem}.feed-post-avatar{width:38px;height:38px}.feed-post-actions{gap:1rem}}.notification-wrapper{position:relative}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:#fff;cursor:pointer;transition:background-color .2s}.notification-bell:hover{background-color:hsla(0,0%,100%,.1)}.notification-bell svg{width:20px;height:20px}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background-color:#e50000;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:50rem}.notification-badge-inline{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:.5rem;background-color:#e50000;color:#fff;font-size:11px;font-weight:700;border-radius:50rem}.notification-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background-color:#212529;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;box-shadow:0 10px 15px rgba(0,0,0,.1);z-index:1000;overflow:hidden;display:flex;flex-direction:column}@media(max-width: 576px){.notification-dropdown{position:fixed;top:56px;left:.5rem;right:.5rem;width:auto}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.notification-header h3{margin:0;font-size:.875rem;font-weight:600;color:#fff}.mark-all-read{background:none;border:none;color:#7eadbf;font-size:12px;cursor:pointer;padding:0}.mark-all-read:hover{color:#fff}.notification-list{overflow-y:auto;flex:1}.notification-empty{padding:2rem;text-align:center;color:#929292;font-size:.875rem}.notification-item{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding:1rem;background:none;border:none;border-bottom:1px solid hsla(0,0%,100%,.05);color:#dee2e6;text-align:left;cursor:pointer;transition:background-color .15s}.notification-item:hover{background-color:hsla(0,0%,100%,.05)}.notification-item.unread{background-color:rgba(66,112,140,.1)}.notification-item.unread .notification-title{color:#fff}.notification-item:last-child{border-bottom:none}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:.875rem;font-weight:500;color:#dee2e6;line-height:1.3}.notification-message{font-size:12px;color:#929292;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:11px;color:#6c757d}.notification-dot{flex-shrink:0;width:8px;height:8px;margin-top:4px;background-color:#7eadbf;border-radius:50%}.notification-mobile-link{display:flex;align-items:center;background:none;border:none;font-size:inherit;cursor:pointer}