@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500&display=swap";*{box-sizing:border-box}:root{--navy-dark: #0a1628;--navy-primary: #132337;--navy-secondary: #1a3a5c;--navy-light: #2a5078;--navy-glow: #3b82f6;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--accent-pink: #ec4899;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .2);--glass-glow: rgba(59, 130, 246, .3);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .15);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 40px rgba(59, 130, 246, .15);--shadow-glow-hover: 0 0 60px rgba(59, 130, 246, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px}.resident-theme{--resident-bg-primary: #FFFFFF;--resident-bg-secondary: #FAFAFA;--resident-bg-tertiary: #F5F5F7;--resident-text-primary: #1A1A1A;--resident-text-secondary: #6B7280;--resident-text-muted: #9CA3AF;--resident-text-accent: #3b82f6;--resident-card-bg: #FFFFFF;--resident-card-shadow: 0 2px 8px rgba(0, 0, 0, .06);--resident-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1);--resident-card-border: rgba(0, 0, 0, .04);--resident-card-radius: 16px;--resident-accent-primary: #3b82f6;--resident-accent-secondary: #06b6d4;--resident-accent-success: #10b981;--resident-accent-warning: #f59e0b;--resident-accent-error: #ef4444;--resident-spacing-card: 24px;--resident-spacing-section: 32px;--resident-font-weight-light: 300;--resident-font-weight-regular: 400;--resident-font-weight-medium: 500;--resident-font-weight-semibold: 600;--resident-line-height: 1.6;--resident-input-bg: #F5F5F7;--resident-input-border: rgba(0, 0, 0, .08);--resident-divider: rgba(0, 0, 0, .06)}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base);line-height:1.6;color:var(--gray-900);background:var(--navy-dark)}#root{min-height:100vh}button{font-family:"Inter",inherit;cursor:pointer;transition:all var(--transition-base);border:none;outline:none}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;letter-spacing:-.02em}p{margin:0;line-height:1.6}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{background:#ffffff1f;border-color:var(--glass-border-hover);box-shadow:var(--shadow-glow-hover);transform:translateY(-4px)}.accent-line{position:relative}.accent-line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-blue),var(--accent-cyan));border-radius:3px 0 0 3px;opacity:.8;transition:all var(--transition-base)}.accent-line:hover:before{opacity:1;box-shadow:0 0 20px var(--accent-blue)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.2s}.delay-4{animation-delay:.25s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.35s}.loading{animation:spin 1s linear infinite}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--navy-dark)}::-webkit-scrollbar-thumb{background:var(--navy-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--navy-glow)}.resident-inner-page{position:relative;min-height:100vh;background:#f5f0e8}.resident-inner-page:before{content:"";position:absolute;top:0;left:0;right:0;height:28vh;min-height:200px;max-height:280px;background-image:url(https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1920&q=80);background-size:cover;background-position:center;z-index:0;pointer-events:none}.resident-inner-page:after{content:"";position:absolute;top:0;left:0;right:0;height:28vh;min-height:200px;max-height:280px;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 35%,rgba(245,240,232,.3) 48%,rgba(245,240,232,.6) 60%,rgba(245,240,232,.88) 75%,rgba(245,240,232,.98) 88%,#F5F0E8 100%),linear-gradient(180deg,#ffa03c59,#ffaa5040,#ffaf5f1f)}.resident-inner-page>*{position:relative;z-index:1}.inner-page-hero{position:relative;height:28vh;min-height:200px;max-height:280px;width:100%;display:flex;flex-direction:column}.inner-page-back-btn{position:absolute;top:16px;left:16px;padding-top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.inner-page-back-btn:hover{background:#ffffff40;transform:scale(1.02)}.inner-page-weather{position:absolute;top:70px;left:16px;padding-top:env(safe-area-inset-top,0);color:#fff;z-index:5}.inner-page-weather .weather-datetime{font-size:12px;font-weight:400;color:#ffffffd9;margin-bottom:4px;letter-spacing:.02em}.inner-page-weather .weather-temp-row{display:flex;align-items:center;gap:5px;margin-bottom:2px}.inner-page-weather .weather-icon{color:#fff;opacity:.85}.inner-page-weather .weather-temp{font-size:32px;font-weight:300;color:#fff;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.2)}.inner-page-weather .weather-condition{font-size:12px;font-weight:400;color:#fffc}.inner-page-title-container{position:absolute;bottom:48px;left:0;right:0;text-align:center;z-index:5}.inner-page-title{font-size:34px;font-weight:300;color:#1a1a1a;letter-spacing:.08em;margin:0;text-shadow:none;font-family:Playfair Display,Canela,GT Super Display,Georgia,Times New Roman,serif}:root{--hero-content-offset: -24px;--filter-spacing: 12px}.resident-inner-page main,.resident-inner-page .building-content,.resident-inner-page .packages-summary,.resident-inner-page .community-split-layout{margin-top:var(--hero-content-offset);padding-top:0;position:relative}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);padding:var(--spacing-lg);animation:fadeIn .4s ease}.login-card{background:#fff;padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;width:100%;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--navy-primary);margin:0 0 var(--spacing-sm) 0;text-align:center;letter-spacing:-.5px}.tagline{font-size:var(--font-size-base);color:var(--gray-500);margin:0 0 var(--spacing-xl) 0;text-align:center;font-weight:400}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--navy-primary);margin-bottom:var(--spacing-sm);text-align:left}.form-group input{width:100%;padding:14px 16px;font-size:var(--font-size-base);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-base);box-sizing:border-box;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--navy-secondary);box-shadow:0 0 0 3px #2c52821a}.form-group input::placeholder{color:var(--gray-400)}.login-button{width:100%;padding:14px 16px;font-size:var(--font-size-base);font-weight:600;color:#fff;background:var(--navy-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:inherit;box-shadow:var(--shadow-sm)}.login-button:hover{background:var(--navy-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-button:active{transform:translateY(0)}.back-button{background:transparent;border:none;font-size:var(--font-size-base);font-weight:600;color:var(--navy-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.back-button:hover{background:var(--gray-100);transform:translate(-2px)}.back-button:active{transform:translate(0)}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--navy-primary);margin:0}.page-header-common{background:#fff;padding:var(--spacing-lg) var(--spacing-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-md);position:sticky;top:0;z-index:10}.page-wrapper{animation:pageEnter .3s ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:var(--spacing-md)}.login-card{padding:var(--spacing-xl) var(--spacing-lg)}.app-title{font-size:var(--font-size-3xl)}.page-header-common{padding:var(--spacing-md)}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;position:relative;overflow:hidden;background:#e8e4dc}.bg-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-image:url(https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1920&q=80);background-size:120%;background-position:center 40%;background-repeat:no-repeat;filter:blur(12px);opacity:1}.bg-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(252,248,242,.5) 50%,rgba(252,248,242,.8) 70%,rgba(250,246,240,.98) 100%),linear-gradient(90deg,rgba(255,210,170,.3) 0%,transparent 25%,transparent 75%,rgba(255,210,170,.3) 100%),linear-gradient(180deg,#ffc89640,#ffbe8c33,#ffb98226 60%,#fcf8f233)}.floating-shapes{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7) 0%,rgba(255,255,255,.25) 30%,rgba(255,230,200,.1) 60%,transparent 100%);filter:blur(1px)}.shape-1{width:180px;height:180px;bottom:20%;left:10%;opacity:.5;animation:floatBokeh 25s ease-in-out infinite}.shape-2{width:100px;height:100px;top:25%;right:18%;opacity:.4;animation:floatBokeh 20s ease-in-out infinite reverse;animation-delay:-5s}.shape-3{width:70px;height:70px;bottom:35%;right:12%;opacity:.6;animation:floatBokeh 15s ease-in-out infinite;animation-delay:-10s}.shape-4{width:130px;height:130px;bottom:8%;right:30%;opacity:.35;animation:floatBokeh 30s ease-in-out infinite reverse;animation-delay:-3s}.shape-5{width:50px;height:50px;top:40%;left:18%;opacity:.5;animation:floatBokeh 18s ease-in-out infinite;animation-delay:-8s}.shape-6{width:90px;height:90px;top:12%;left:28%;opacity:.4;animation:floatBokeh 22s ease-in-out infinite reverse;animation-delay:-12s}@keyframes floatBokeh{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(12px,-15px) scale(1.03);opacity:.5}50%{transform:translate(-8px,12px) scale(.97);opacity:.35}75%{transform:translate(15px,8px) scale(1.01);opacity:.45}}.login-container .bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.login-container .bg-orb-1{width:450px;height:450px;background:radial-gradient(circle,rgba(255,210,170,.35) 0%,transparent 70%);top:-120px;right:-80px;animation:floatOrb 20s ease-in-out infinite}.login-container .bg-orb-2{width:380px;height:380px;background:radial-gradient(circle,rgba(255,195,145,.25) 0%,transparent 70%);bottom:-80px;left:-80px;animation:floatOrb 25s ease-in-out infinite reverse}.login-container .bg-orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(220,200,180,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseOrb 15s ease-in-out infinite}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-25px) scale(1.08)}66%{transform:translate(-18px,18px) scale(.95)}}@keyframes pulseOrb{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.1)}}.login-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeInUp .8s ease;width:100%;max-width:420px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card-glass{background:#ffffffbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:40px 36px;width:100%;box-shadow:0 8px 40px #78645014,0 2px 12px #0000000a,0 0 0 1px #fff9 inset}.login-header{text-align:center;margin-bottom:28px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fffc;border:1px solid rgba(0,0,0,.06);border-radius:16px;color:#5a5550;margin-bottom:20px;box-shadow:0 4px 16px #0000000d}.login-title{font-size:42px;font-weight:400;font-family:Georgia,Times New Roman,serif;color:#2d3748;letter-spacing:.02em;margin:0 0 12px}.login-tagline{font-size:15px;color:#6b7280;margin:0;font-weight:400;line-height:1.5}.role-toggle{display:flex;gap:12px;margin-bottom:12px}.role-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;font-size:13px;font-weight:500;color:#5a5550;background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:14px;cursor:pointer;transition:all .3s ease}.role-btn:hover{background:#ffffffe6;border-color:#0000001f}.role-btn.active{color:#fff;background:linear-gradient(135deg,#5b8a8a,#4a7878);border-color:transparent;box-shadow:0 4px 12px #4a787840}.role-btn svg{width:20px;height:20px}.role-descriptions{display:flex;gap:12px;margin-bottom:20px}.role-desc{flex:1;font-size:12px;color:#9ca3af;text-align:center;margin:0;line-height:1.4;opacity:.7;transition:opacity .3s ease}.role-desc.active{color:#6b7280;opacity:1}.login-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px 16px;margin-bottom:16px;color:#dc2626;font-size:13px;text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-form{display:flex;flex-direction:column;gap:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none;transition:color .3s ease}.input-wrapper:focus-within .input-icon{color:#5b8a8a}.input-wrapper input{width:100%;padding:16px 16px 16px 48px;font-size:15px;font-family:inherit;color:#1f2937;background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:14px;transition:all .3s ease}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 4px #5b8a8a1a}.input-helper{font-size:12px;color:#9ca3af;padding-left:4px}.login-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b9a9a,#4a8585);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;margin-top:6px;position:relative;overflow:hidden}.login-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a8585,#3d7070);opacity:0;transition:opacity .3s ease}.login-btn-primary:hover:before{opacity:1}.login-btn-primary span,.login-btn-primary svg{position:relative;z-index:1}.login-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a85854d,0 4px 12px #5b9a9a33}.login-btn-primary:hover svg{transform:translate(4px)}.login-btn-primary svg{transition:transform .3s ease}.login-btn-primary:active{transform:translateY(0)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;font-size:13px;font-weight:500;color:#6b7280;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .3s ease}.demo-login-btn:hover{color:#374151;background:#fffc;border-color:#0000001f}.demo-login-btn svg{color:#a855f7}.register-prompt{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}.register-prompt>span{font-size:13px;color:#6b7280}.register-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#5b8a8a;background:transparent;border:none;cursor:pointer;transition:all .3s ease}.register-link:hover{color:#4a7575}.register-link:hover svg{transform:translate(4px)}.register-link svg{transition:transform .3s ease}.value-props{display:flex;justify-content:space-around;align-items:flex-start;margin-top:28px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)}.value-prop-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.value-prop-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f0e8cc;border-radius:10px;color:#6b6560}.value-prop-item span{font-size:12px;font-weight:500;color:#4a4a4a;line-height:1.3}.trust-signal{font-size:12px;color:#9ca3af;text-align:center;margin:20px 0 0}@media(max-width:768px){.login-container{padding:16px}.login-card-glass{padding:32px 24px;border-radius:24px}.login-logo{width:56px;height:56px;border-radius:14px}.login-title{font-size:34px}.login-tagline{font-size:14px}.role-btn{padding:14px 10px;font-size:12px}.role-btn svg{width:18px;height:18px}.role-desc{font-size:11px}.value-props{gap:8px}.value-prop-icon{width:36px;height:36px}.value-prop-item span{font-size:11px}.shape-1,.shape-4{display:none}.shape-2,.shape-3,.shape-5,.shape-6{width:50px;height:50px}.login-container .bg-orb-1{width:280px;height:280px}.login-container .bg-orb-2{width:220px;height:220px}.login-container .bg-orb-3{width:180px;height:180px}}@media(max-width:380px){.role-toggle{flex-direction:column;gap:8px}.role-btn{flex-direction:row;padding:14px 16px}.role-descriptions{flex-direction:column;gap:4px}.value-props{flex-wrap:wrap;gap:16px}.value-prop-item{flex:0 0 calc(50% - 8px)}.value-prop-item:last-child{flex:0 0 100%}}@media(prefers-reduced-motion:reduce){.login-logo,.login-card-glass,.login-container .bg-orb,.shape,.login-content{animation:none}}.global-hamburger-btn{position:absolute;top:16px;left:16px;padding-top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#3c322859;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.global-hamburger-btn:hover{background:#3c322873}.global-menu-overlay{position:fixed;inset:0;background:#00000040;z-index:99998;pointer-events:auto;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.global-menu-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;width:calc(100% - 48px);max-width:400px;background:#f5f0e8e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a;border-radius:24px;overflow:hidden;pointer-events:auto;animation:floatIn .25s cubic-bezier(.16,1,.3,1)}@keyframes floatIn{0%{transform:translate(-50%,-48%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.global-menu-profile{display:flex;align-items:center;gap:14px;width:100%;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0));background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;text-align:left;transition:background .15s ease}.global-menu-profile:hover{background:#00000005}.global-menu-profile-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.global-menu-profile-avatar img{width:100%;height:100%;object-fit:cover}.global-menu-profile-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.global-menu-profile-building{font-size:18px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.global-menu-profile-user{font-size:14px;font-weight:400;color:#7a7570}.global-menu-profile-chevron{color:#c0bab0;flex-shrink:0}.global-menu-nav{display:flex;flex-direction:column;padding:8px 12px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.global-menu-item{display:flex;align-items:center;gap:16px;width:100%;padding:14px 12px;background:transparent;border:none;border-radius:12px;color:#3a3632;font-size:17px;font-weight:450;cursor:pointer;transition:all .15s ease;text-align:left}.global-menu-item:hover{background:#0000000a}.global-menu-item:active{background:#0000000f}.global-menu-item.active{background:#d2c3aa59}.global-menu-item svg{color:#8a857d;flex-shrink:0;stroke-width:1.75}.global-menu-item.active svg{color:#6a655d}.global-menu-item-logout{color:#7a7570}.global-menu-item-logout svg{color:#9a958d}.global-notification-btn{position:absolute;top:16px;right:16px;padding-top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fffaf5d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:12px;color:#5a5550;cursor:pointer;transition:all .2s ease}.global-notification-btn:hover{background:#fffaf5f2}.global-notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:#c45c42;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.global-notifications-overlay{position:fixed;inset:0;background:#00000040;z-index:99998;animation:fadeInOverlay .2s ease}.global-notifications-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;width:calc(100% - 48px);max-width:380px;max-height:70vh;background:#f5f0e8e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a;overflow:hidden;display:flex;flex-direction:column;animation:floatIn .25s cubic-bezier(.16,1,.3,1)}.global-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.06)}.global-notifications-title{font-size:18px;font-weight:600;color:#1a1a1a}.global-notifications-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:10px;color:#8a857d;cursor:pointer;transition:all .2s ease}.global-notifications-close-btn:hover{background:#0000000d;color:#5a5550}.global-notifications-list{flex:1;overflow-y:auto;padding:8px 0}.global-notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8a857d}.global-notifications-empty p{margin:12px 0 0;font-size:14px}.global-notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 20px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s ease;position:relative}.global-notification-item:hover{background:#00000008}.global-notification-item.unread{background:#d2c3aa33}.global-notification-item.unread:hover{background:#d2c3aa4d}.global-notification-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;flex-shrink:0}.global-notification-icon.package{background:#8b5cf61f;color:#8b5cf6}.global-notification-icon.event{background:#c878641f;color:#c87864}.global-notification-icon.maintenance{background:#c8a0501f;color:#b8922a}.global-notification-icon.community{background:#78a0b41f;color:#5a8a9a}.global-notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.global-notification-item-title{font-size:14px;font-weight:550;color:#1a1a1a}.global-notification-message{font-size:13px;color:#6a655d;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.global-notification-time{font-size:12px;color:#8a857d;margin-top:2px}.global-notification-dot{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;background:#b8922a;border-radius:50%}.global-notifications-view-all{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;background:transparent;border:none;border-top:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:550;color:#6a655d;cursor:pointer;transition:all .15s ease}.global-notifications-view-all:hover{background:#00000008;color:#4a4540}@media(min-width:768px){.global-hamburger-btn{width:48px;height:48px;border-radius:14px;top:20px;left:24px}.global-notification-btn{top:20px;right:24px;width:48px;height:48px;border-radius:14px}.global-menu-panel{max-width:420px}.global-notifications-panel{max-width:400px}}@media(max-width:375px){.global-menu-panel{width:calc(100% - 32px)}.global-menu-profile{padding:16px;gap:12px}.global-menu-profile-avatar{width:48px;height:48px}.global-menu-profile-building{font-size:16px}.global-menu-profile-user{font-size:13px}.global-menu-item{padding:12px 10px;font-size:16px;gap:14px}.global-menu-item svg{width:20px;height:20px}}*,*:before,*:after{box-sizing:border-box}:root{--bg-page: #E8E3D8;--bg-app: #F5F0E8;--bg-card: #FFFCF7;--bg-card-secondary: #F3EEE5;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #8A8075;--border-subtle: rgba(139, 115, 85, .08);--shadow-soft: 0 2px 8px rgba(120, 100, 70, .06), 0 4px 16px rgba(120, 100, 70, .03);--shadow-hover: 0 4px 12px rgba(120, 100, 70, .08), 0 8px 24px rgba(120, 100, 70, .05)}.home-page{min-height:100vh;width:100%;background:#f3ede3;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;position:relative}.ambient-bg{display:none}.app-container{width:100%;max-width:none;margin:0;padding:0;background:transparent;min-height:100vh;position:relative;z-index:1;box-sizing:border-box}.hero-section{width:100%;padding:0!important;margin:0!important;box-sizing:border-box}.hero-image-container{position:relative;height:28vh;min-height:200px;max-height:280px;width:100%;overflow:hidden;box-sizing:border-box}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-warm-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ff9b3261,#ffa54647,#ffaf5a26);pointer-events:none}.hero-gradient-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 35%,rgba(243,237,227,.3) 48%,rgba(243,237,227,.6) 60%,rgba(243,237,227,.88) 75%,rgba(243,237,227,.98) 88%,#F3EDE3 100%);pointer-events:none}.weather-widget{position:absolute;top:16px;left:16px;padding-top:env(safe-area-inset-top,0);color:#fff}.weather-datetime{font-size:12px;font-weight:400;color:#ffffffd9;margin-bottom:4px;letter-spacing:.02em}.weather-temp-row{display:flex;align-items:center;gap:5px;margin-bottom:2px}.weather-icon{color:#fff;opacity:.85}.weather-temp{font-size:32px;font-weight:300;color:#fff;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.2)}.weather-condition{font-size:12px;font-weight:400;color:#fffc}.hero-text-container{position:absolute;bottom:48px;left:0;right:0;text-align:center}.hero-the{display:block;font-size:14px;font-weight:300;font-style:italic;color:#ffffffe6;margin-bottom:2px;letter-spacing:.05em;text-shadow:0 1px 8px rgba(0,0,0,.2)}.hero-building-name{font-size:34px;font-weight:300;color:#fff;letter-spacing:.08em;margin:0;text-shadow:0 2px 16px rgba(0,0,0,.3);font-family:Playfair Display,Canela,GT Super Display,Georgia,Times New Roman,serif}.home-page main{display:block;margin:0;padding:0}.home-page .main-content{width:100%;padding:0 16px 32px;margin:0;margin-top:var(--hero-content-offset, -16px);margin-left:0;margin-right:0;box-sizing:border-box;position:relative}.section-title{font-size:17px;font-weight:600;color:#000;margin:0 0 16px;letter-spacing:-.01em}.section-title-secondary{font-size:16px;font-weight:600;color:#000;margin:0 0 12px}.today-section{width:100%;margin:0 0 32px;box-sizing:border-box}.today-card{display:flex;align-items:center;gap:14px;width:100%;padding:18px 16px;background:var(--bg-card);border:none;border-radius:18px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft);text-align:left}.today-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.today-card:last-child{margin-bottom:0}.today-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.today-card-icon.package-icon{background:#f5f0e8;color:#8b7355}.today-card-icon.calendar-icon{background:#f0f0f0;color:#6b7280}.today-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.today-card-title{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.3}.today-card-subtitle{font-size:13px;font-weight:400;color:var(--text-muted)}.today-card-time{font-size:13px;font-weight:400;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.today-card.community-post-card{flex-direction:column;align-items:flex-start;gap:8px;background:var(--bg-card)}.today-card.community-post-card .today-card-icon{width:36px;height:36px;border-radius:10px;font-size:14px;font-weight:600;color:#8b5cf6;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.today-card.community-post-card{position:relative;padding-left:62px}.today-card.community-post-card .today-card-content{width:100%}.community-post-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.community-post-author{font-size:14px;font-weight:500;color:var(--text-primary)}.community-post-unit{font-size:13px;color:var(--text-muted)}.community-post-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;border-radius:8px;letter-spacing:.02em;margin-left:auto}.community-post-preview{display:block;font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-icon{display:flex;align-items:center;justify-content:center;background:#f0ebe3!important;color:#7a7265!important}.coming-up-section{width:100%;margin:0 0 24px;box-sizing:border-box}.event-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:#fff!important;border:none;border-radius:16px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft);text-align:left}.event-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.event-card:last-child{margin-bottom:0}.event-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.event-card-icon.wine-icon{background:#f5eded;color:#9b6b6b}.event-card-icon.maintenance-icon{background:#fef3e2;color:#ea580c}.event-card-icon.market-icon{background:#e8f5e9;color:#2e7d32}.event-card-icon.movie-icon{background:#e3f2fd;color:#1565c0}.event-card-icon.community-icon{background:#f3e5f5;color:#7b1fa2}.event-card-icon.social-icon{background:#fce4ec;color:#c2185b}.event-card-icon.fitness-icon{background:#e0f7fa;color:#00838f}.event-card-icon.outdoor-icon{background:#e8f5e9;color:#388e3c}.event-card-icon.culture-icon{background:#fff3e0;color:#e65100}.event-card-icon.music-icon{background:#ede7f6;color:#512da8}.events-scroll-container{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:4px}.events-scroll-container .event-card{margin-bottom:0;padding:18px 16px;min-height:72px;flex-shrink:0}.events-scroll-container::-webkit-scrollbar{width:4px}.events-scroll-container::-webkit-scrollbar-track{background:transparent}.events-scroll-container::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.events-scroll-container::-webkit-scrollbar-thumb:hover{background:#00000040}.event-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.event-card-title{font-size:14px;font-weight:500;color:var(--text-primary)}.event-card-subtitle{font-size:13px;font-weight:400;color:var(--text-muted)}.event-card-arrow{color:var(--text-muted);flex-shrink:0;opacity:.5}.quick-actions-section{width:100%;display:flex;flex-direction:column;gap:10px;margin:0;box-sizing:border-box}.action-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:var(--bg-card-secondary);border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left}.action-card:hover{background:#f0ede8}.action-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ebe7e0;border-radius:10px;color:#7a7265;flex-shrink:0}.action-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.action-card-title{font-size:14px;font-weight:500;color:var(--text-primary)}.action-card-subtitle{font-size:13px;font-weight:400;color:var(--text-muted)}.action-card-arrow{color:var(--text-muted);flex-shrink:0;opacity:.4}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.contact-modal{width:100%;max-width:400px;background:#fff;border-radius:20px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer}.modal-close:hover{background:var(--bg-card-secondary);color:var(--text-primary)}.modal-body{padding:20px}.contact-form-group{margin-bottom:16px}.contact-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.contact-select,.contact-textarea{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--bg-card-secondary);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s ease}.contact-select:focus,.contact-textarea:focus{outline:none;border-color:var(--text-muted);background:#fff}.contact-textarea{min-height:100px;resize:vertical}.attach-photo-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:transparent;border:1px dashed rgba(0,0,0,.12);border-radius:12px;color:var(--text-muted);font-size:14px;cursor:pointer}.attach-photo-btn:hover{border-color:var(--text-muted)}.attach-photo-btn.has-photo{border-color:#10b981;border-style:solid;color:#10b981;background:#10b9810a}.contact-unit-info{display:flex;gap:8px;padding:12px 14px;background:var(--bg-card-secondary);border-radius:12px;font-size:14px}.unit-label{color:var(--text-muted)}.unit-value{color:var(--text-secondary);font-weight:500}.modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid var(--border-subtle)}.modal-cancel,.modal-submit{flex:1;padding:12px 20px;font-size:15px;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease}.modal-cancel{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.modal-cancel:hover{background:var(--bg-card-secondary)}.modal-submit{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--text-primary);border:none;color:#fff}.modal-submit:hover:not(:disabled){background:#333}.modal-submit:disabled{opacity:.5;cursor:not-allowed}.contact-success-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:14px 24px;background:#10b981;color:#fff;font-size:15px;font-weight:500;border-radius:12px;box-shadow:0 8px 24px #10b98140;z-index:3000;animation:toastIn .3s ease}@media(max-width:380px){.hero-building-name{font-size:32px}.weather-temp{font-size:28px}.today-card-time{display:none}}.hero-top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0));z-index:10}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.hamburger-btn:hover{background:#ffffff40;transform:scale(1.02)}.notification-btn{position:absolute;top:16px;right:16px;padding-top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.notification-btn:hover{background:#ffffff40;transform:scale(1.02)}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.weather-widget{top:70px}.menu-overlay{position:fixed;inset:0;background:#0000;z-index:10000;pointer-events:none;opacity:0;transition:background .25s ease,opacity .25s ease}.menu-overlay.menu-open{background:#00000026;pointer-events:auto;opacity:1}.menu-panel{position:fixed;top:0;left:0;bottom:auto;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #0000001a;overflow-y:auto;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.menu-panel.menu-open{pointer-events:auto}@media(max-width:767px){.menu-panel{width:100%;max-height:85vh;border-radius:0 0 24px 24px;transform:translateY(-100%);opacity:0}.menu-panel.menu-open{transform:translateY(0);opacity:1}}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;padding-top:calc(20px + env(safe-area-inset-top,0))}.menu-title{font-size:18px;font-weight:500;color:#1a1a1a;letter-spacing:.3px}.menu-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:10px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.menu-close-btn:hover{background:#0000000d;color:#6b7280}.menu-user{padding:8px 20px 16px}.menu-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.menu-avatar img{width:100%;height:100%;object-fit:cover}.menu-nav{display:flex;flex-direction:column;padding:4px 12px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}.menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;background:transparent;border:none;border-radius:10px;color:#374151;font-size:16px;font-weight:400;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.menu-item:hover{background:#00000008}.menu-item:active{background:#0000000f}.menu-item svg{color:#9ca3af;flex-shrink:0;stroke-width:1.5}.menu-item-logout{margin-top:8px}.menu-badge{margin-left:auto;min-width:24px;height:24px;padding:0 8px;background:#6b728026;color:#4b5563;font-size:13px;font-weight:500;border-radius:12px;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.menu-overlay.menu-open{background:#0000001a}.menu-panel{position:fixed;top:16px;left:16px;width:280px;max-height:calc(100vh - 32px);border-radius:20px;background:#f8f8faf2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 4px 24px #00000014,0 8px 48px #0000000f,0 0 0 1px #0000000a;transform:translate(-100%) translate(-32px);opacity:0}.menu-panel.menu-open{transform:translate(0);opacity:1}.menu-header{padding:20px 20px 8px}.menu-title{font-size:17px;font-weight:500;color:#1a1a1a}.menu-close-btn{width:32px;height:32px;border-radius:8px}.menu-user{padding:8px 20px 12px}.menu-avatar{width:52px;height:52px;box-shadow:0 2px 8px #00000014}.menu-nav{padding:4px 8px 16px}.menu-item{padding:12px;font-size:15px;font-weight:400;color:#374151;border-radius:8px;gap:12px}.menu-item svg{color:#9ca3af;width:20px;height:20px;stroke-width:1.5}.menu-item:hover{background:#0000000a}.menu-item:hover svg{color:#6b7280}.menu-badge{background:#6b72801f;color:#6b7280;font-size:13px;font-weight:500;min-width:22px;height:22px;padding:0 7px;border-radius:11px}.menu-item-logout{margin-top:4px;border-top:1px solid rgba(0,0,0,.04);padding-top:12px;margin-left:4px;margin-right:4px;border-radius:0 0 8px 8px}.notification-btn{top:20px;right:24px;width:48px;height:48px;border-radius:14px}.weather-widget{top:90px}}.announcements-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.announcements-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.announcements-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease}.announcements-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.announcements-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.announcements-list{padding:0 16px 100px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.announcement-card{position:relative;background:#fffcf7;border:none;border-radius:18px;padding:18px 16px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.announcement-card .card-accent{display:none}.announcement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.announcement-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.announcement-icon-wrapper{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.announcement-icon-wrapper.info{background:#e3f2fd;color:#1565c0}.announcement-icon-wrapper.alert,.announcement-icon-wrapper.maintenance{background:#fef3e2;color:#ea580c}.announcement-icon-wrapper.event{background:#f3e5f5;color:#7b1fa2}.announcement-meta{display:flex;flex-direction:column;gap:4px;flex:1}.announcement-type{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:16px;text-transform:uppercase;letter-spacing:.02em;width:fit-content;background:#f3eee5;color:#7a7265}.announcement-type.info{background:#e3f2fd;color:#1565c0}.announcement-type.alert,.announcement-type.maintenance{background:#fef3e2;color:#ea580c}.announcement-type.event{background:#f3e5f5;color:#7b1fa2}.announcement-date{font-size:13px;color:#8a8075}.announcement-title{font-size:16px;font-weight:500;color:#1a1a1a;margin:0 0 8px;line-height:1.4}.announcement-message{font-size:14px;color:#8a8075;line-height:1.6;margin:0}@media(max-width:768px){.announcements-header{padding:20px 16px 12px}.announcements-list{padding:0 16px 100px}.announcement-card{padding:16px}.announcement-icon-wrapper{width:38px;height:38px}.announcement-title{font-size:15px}}.packages-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.packages-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.packages-summary{padding:0 16px 16px}.summary-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fffcf7;border:none;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.packages-count{font-size:15px;font-weight:500;color:#1a1a1a;margin:0}.packages-list{padding:0 16px 100px;display:flex;flex-direction:column;gap:12px}.package-card{display:flex;align-items:center;gap:14px;position:relative;background:#fffcf7;border:none;border-radius:18px;padding:18px 16px;transition:all .2s ease;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608}.package-card .card-accent{display:none}.package-card.picked-up{opacity:.6}.package-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #78644614,0 8px 24px #7864460d}.carrier-icon-wrapper{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:#fff;flex-shrink:0}.package-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.carrier-name{font-size:15px;font-weight:500;color:#1a1a1a}.package-time{font-size:13px;font-weight:400;color:#8a8075}.package-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.package-header{display:none}.package-carrier{display:flex;align-items:center;gap:14px}.package-status.ready{background:#e8f5e9;color:#2e7d32}.package-status.completed{background:#f5f5f5;color:#8a8075}.package-details{display:none}.package-detail-item{display:flex;align-items:baseline;gap:10px}.detail-label{font-size:13px;font-weight:500;color:#8a8075;min-width:60px}.detail-value{font-size:13px;color:#1a1a1a;display:flex;align-items:baseline;gap:6px}.detail-secondary{font-size:13px;color:#8a8075}@media(max-width:480px){.packages-header{padding:20px 16px 12px}.package-card{padding:16px;border-radius:16px}.carrier-icon-wrapper{width:40px;height:40px}}.events-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.events-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.events-content{padding:0 16px 100px}.events-section{margin-bottom:32px}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{display:flex;align-items:flex-start;gap:14px;background:#fffcf7;border:none;border-radius:18px;padding:18px 16px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;cursor:pointer}.event-card .card-accent{display:none}.event-card.past{opacity:.5}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.event-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f5eded;border-radius:12px;color:#9b6b6b;flex-shrink:0}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.event-title{font-size:15px;font-weight:500;color:#1a1a1a;margin:0;line-height:1.3}.event-attendees{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#4a4a4a;white-space:nowrap;padding:4px 10px;background:#f3eee5;border-radius:16px}.event-attendees.past{background:#f5f5f5;color:#8a8075}.event-details{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.event-detail-item{display:flex;align-items:center;gap:6px;color:#8a8075}.detail-text{font-size:13px;color:#4a4a4a}.event-description{font-size:14px;color:#8a8075;line-height:1.5;margin:0 0 12px}.rsvp-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#1a1a1a;background:#f3eee5;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.rsvp-button:hover{background:#f0ede8}.rsvp-button.rsvpd{background:#e8f5e9;color:#2e7d32}.rsvp-button.rsvpd:hover{background:#c8e6c9}@media(max-width:480px){.events-header{padding:20px 16px 12px}.event-card{padding:16px}.event-header{flex-direction:column;align-items:flex-start;gap:8px}.event-attendees{align-self:flex-start}.section-title{font-size:15px}}.neighbors-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.neighbors-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.neighbors-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease}.neighbors-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.neighbors-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.neighbors-content{padding:0 16px 100px;max-width:800px;margin:0 auto}.floor-section{margin-bottom:32px}.floor-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0 0 16px;display:flex;align-items:center;gap:12px}.your-floor-badge{font-size:11px;font-weight:600;color:#fff;background:#1a1a1a;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.02em}.neighbors-grid{display:flex;flex-direction:column;gap:12px}.neighbor-card{background:#fffcf7;border:none;border-radius:18px;padding:18px 16px;display:flex;align-items:center;gap:14px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.neighbor-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.avatar-ring{padding:2px;border-radius:50%;background:#f3eee5}.avatar-ring-blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.avatar-ring-purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.avatar-ring-cyan{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}.avatar-ring-green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.avatar-ring-pink{background:linear-gradient(135deg,#fce4ec,#f8bbd9)}.avatar-ring-orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.neighbor-avatar{width:48px;height:48px;border-radius:50%;background:#f3eee5;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#7a7265;letter-spacing:.02em}.neighbor-info{flex:1;min-width:0}.neighbor-name{font-size:15px;font-weight:500;color:#1a1a1a;margin:0 0 2px}.neighbor-unit{font-size:13px;color:#8a8075;margin:0}.wave-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;color:#fff;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wave-button:hover{background:#333;transform:translateY(-1px)}.wave-button:active{transform:translateY(0)}.wave-button.waved{background:#10b981;color:#fff}.wave-button.waved:hover{background:#0d9669}@media(max-width:768px){.neighbors-header{padding:20px 16px 12px}.neighbors-content{padding:0 16px 100px}.neighbor-card{flex-wrap:wrap}.neighbor-info{flex:1 1 calc(100% - 80px)}.wave-button{width:100%;margin-top:8px}.floor-title{flex-wrap:wrap}.neighbor-avatar{width:44px;height:44px;font-size:14px}}.emergency-container{min-height:100vh;background:linear-gradient(180deg,var(--navy-dark) 0%,var(--navy-primary) 50%,var(--navy-secondary) 100%);position:relative;overflow:hidden}.emergency-container .bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.emergency-container .bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--accent-red) 0%,transparent 70%);top:-150px;right:-150px;animation:float 20s ease-in-out infinite}.emergency-container .bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent-yellow) 0%,transparent 70%);bottom:10%;left:-100px;animation:float 25s ease-in-out infinite reverse}.emergency-header{position:relative;z-index:10;padding:var(--spacing-lg);background:linear-gradient(180deg,rgba(10,22,40,.8) 0%,transparent 100%);display:flex;align-items:center;gap:var(--spacing-md)}.back-button-glass{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.back-button-glass:hover{background:#ffffff1f;border-color:var(--glass-border-hover);color:var(--text-primary);transform:translate(-4px)}.page-title-light{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0}.emergency-content{position:relative;z-index:10;max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.emergency-section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.contacts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);overflow:hidden}.contact-card .card-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-red),var(--accent-yellow));opacity:0;transition:opacity var(--transition-base)}.contact-card:hover{background:#ffffff1f;border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d,0 0 60px #ef44441a}.contact-card:hover .card-accent{opacity:1;box-shadow:0 0 20px var(--accent-red)}.contact-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0003}.contact-info{flex:1;min-width:0}.contact-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.contact-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-xs) 0}.contact-phone{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500;margin:0;font-family:SF Mono,Monaco,Inconsolata,monospace}.call-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-red),#dc2626);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;box-shadow:0 4px 12px #ef44444d}.call-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.call-button:active{transform:translateY(0)}@media(max-width:768px){.emergency-header,.emergency-content{padding:var(--spacing-md)}.contact-card{flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.call-button{width:100%;justify-content:center}.section-title{font-size:var(--font-size-lg)}.contact-icon{width:48px;height:48px}.emergency-container .bg-orb-1{width:300px;height:300px;top:-100px;right:-100px}.emergency-container .bg-orb-2{width:200px;height:200px}}.elevator-booking-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.elevator-booking-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease}.back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.back-button-glass span{display:none}.page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.elevator-booking-content{padding:0 16px 100px}.request-booking-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:500;color:#fff;background:#1a1a1a;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.request-booking-button:hover{background:#333;transform:translateY(-1px)}.success-message{display:flex;align-items:center;justify-content:center;gap:8px;background:#e8f5e9;color:#2e7d32;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:500;text-align:center;margin-bottom:24px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.booking-form-container{background:#fffcf7;border:none;border-radius:18px;padding:20px;margin-bottom:32px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.form-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#1a1a1a}.form-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0}.booking-form{display:flex;flex-direction:column;gap:16px}.booking-form .form-group{display:flex;flex-direction:column;gap:8px}.booking-form label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#4a4a4a}.booking-form input,.booking-form select{padding:12px 14px;font-size:15px;color:#1a1a1a;background:#f3eee5;border:1px solid rgba(0,0,0,.04);border-radius:12px;transition:all .2s ease;font-family:inherit}.booking-form input:focus,.booking-form select:focus{outline:none;border-color:#8a8075;background:#fff}.booking-form select option{background:#fff;color:#1a1a1a}.form-actions{display:flex;gap:12px;margin-top:8px}.cancel-button,.submit-button{flex:1;padding:12px 20px;font-size:15px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.cancel-button{color:#4a4a4a;background:#f3eee5;border:none}.cancel-button:hover{background:#f0ede8}.submit-button{color:#fff;background:#1a1a1a}.submit-button:hover{background:#333}.reservations-section{margin-top:8px}.section-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.01em}.reservations-list{display:flex;flex-direction:column;gap:12px}.reservation-card{position:relative;background:#fffcf7;border:none;border-radius:18px;padding:18px 16px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.reservation-card .card-accent{display:none}.reservation-card:hover{box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.reservation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.reservation-date{display:flex;flex-direction:column;gap:2px}.date-text{font-size:15px;font-weight:500;color:#1a1a1a}.time-slot{font-size:13px;color:#8a8075}.status-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:6px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-badge.confirmed{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff8e1;color:#f57c00}.reservation-details{display:flex;gap:24px}.detail-item{display:flex;gap:6px}.detail-label{font-size:13px;font-weight:500;color:#8a8075}.detail-value{font-size:13px;color:#1a1a1a}@media(max-width:480px){.elevator-booking-header{padding:20px 16px 12px}.booking-form-container{padding:16px}.form-actions{flex-direction:column}.reservation-card{padding:16px}.reservation-header{flex-direction:column;align-items:flex-start}.status-badge{align-self:flex-start}.reservation-details{flex-direction:column;gap:8px}}.community-feed-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.community-feed-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.community-feed-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease}.community-feed-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.community-feed-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.community-split-layout{padding:0 16px 100px}.neighbors-sidebar{display:block;margin-bottom:16px}.sidebar-desktop{display:none}.sidebar-mobile{display:block}.feed-column{width:100%}.new-post-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:500;color:#4a4a4a;background:#fffcf7;border:1px dashed rgba(0,0,0,.12);border-radius:16px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.new-post-button:hover{background:#f3eee5;border-color:#0003;color:#1a1a1a}.new-post-button svg{color:#7a7265}.post-filters{display:flex;justify-content:center;gap:8px;margin-bottom:var(--filter-spacing, 12px);overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.post-filters::-webkit-scrollbar{display:none}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:#8a8075;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#f3eee5;color:#4a4a4a}.filter-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.posts-feed{display:flex;flex-direction:column;gap:8px}.empty-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#8a8075}.empty-feed svg{opacity:.3;margin-bottom:12px}.empty-feed h3{font-size:17px;font-weight:500;color:#4a4a4a;margin:0 0 4px}.empty-feed p{font-size:14px;margin:0}.post-card{display:flex;align-items:flex-start;gap:12px;background:#fffcf7;border:none;border-radius:16px;padding:14px;transition:all .2s ease;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608;cursor:pointer}.post-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #78644614,0 8px 24px #7864460d}.author-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.post-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.post-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.author-name{font-size:14px;font-weight:500;color:#1a1a1a}.header-separator{font-size:13px;color:#c0bab0}.post-unit,.post-time{font-size:13px;color:#8a8075}.post-content{margin:0;width:100%}.post-content p{font-size:14px;color:#4a4a4a;line-height:1.5;margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:8px}.post-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;border-radius:10px;text-transform:capitalize}.post-type-badge svg{flex-shrink:0}.post-actions{display:flex;align-items:center;gap:2px}.action-btn{display:flex;align-items:center;gap:3px;padding:4px 6px;font-size:12px;font-weight:500;color:#8a8075;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f3eee5;color:#4a4a4a}.action-btn.liked{color:#e57373}.action-btn.liked:hover{background:#ffebee}.mobile-neighbors-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;background:#fffcf7;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.mobile-neighbors-toggle:hover{box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.mobile-toggle-left{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#1a1a1a}.mobile-toggle-left svg{color:#7a7265}.mobile-toggle-right{display:flex;align-items:center;gap:8px;color:#8a8075}.neighbor-count{font-size:13px;font-weight:500;color:#8a8075;background:#f3eee5;padding:4px 10px;border-radius:12px}.mobile-neighbors-content{margin-top:8px;background:#fffcf7;border:none;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;animation:slideDown .2s ease}.sidebar-search{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:12px;background:#f3eee5;border:none;border-radius:12px;transition:all .2s ease}.sidebar-search:focus-within{background:#f0ede8}.sidebar-search svg{color:#8a8075;flex-shrink:0}.sidebar-search input{flex:1;background:transparent;border:none;font-size:14px;color:#1a1a1a;outline:none}.sidebar-search input::placeholder{color:#8a8075}.sidebar-floors{max-height:300px;overflow-y:auto}.sidebar-floors::-webkit-scrollbar{width:4px}.sidebar-floors::-webkit-scrollbar-track{background:transparent}.sidebar-floors::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.sidebar-floor{border-bottom:1px solid rgba(0,0,0,.04)}.sidebar-floor:last-child{border-bottom:none}.sidebar-floor-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.sidebar-floor-header:hover{background:#f3eee5}.sidebar-floor-header .floor-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.floor-name{font-size:14px;font-weight:500;color:#1a1a1a}.floor-count{font-size:13px;color:#8a8075}.your-floor-badge{font-size:10px;font-weight:600;color:#7a7265;background:#ebe7e0;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.sidebar-floor .floor-chevron{color:#8a8075;transition:all .2s ease}.sidebar-floor.expanded .floor-chevron{color:#7a7265}.sidebar-residents{background:#fafafa;animation:slideDown .2s ease}.sidebar-resident-row{display:flex;align-items:center;gap:10px;padding:10px 16px;height:48px;border-bottom:1px solid rgba(0,0,0,.03);transition:all .2s ease}.sidebar-resident-row:last-child{border-bottom:none}.sidebar-resident-row:hover{background:#f3eee5}.sidebar-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;background:#7a7265;flex-shrink:0}.sidebar-resident-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-resident-name{font-size:13px;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-resident-unit{font-size:12px;color:#8a8075}.sidebar-wave-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#8a8075;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-wave-btn:hover{background:#f3eee5;color:#4a4a4a}.sidebar-wave-btn.waved{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.community-feed-container .modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;animation:fadeIn .2s ease}.community-feed-container .post-modal{width:100%;max-width:400px;background:#fff;border:none;border-radius:20px;overflow:hidden;animation:modalSlideUp .3s ease}.community-feed-container .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(0,0,0,.04)}.community-feed-container .modal-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0}.community-feed-container .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#8a8075;cursor:pointer;transition:all .2s ease}.community-feed-container .modal-close:hover{background:#f3eee5;color:#1a1a1a}.post-type-selector{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.04)}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;color:#8a8075;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.type-btn:hover{background:#f3eee5;color:#4a4a4a}.type-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.community-feed-container .modal-body{padding:20px}.community-feed-container .post-input{width:100%;min-height:100px;padding:14px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#f3eee5;border:1px solid rgba(0,0,0,.04);border-radius:12px;resize:vertical;transition:all .2s ease}.community-feed-container .post-input::placeholder{color:#8a8075}.community-feed-container .post-input:focus{outline:none;border-color:#8a8075;background:#fff}.community-feed-container .modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid rgba(0,0,0,.04)}.community-feed-container .modal-cancel{flex:1;padding:12px 20px;font-size:15px;font-weight:500;color:#4a4a4a;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.community-feed-container .modal-cancel:hover{background:#f3eee5}.community-feed-container .modal-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;color:#fff;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.community-feed-container .modal-submit:hover:not(:disabled){background:#333}.community-feed-container .modal-submit:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1024px){.community-split-layout{display:flex;gap:24px;max-width:900px;margin:0 auto}.neighbors-sidebar{display:block;width:280px;flex-shrink:0}.sidebar-desktop{display:flex;flex-direction:column;position:sticky;top:24px;background:#fffcf7;border:none;border-radius:18px;overflow:hidden;max-height:calc(100vh - 140px);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.sidebar-mobile{display:none}.sidebar-header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid rgba(0,0,0,.04)}.sidebar-header svg{color:#7a7265}.sidebar-header h2{font-size:15px;font-weight:500;color:#1a1a1a;margin:0}.feed-column{flex:1;min-width:0}}@media(max-width:480px){.community-feed-header{padding:20px 16px 12px}.post-card{padding:14px}.author-avatar{width:36px;height:36px}.post-type-selector{flex-wrap:wrap}.type-btn{flex:none}}.bulletin-board-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.bulletin-board-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.bulletin-board-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease}.bulletin-board-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.bulletin-board-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.bulletin-board-content{padding:0 16px 100px;max-width:800px;margin:0 auto}.post-listing-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:500;color:#fff;background:#1a1a1a;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.post-listing-button:hover{background:#333;transform:translateY(-1px)}.category-filters{display:flex;justify-content:center;gap:8px;margin-bottom:var(--filter-spacing, 12px);overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.category-filters::-webkit-scrollbar{display:none}.category-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:#8a8075;background:#fffcf7;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #0000000a}.category-btn:hover{background:#f3eee5;color:#4a4a4a}.category-btn.active{background:#1a1a1a;color:#fff}.listings-grid{display:flex;flex-direction:column;gap:12px}.empty-listings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-listings svg{color:#8a8075;opacity:.5;margin-bottom:16px}.empty-listings h3{font-size:17px;font-weight:500;color:#1a1a1a;margin:0 0 6px}.empty-listings p{font-size:14px;color:#8a8075;margin:0}.listing-card{background:#fffcf7;border:none;border-radius:18px;padding:18px 16px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.listing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.listing-category-tag{display:inline-flex;padding:4px 10px;font-size:11px;font-weight:600;border-radius:16px;text-transform:uppercase;letter-spacing:.02em;background:#f3eee5;color:#7a7265}.listing-category-tag.for-sale{background:#e8f5e9;color:#2e7d32}.listing-category-tag.wanted{background:#e3f2fd;color:#1565c0}.listing-category-tag.free{background:#fce4ec;color:#c2185b}.listing-category-tag.services{background:#fff3e0;color:#e65100}.listing-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#8a8075}.listing-title{font-size:16px;font-weight:500;color:#1a1a1a;margin:0 0 6px}.listing-details{font-size:14px;color:#8a8075;margin:0 0 16px;line-height:1.5}.listing-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}.listing-info{display:flex;flex-direction:column;gap:2px}.listing-price{font-size:15px;font-weight:600;color:#1a1a1a}.listing-unit{font-size:12px;color:#8a8075}.contact-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;color:#fff;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.contact-btn:hover{background:#333;transform:translateY(-1px)}.bulletin-board-container .modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulletin-modal,.contact-modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:#fffcf7;border-radius:20px;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bulletin-board-container .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;background:#fffcf7;z-index:1}.bulletin-board-container .modal-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0}.bulletin-board-container .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#8a8075;cursor:pointer;transition:all .2s ease}.bulletin-board-container .modal-close:hover{background:#f3eee5;color:#1a1a1a}.bulletin-board-container .modal-body{padding:20px}.bulletin-board-container .modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid rgba(0,0,0,.06)}.bulletin-board-container .modal-cancel{flex:1;padding:12px 20px;font-size:15px;font-weight:500;color:#4a4a4a;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.bulletin-board-container .modal-cancel:hover{background:#f3eee5}.bulletin-board-container .modal-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;color:#fff;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.bulletin-board-container .modal-submit:hover:not(:disabled){background:#333}.bulletin-board-container .modal-submit:disabled{opacity:.5;cursor:not-allowed}.form-group label{display:block;font-size:13px;font-weight:500;color:#4a4a4a;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#f3eee5;border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#8a8075}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8a8075;background:#fffcf7}.category-select{display:flex;flex-wrap:wrap;gap:8px}.category-option{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;color:#8a8075;background:#f3eee5;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.category-option:hover{background:#f0ede8;color:#4a4a4a}.category-option.active{background:#1a1a1a;color:#fff}.post-note{display:flex;align-items:center;gap:8px;font-size:13px;color:#8a8075;margin:0;padding:12px 14px;background:#f3eee5;border-radius:12px}.post-note svg{color:#7a7265;flex-shrink:0}.contact-listing-info{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}.contact-listing-info h4{font-size:17px;font-weight:500;color:#1a1a1a;margin:0 0 6px}.contact-price{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.contact-details{text-align:center;margin-bottom:20px}.contact-details p{font-size:14px;color:#8a8075;margin:0 0 16px}.contact-unit-badge{display:inline-block;padding:12px 28px;font-size:18px;font-weight:600;color:#1a1a1a;background:#f3eee5;border-radius:16px;margin-bottom:16px}.contact-hint{font-size:12px;color:#8a8075;line-height:1.5}.view-neighbor-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;color:#4a4a4a;background:#f3eee5;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.view-neighbor-btn:hover{background:#f0ede8;color:#1a1a1a}@media(max-width:768px){.bulletin-board-header{padding:20px 16px 12px}.bulletin-board-content{padding:0 16px 100px}.category-select{flex-direction:column}.category-option{justify-content:center}}.settings-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:40px}.settings-header{padding:24px 16px 16px;display:flex;align-items:center;gap:12px}.settings-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease;cursor:pointer}.settings-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.settings-container .back-button-glass span{display:none}.settings-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.settings-content{max-width:600px;margin:0 auto;padding:0 16px}.settings-section{margin-bottom:28px}.settings-section .section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#7a7265;margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}.settings-section .section-title svg{color:#0d9488}.settings-card{background:#fffcf7;border:none;border-radius:18px;padding:20px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.04)}.profile-photo{width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 4px 16px #0000001a}.profile-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7a7265,#8a8075)}.change-photo-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#4a4a4a;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.change-photo-btn:hover{background:#f3eee5;border-color:#0000001f;color:#1a1a1a}.settings-card .form-group{margin-bottom:16px}.settings-card .form-group:last-of-type{margin-bottom:20px}.settings-card .form-group label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:8px}.settings-card .form-group label svg{color:#8a8075}.settings-card .form-group input,.settings-card .form-group textarea{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#f3eee5;border:1px solid rgba(0,0,0,.04);border-radius:12px;transition:all .2s ease}.settings-card .form-group input::placeholder,.settings-card .form-group textarea::placeholder{color:#8a8075}.settings-card .form-group input:focus,.settings-card .form-group textarea:focus{outline:none;border-color:#0d9488;background:#fffcf7;box-shadow:0 0 0 3px #0d94881a}.settings-card .form-group textarea{resize:vertical;min-height:80px}.readonly-field{padding:12px 14px;font-size:15px;color:#6b7280;background:#f3eee5;border:1px solid rgba(0,0,0,.04);border-radius:12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.04)}.toggle-row:last-child{border-bottom:none;padding-bottom:0}.toggle-row:first-child{padding-top:0}.toggle-info{display:flex;align-items:center;gap:14px;flex:1}.toggle-info>svg{color:#8a8075;flex-shrink:0}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:15px;font-weight:500;color:#1a1a1a}.toggle-description{font-size:13px;color:#8a8075}.toggle-switch{position:relative;width:52px;height:28px;background:#e5e7eb;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.toggle-switch.active{background:#0d9488}.toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 4px #00000026}.toggle-switch.active .toggle-knob{left:calc(100% - 26px)}.settings-link-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px;margin:-20px;background:transparent;border:none;border-radius:18px;cursor:pointer;transition:all .2s ease}.settings-link-row:hover{background:#f3eee5}.link-row-info{display:flex;align-items:center;gap:14px;flex:1}.link-row-info>svg{color:#0d9488;flex-shrink:0}.link-row-text{display:flex;flex-direction:column;gap:2px}.link-row-label{font-size:15px;font-weight:500;color:#1a1a1a;text-align:left}.link-row-description{font-size:13px;color:#8a8075;text-align:left}.link-row-arrow{color:#8a8075;transition:all .2s ease}.settings-link-row:hover .link-row-arrow{color:#0d9488;transform:translate(4px)}.logout-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px;margin:-20px;font-size:15px;font-weight:500;color:#ef4444;background:transparent;border:none;border-radius:18px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef44440f}.logout-btn span{flex:1;text-align:left}.logout-arrow{color:#8a8075}.emergency-card{padding:0!important;overflow:hidden}.emergency-contact{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.04)}.emergency-contact:last-child{border-bottom:none}.emergency-info{display:flex;flex-direction:column;gap:2px}.emergency-label{font-size:13px;color:#8a8075}.emergency-number{font-size:17px;font-weight:600;color:#1a1a1a;font-family:SF Mono,Monaco,Inconsolata,monospace}.call-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0d9488;border-radius:12px;color:#fff;text-decoration:none;transition:all .2s ease}.call-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0d94884d}.call-btn.urgent{background:#ef4444}.call-btn.urgent:hover{box-shadow:0 4px 12px #ef44444d}.emergency-911{background:#ef44440a}.emergency-911 .emergency-number{color:#ef4444}@media(max-width:480px){.settings-header{padding:20px 16px 12px}.settings-card{padding:16px}.toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch{align-self:flex-end}.settings-link-row,.logout-btn{margin:-16px}}.calendar-view-container,.calendar-view-container *,.calendar-view-container *:before,.calendar-view-container *:after{box-sizing:border-box}.calendar-view-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;width:100%;max-width:100%;overflow-x:hidden}.calendar-view-controls{position:absolute;top:0;right:clamp(12px,3vw,16px);z-index:5}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease;cursor:pointer}.view-toggle-btn:hover{background:#f3eee5;box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.calendar-view-content{position:relative;padding:0 clamp(12px,3vw,16px) 100px;margin-top:-36px;width:100%;max-width:100%;overflow-x:hidden}.calendar-filters{display:flex;justify-content:center;gap:clamp(6px,1.5vw,8px);margin-bottom:clamp(16px,4vw,22px);overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;width:100%}.calendar-filters::-webkit-scrollbar{display:none}.calendar-filters .filter-btn{padding:clamp(8px,2vw,10px) clamp(12px,3vw,18px);font-size:clamp(12px,2.5vw,13px);font-weight:500;color:#7a7265;background:#fffcf7e6;border:1px solid rgba(0,0,0,.06);border-radius:24px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 3px #0000000a;-webkit-tap-highlight-color:transparent;flex-shrink:0}.calendar-filters .filter-btn:hover{background:#f3eee5;color:#4a4a4a;border-color:#00000014;transform:translateY(-1px)}.calendar-filters .filter-btn:active{transform:scale(.97)}.calendar-filters .filter-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;box-shadow:0 4px 12px #1a1a1a40,0 2px 4px #1a1a1a26;transform:translateY(-1px);font-weight:600}.calendar-filters .filter-btn.active:hover{background:#2a2a2a;box-shadow:0 6px 16px #1a1a1a4d,0 3px 6px #1a1a1a33}.calendar-list{display:flex;flex-direction:column;gap:10px;width:100%}.event-group{margin-bottom:8px;width:100%}.event-group-header{padding:clamp(12px,3vw,16px) 4px clamp(8px,2vw,10px)}.event-group-title{font-size:clamp(12px,2.5vw,13px);font-weight:600;color:#7a7265;text-transform:uppercase;letter-spacing:.08em;margin:0}.event-group .calendar-card{margin-bottom:10px}.event-group .calendar-card:last-child{margin-bottom:0}.calendar-card{display:flex;align-items:flex-start;gap:14px;position:relative;background:#fffcf7;border:none;border-radius:16px;padding:16px;transition:all .2s ease;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608;cursor:pointer;width:100%;text-align:left}.calendar-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #78644614,0 8px 24px #7864460d}.event-group[data-group=today] .calendar-card{background:#fffcf7}.calendar-card-accent{display:none}.calendar-card.maintenance-card{background:#fdf8f3;border:1px solid rgba(245,158,11,.15)}.calendar-card.maintenance-card:hover{border-color:#f59e0b40;box-shadow:0 4px 16px #f59e0b1f,0 8px 24px #0000000a}.calendar-card.maintenance-card.action-required{background:linear-gradient(135deg,#fdf6ee,#fef3e2);border-color:#f59e0b40}.calendar-card.maintenance-card .calendar-icon.maintenance-icon{box-shadow:0 2px 8px #f59e0b33}.action-required-badge{display:inline-flex;align-items:center;gap:4px;padding:clamp(4px,1vw,5px) clamp(8px,2vw,10px);font-size:clamp(10px,2vw,11px);font-weight:600;color:#b45309;background:#f59e0b26;border-radius:14px;letter-spacing:.01em}.action-required-badge svg{flex-shrink:0;width:clamp(10px,2vw,12px);height:clamp(10px,2vw,12px)}.affected-units{display:inline-flex;align-items:center;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:500;color:#8a8075;background:#0000000a;border-radius:12px}.calendar-meta{font-size:13px;font-weight:400;color:#8a8075;margin-top:2px}.calendar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f0e8;border-radius:10px;color:#8b7355;flex-shrink:0}.calendar-icon svg{width:18px;height:18px}.calendar-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.calendar-title{font-size:15px;font-weight:500;color:#1a1a1a;margin:0;line-height:1.3}.maintenance-card .calendar-title{font-weight:600}.calendar-subtitle{font-size:13px;font-weight:400;color:#8a8075}.calendar-datetime-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#8a8075}.calendar-datetime-row .date{font-weight:500;color:#6a655d}.calendar-datetime-row .separator{color:#c0bab0}.calendar-description{font-size:13px;color:#8a8075;line-height:1.4;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-time{font-size:13px;font-weight:400;color:#8a8075;white-space:nowrap}.calendar-grid-container{background:#fffcf7;border-radius:clamp(14px,3vw,18px);padding:clamp(12px,3vw,20px);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.month-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(12px,3vw,20px);gap:8px}.month-nav-btn{display:flex;align-items:center;justify-content:center;width:clamp(28px,7vw,36px);height:clamp(28px,7vw,36px);background:#f3eee5;border:none;border-radius:clamp(8px,2vw,10px);color:#4a4a4a;cursor:pointer;transition:all .2s ease;flex-shrink:0}.month-nav-btn:hover{background:#e8e5e0}.month-nav-btn svg{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}.month-title{font-size:clamp(15px,4vw,18px);font-weight:600;color:#1a1a1a;margin:0;text-align:center;flex:1;min-width:0}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(2px,.5vw,4px);margin-bottom:clamp(4px,1vw,8px);width:100%}.day-header{text-align:center;font-size:clamp(9px,2vw,12px);font-weight:600;color:#8a8075;padding:clamp(4px,1vw,8px) 0;text-transform:uppercase;letter-spacing:.02em;min-width:0;overflow:hidden;text-overflow:ellipsis}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(2px,.5vw,4px);width:100%}.calendar-day{position:relative;width:100%;padding-bottom:100%;border-radius:clamp(6px,1.5vw,10px);background:#f5f2ec;transition:all .2s ease;cursor:pointer;min-width:0;overflow:hidden}.calendar-day-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1px,.5vw,4px);overflow:hidden}.calendar-day:hover:not(.empty){background:#e8e3d9;transform:scale(1.02)}.calendar-day.empty{background:transparent;cursor:default}.calendar-day.today{background:#1a1a1a}.calendar-day.today .day-number{color:#fff;font-weight:600}.calendar-day.has-events:not(.today){background:#e8e0d4}.calendar-day.has-events:not(.today):hover{background:#ddd5c8}.day-number{font-size:clamp(10px,2.5vw,14px);font-weight:500;color:#1a1a1a;line-height:1}.day-events{display:flex;gap:clamp(1px,.3vw,2px);flex-wrap:wrap;justify-content:center;margin-top:clamp(1px,.3vw,2px);max-width:100%}.day-event-dot{width:clamp(3px,.8vw,6px);height:clamp(3px,.8vw,6px);border-radius:50%;flex-shrink:0}.more-events{font-size:clamp(6px,1.2vw,8px);color:#8a8075;font-weight:500}.month-events-list{margin-top:clamp(16px,4vw,24px);padding-top:clamp(12px,3vw,20px);border-top:1px solid rgba(0,0,0,.06)}.month-events-title{font-size:clamp(13px,3vw,14px);font-weight:600;color:#1a1a1a;margin:0 0 clamp(12px,3vw,16px) 0}.month-event-item{display:flex;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(8px,2vw,10px) 0;border-bottom:1px solid rgba(0,0,0,.04)}.month-event-item:last-child{border-bottom:none}.month-event-dot{width:clamp(6px,1.5vw,8px);height:clamp(6px,1.5vw,8px);border-radius:50%;flex-shrink:0}.month-event-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.month-event-date{font-size:clamp(11px,2.5vw,12px);color:#8a8075}.month-event-title{font-size:clamp(13px,3vw,14px);font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-event-item.maintenance{background:#f59e0b0f;margin:0 clamp(-8px,-2vw,-12px);padding:clamp(8px,2vw,10px) clamp(8px,2vw,12px);border-radius:8px}.month-event-action{display:inline-block;font-size:clamp(9px,2vw,10px);font-weight:600;color:#b45309;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.no-events-message{padding:clamp(16px,4vw,24px) 0;text-align:center;color:#8a8075;font-size:clamp(13px,3vw,14px)}.mobile-grid-hint{display:none;text-align:center;padding:12px;font-size:12px;color:#8a8075;background:#00000005;border-radius:8px;margin-bottom:12px}@media(max-width:768px){.calendar-view-content{padding:0 clamp(10px,2.5vw,14px) 100px}.calendar-grid-container{padding:clamp(10px,2.5vw,14px)}.calendar-card-header{flex-direction:column;gap:6px}.calendar-category-tag{align-self:flex-start}.day-header{font-size:clamp(8px,1.8vw,10px);padding:clamp(3px,.8vw,6px) 0;letter-spacing:0}}@media(max-width:480px){.calendar-view-content{padding:0 10px 100px;margin-top:-32px}.calendar-filters{justify-content:flex-start;padding-left:2px;gap:6px}.calendar-filters .filter-btn{padding:8px 14px;font-size:12px}.calendar-card{padding:16px;border-radius:16px}.calendar-card.today-event{padding:18px 16px;border-radius:18px}.calendar-icon{width:40px;height:40px;border-radius:10px}.calendar-grid-container{padding:10px;border-radius:12px}.calendar-grid,.calendar-grid-header{gap:2px}.calendar-day{border-radius:6px}.calendar-day-inner{padding:1px}.day-header{font-size:8px;padding:3px 0}.day-number{font-size:11px}.day-event-dot{width:3px;height:3px}.day-events{gap:1px;margin-top:1px}.more-events{font-size:6px}.month-navigation{margin-bottom:10px}.month-title{font-size:14px}.month-nav-btn{width:28px;height:28px;border-radius:8px}.month-events-list{margin-top:14px;padding-top:12px}.mobile-grid-hint{display:block}}@media(max-width:360px){.calendar-view-content{padding:0 8px 100px}.calendar-filters .filter-btn{padding:7px 12px;font-size:11px}.calendar-grid-container{padding:8px;border-radius:10px}.calendar-grid,.calendar-grid-header{gap:1px}.calendar-day{border-radius:4px}.day-header{font-size:7px}.day-number{font-size:10px}.month-title{font-size:13px}.month-nav-btn{width:26px;height:26px}}@media(max-width:320px){.view-toggle-btn[data-view=calendar]{opacity:.5}.calendar-grid-container{padding:6px}.day-header{font-size:6px}.day-number{font-size:9px}}.building-info-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.building-info-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.building-info-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease}.building-info-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.building-info-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.building-info-content{padding:0 16px 100px}.accordion-list{display:flex;flex-direction:column;gap:12px}.accordion-item{background:#fffcf7;border:none;border-radius:18px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.accordion-item:hover,.accordion-item.expanded{box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.accordion-header:hover{background:#fafafa}.accordion-header-left{display:flex;align-items:center;gap:14px}.accordion-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f5f0e8;border-radius:12px;color:#8b7355;flex-shrink:0}.accordion-title{font-size:15px;font-weight:500;color:#1a1a1a}.accordion-chevron{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#8a8075;transition:all .2s ease}.accordion-item.expanded .accordion-chevron{color:#7a7265}.accordion-content{padding:0 16px 18px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.info-row{display:flex;flex-direction:column;gap:4px;padding:14px;background:#f3eee5;border-radius:12px;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{font-size:12px;font-weight:600;color:#7a7265;text-transform:uppercase;letter-spacing:.03em}.info-value{font-size:14px;color:#4a4a4a;line-height:1.5}@media(max-width:480px){.building-info-header{padding:20px 16px 12px}.accordion-header{padding:16px}.accordion-content{padding:0 16px 16px}.accordion-icon{width:36px;height:36px}.accordion-title{font-size:14px}}.building-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:80px}.building-header{padding:8px 16px 16px;display:flex;align-items:center;gap:12px}.building-container .back-button-glass{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffcf7;border:none;border-radius:12px;color:#4a4a4a;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;transition:all .2s ease;cursor:pointer}.building-container .back-button-glass:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.building-container .page-title-light{font-size:22px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.02em}.building-content{padding:0 16px}.building-section{margin-bottom:24px}.building-section .section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.01em}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px;background:#fffcf7;border:none;border-radius:18px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #78644614,0 8px 24px #7864460d}.quick-action-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px}.quick-action-card.teal .quick-action-icon{background:#e6f4f1;color:#0d9488}.quick-action-card.orange .quick-action-icon{background:#fef3e2;color:#ea580c}.quick-action-label{font-size:14px;font-weight:500;color:#1a1a1a}.list-card{background:#fffcf7;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608}.list-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .2s ease;text-align:left}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f3eee5}.list-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f0e8;border-radius:10px;color:#8b7355;flex-shrink:0}.list-item-label{flex:1;font-size:14px;font-weight:500;color:#1a1a1a}.list-item-arrow{color:#8a8075;flex-shrink:0}.building-container .bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;display:flex;overflow:visible;align-items:center;height:64px;padding:0;padding-bottom:env(safe-area-inset-bottom,0);background:#fffcf7;border-top:1px solid rgba(0,0,0,.04);z-index:100;box-sizing:border-box}.building-container .nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0;min-width:0;padding:8px 2px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:#8a8075;overflow:visible}.building-container .nav-tab span{font-size:10px;font-weight:500;white-space:nowrap}.building-container .nav-tab svg{width:20px;height:20px;flex-shrink:0}.building-container .nav-tab.active{color:#1a1a1a}.building-container .nav-tab:hover:not(.active){color:#4a4a4a}@media(max-width:480px){.building-header{padding:20px 16px 12px}.quick-action-card{padding:18px 14px;border-radius:16px}.quick-action-icon{width:40px;height:40px}.quick-action-label{font-size:14px}.list-item{padding:16px}.list-item-icon{width:40px;height:40px}.list-item-label{font-size:14px}}.global-bottom-nav{position:relative;width:100%;display:flex;align-items:center;justify-content:space-evenly;height:64px;background:#fffcf7;border-top:1px solid rgba(0,0,0,.06);padding:0;padding-bottom:env(safe-area-inset-bottom,0);z-index:9999;box-sizing:border-box}.global-bottom-nav .nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0;max-width:25%;padding:8px 4px;background:transparent;border:none;color:#8a8075;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.global-bottom-nav .nav-tab span{white-space:nowrap;font-size:10px}.global-bottom-nav .nav-tab:hover{color:#6b7280}.global-bottom-nav .nav-tab.active{color:#1a1a1a}.global-bottom-nav .nav-tab.active svg{background:#0000000f;border-radius:8px;padding:6px;margin:-6px}.global-bottom-nav .nav-tab svg{width:22px;height:22px;stroke-width:1.5;flex-shrink:0}@media(max-width:767px){.global-bottom-nav{height:64px!important}.global-bottom-nav .nav-tab{flex:1!important;width:25%!important}.global-bottom-nav .nav-tab span{font-size:9px!important}}.mobile-shell-wrapper{min-height:100dvh;width:100%;background:#f5f0e8}.mobile-shell-surface{position:relative;min-height:100dvh;width:100%;max-width:none;overflow-x:hidden;background:transparent}.mobile-shell-content{min-height:100dvh;padding-bottom:88px}.mobile-shell-nav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9999}.event-detail-container{padding-bottom:100px}.event-detail-content{padding:clamp(16px,4vw,20px);padding-top:0;margin-top:var(--hero-content-offset, -24px);display:flex;flex-direction:column;gap:clamp(14px,3.5vw,16px);position:relative;z-index:1}.event-detail-meta-bar{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 0 8px}.event-detail-category{display:inline-flex;padding:6px 14px;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;background:#fffcf7;color:#6b7280;border:1px solid rgba(0,0,0,.06)}.event-detail-category.social{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.event-detail-category.maintenance{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}.event-detail-category.meeting{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.event-detail-datetime{font-size:14px;font-weight:500;color:#5a554c}.event-detail-card{background:#fffcf7;border-radius:16px;padding:clamp(16px,4vw,18px) clamp(18px,4.5vw,20px);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.organizer-card{display:flex;flex-direction:column;gap:12px}.organizer-label{font-size:12px;font-weight:500;color:#8a8075;text-transform:uppercase;letter-spacing:.03em}.organizer-info{display:flex;align-items:center;gap:14px}.organizer-avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 2px 8px #00000014}.organizer-details{display:flex;flex-direction:column;gap:2px}.organizer-name{font-size:16px;font-weight:600;color:#1a1a1a}.organizer-role{font-size:13px;color:#7a7265}.event-detail-attendance{display:flex;flex-direction:column;gap:10px;padding:0 4px}.attendance-count{font-size:15px;font-weight:600;color:#1a1a1a}.attendance-avatars{display:flex;align-items:center}.attendance-avatar{width:clamp(38px,10vw,44px);height:clamp(38px,10vw,44px);border-radius:50%;object-fit:cover;border:3px solid #F5F0E8;margin-left:clamp(-10px,-2.5vw,-12px);box-shadow:0 2px 6px #0000001a}.attendance-avatar:first-child{margin-left:0}.attendance-more{display:flex;align-items:center;justify-content:center;width:clamp(38px,10vw,44px);height:clamp(38px,10vw,44px);border-radius:50%;background:#e8e3d9;border:3px solid #F5F0E8;margin-left:clamp(-10px,-2.5vw,-12px);font-size:clamp(12px,3vw,13px);font-weight:600;color:#6b6b6b}.event-detail-rsvp{display:flex;gap:clamp(8px,2vw,10px)}.rsvp-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:clamp(12px,3vw,14px) clamp(8px,2vw,12px);font-size:clamp(13px,3.5vw,14px);font-weight:500;border-radius:28px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.08)}.rsvp-going{background:#fffcf7;color:#4a4a4a}.rsvp-going.active{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.rsvp-going:not(.active):hover{background:#f3eee5}.rsvp-maybe{background:#fffcf7;color:#4a4a4a}.rsvp-maybe.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.rsvp-maybe:not(.active):hover{background:#f3eee5}.rsvp-not-going{background:#fffcf7;color:#4a4a4a}.rsvp-not-going.active{background:#6b7280;color:#fff;border-color:#6b7280}.rsvp-not-going:not(.active):hover{background:#f3eee5}.event-detail-acknowledge{display:flex}.acknowledge-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:600;background:#1a1a1a;color:#fff;border:none;border-radius:28px;cursor:pointer;transition:all .2s ease}.acknowledge-btn:hover:not(:disabled){background:#2a2a2a;transform:translateY(-1px)}.acknowledge-btn.acknowledged{background:#059669;cursor:default}.acknowledge-btn:disabled{opacity:1}.add-to-calendar-btn{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 4px;font-size:14px;font-weight:500;color:#6b6b6b;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.add-to-calendar-btn:hover{color:#4a4a4a}.add-to-calendar-btn svg{color:#8a8075}.about-card{display:flex;flex-direction:column;gap:10px}.about-title{font-size:14px;font-weight:600;color:#8a8075;margin:0}.about-description{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}.about-affected{font-size:13px;color:#b45309;margin:8px 0 0;padding:10px 14px;background:#f59e0b1a;border-radius:10px}.event-detail-comments{margin-top:8px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-input-container{display:flex;align-items:center;gap:12px;background:#fffcf7;border-radius:28px;padding:8px 8px 8px 12px;box-shadow:0 2px 8px #0000000a}.comment-input-wrapper{flex:1;display:flex;align-items:center;gap:8px}.comment-post-btn{padding:10px 18px;font-size:14px;font-weight:600;color:#8a8075;background:#f3eee5;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.comment-post-btn:hover:not(:disabled){background:#e8e3d9;color:#4a4a4a}.comment-post-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.event-detail-content{padding:clamp(14px,3.5vw,16px);gap:clamp(12px,3vw,14px)}.event-detail-card{padding:clamp(14px,3.5vw,16px) clamp(16px,4vw,18px)}.event-detail-datetime{font-size:13px}.rsvp-btn svg{width:16px;height:16px}}@media(max-width:360px){.rsvp-btn span{display:none}.rsvp-btn{padding:14px}.event-detail-meta-bar{gap:6px}}@media(max-width:320px){.event-detail-content{padding:12px;gap:10px}.event-detail-card{padding:12px 14px}}.post-detail-container{padding-bottom:120px}.post-detail-content{padding:clamp(16px,4vw,20px);padding-top:0;margin-top:var(--hero-content-offset, -24px);display:flex;flex-direction:column;gap:clamp(14px,3.5vw,16px);position:relative;z-index:1}.post-detail-author-card{display:flex;justify-content:space-between;align-items:flex-start;background:#fffcf7;border-radius:16px;padding:clamp(16px,4vw,18px);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.post-detail-author{display:flex;align-items:center;gap:14px}.post-detail-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000014}.post-detail-author-info{display:flex;flex-direction:column;gap:2px}.post-detail-author-name{font-size:16px;font-weight:600;color:#1a1a1a}.post-detail-author-meta{font-size:13px;color:#7a7265}.post-detail-type-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:16px;text-transform:capitalize;flex-shrink:0}.post-detail-body{background:#fffcf7;border-radius:16px;padding:clamp(18px,4.5vw,22px);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.post-detail-text{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0;white-space:pre-wrap}.post-detail-stats{display:flex;align-items:center;gap:20px;padding:0 4px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b6560}.stat-item svg{flex-shrink:0}.post-detail-actions{display:flex;gap:clamp(8px,2vw,10px)}.post-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:clamp(12px,3vw,14px) clamp(8px,2vw,12px);font-size:clamp(13px,3.5vw,14px);font-weight:500;background:#fffcf7;color:#4a4a4a;border:1px solid rgba(0,0,0,.08);border-radius:28px;cursor:pointer;transition:all .2s ease}.post-action-btn:hover{background:#f3eee5}.post-action-btn.liked{background:#fef2f2;color:#ef4444;border-color:#ef444433}.post-action-btn.liked:hover{background:#fee2e2}.post-detail-comments{margin-top:8px}.comments-title{font-size:14px;font-weight:600;color:#8a8075;margin:0 0 16px 4px;text-transform:uppercase;letter-spacing:.03em}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{display:flex;gap:12px}.comment-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1;min-width:0;background:#fffcf7;border-radius:14px;padding:12px 14px;box-shadow:0 1px 4px #0000000a}.comment-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.comment-author{font-size:13px;font-weight:600;color:#1a1a1a}.comment-unit{font-size:12px;color:#8a8075}.comment-time{font-size:11px;color:#9ca3af}.comment-text{font-size:14px;line-height:1.5;color:#4a4a4a;margin:0}.comment-reply-btn{background:transparent;border:none;font-size:12px;font-weight:500;color:#8a8075;cursor:pointer;padding:4px 0;margin-top:4px;transition:color .2s ease}.comment-reply-btn:hover{color:#4a4a4a}.comment-replies{margin-top:12px;padding-left:0;display:flex;flex-direction:column;gap:12px}.comment-item.reply{margin-left:0}.comment-item.reply .comment-avatar{width:28px;height:28px;font-size:11px}.comment-item.reply .comment-content{background:#f8f5f0;padding:10px 12px}.no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;color:#8a8075}.no-comments svg{opacity:.3;margin-bottom:12px}.no-comments p{font-size:14px;margin:0}.comment-input-container{position:fixed;bottom:0;left:0;right:0;background:#fffcf7;border-top:1px solid rgba(0,0,0,.06);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:100}.replying-to-indicator{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background:#f3eee5;border-radius:10px;font-size:12px;color:#6b6560}.replying-to-indicator button{background:transparent;border:none;font-size:12px;font-weight:500;color:#8a8075;cursor:pointer}.replying-to-indicator button:hover{color:#4a4a4a}.comment-input-row{display:flex;align-items:center;gap:12px}.comment-input-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;background:#f3eee5;border-radius:24px;padding:4px 4px 4px 16px}.comment-input{flex:1;padding:10px 0;font-size:14px;color:#1a1a1a;background:transparent;border:none;outline:none}.comment-input::placeholder{color:#9ca3af}.comment-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1a1a1a;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.comment-send-btn:hover:not(:disabled){background:#2a2a2a;transform:scale(1.05)}.comment-send-btn:disabled{background:#d1d5db;cursor:not-allowed}@media(max-width:480px){.post-detail-content{padding:clamp(14px,3.5vw,16px);gap:clamp(12px,3vw,14px)}.post-detail-author-card{padding:clamp(14px,3.5vw,16px);flex-direction:column;gap:12px}.post-detail-avatar{width:44px;height:44px;font-size:17px}.post-detail-body{padding:clamp(16px,4vw,18px)}.post-detail-text{font-size:15px}.post-action-btn svg{width:18px;height:18px}}@media(max-width:360px){.post-action-btn span{display:none}.post-action-btn{padding:14px}.comment-avatar{width:32px;height:32px}.comment-content{padding:10px 12px}}@media(max-width:320px){.post-detail-content{padding:12px;gap:10px}.post-detail-author-card,.post-detail-body{padding:12px 14px}}.onboarding-container{min-height:100vh;background:linear-gradient(180deg,#f5f0e8,#e8e4dc,#ded8ce);position:relative;overflow-x:hidden}.onboarding-container .bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none}.onboarding-container .bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(91,138,138,.4) 0%,transparent 70%);top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.onboarding-container .bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(200,180,140,.5) 0%,transparent 70%);bottom:-150px;left:-150px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.onboarding-header{position:relative;z-index:10;padding:20px;display:flex;align-items:center;gap:16px}.onboarding-container .back-button-glass{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(120,100,80,.1);border-radius:12px;color:#5b5147;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-container .back-button-glass:hover{background:#ffffffd9;border-color:#78645033;color:#3d3530;transform:translate(-4px)}.header-spacer{flex:1}.progress-section{position:relative;z-index:10;max-width:600px;margin:0 auto 32px;padding:0 20px}.progress-indicator{display:flex;align-items:center;justify-content:center;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#8a8077;background:#fff9;border:1px solid rgba(120,100,80,.15);border-radius:50%;transition:all .2s ease}.progress-step.active .step-number{color:#fff;background:linear-gradient(135deg,#5b8a8a,#4a7878);border-color:transparent;box-shadow:0 4px 16px #5b8a8a59}.step-label{font-size:12px;color:#8a8077;font-weight:500}.progress-step.active .step-label{color:#3d3530}.progress-line{width:60px;height:2px;background:#78645026;margin:0 8px 20px}.progress-text{text-align:center;font-size:14px;color:#8a8077;margin-top:16px}.onboarding-content{position:relative;z-index:10;max-width:700px;margin:0 auto;padding:0 20px 48px}.onboarding-intro{text-align:center;margin-bottom:32px}.onboarding-title{font-size:28px;font-weight:700;color:#2d2a26;margin-bottom:8px}.onboarding-subtitle{font-size:16px;color:#6b6560;max-width:450px;margin:0 auto}.form-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#5b8a8a;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.section-header h2{font-size:14px;font-weight:600;color:#5b5147;margin:0}.form-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;padding:28px;box-shadow:0 8px 40px #78645014}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#5b5147;margin-bottom:8px}.form-group label svg{color:#8a8077}.required{color:#c45c5c}.optional{color:#8a8077;font-weight:400}.form-group input{width:100%;padding:14px 16px;font-size:16px;font-family:inherit;color:#2d2a26;background:#fffc;border:1px solid rgba(120,100,80,.15);border-radius:12px;transition:all .2s ease}.form-group input::placeholder{color:#a09a92}.form-group input:focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 3px #5b8a8a26}.form-group.error input{border-color:#c45c5c}.form-group.error input:focus{box-shadow:0 0 0 3px #c45c5c26}.form-group.success input{border-color:#5b9a6b}.form-group.success input:focus{box-shadow:0 0 0 3px #5b9a6b26}.error-message{display:block;font-size:12px;color:#c45c5c;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .form-group{margin-bottom:20px}.input-helper-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;flex-wrap:wrap;gap:6px}.helper-text{font-size:12px;color:#8a8077}.validation-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:50px}.validation-badge.valid{color:#5b9a6b;background:#5b9a6b1f}.validation-badge.invalid{color:#c45c5c;background:#c45c5c1f}.logo-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;background:#ffffff80;border:2px dashed rgba(120,100,80,.2);border-radius:16px;cursor:pointer;transition:all .2s ease}.logo-upload-area:hover{background:#ffffffb3;border-color:#5b8a8a}.logo-upload-area svg{color:#8a8077}.logo-upload-area span{font-size:14px;color:#5b5147}.upload-hint{font-size:12px!important;color:#8a8077!important}.logo-preview-container{display:flex;align-items:center;gap:16px;padding:16px;background:#fff9;border:1px solid rgba(120,100,80,.1);border-radius:16px}.logo-preview{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#fff}.remove-logo-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;color:#5b5147;background:transparent;border:1px solid rgba(120,100,80,.15);border-radius:12px;cursor:pointer;transition:all .2s ease}.remove-logo-btn:hover{color:#c45c5c;border-color:#c45c5c;background:#c45c5c14}.form-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px}.continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b9a9a,#4a8585);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #5b8a8a40}.continue-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 24px #5b8a8a59}.continue-btn.disabled{opacity:.5;cursor:not-allowed}.form-error-hint{font-size:14px;color:#c45c5c;text-align:center}@media(max-width:768px){.onboarding-header{padding:16px}.progress-indicator{transform:scale(.9)}.progress-line{width:30px}.onboarding-content{padding:0 16px 40px}.onboarding-title{font-size:24px}.form-card{padding:20px}.form-row{grid-template-columns:1fr}.onboarding-container .bg-orb-1{width:300px;height:300px;top:-100px;right:-100px}.onboarding-container .bg-orb-2{width:250px;height:250px}.input-helper-row{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.progress-section{padding:0 8px}.step-label{display:none}.progress-line{width:40px;margin-bottom:0}.step-number{width:32px;height:32px}}.uploaded-files{display:flex;flex-direction:column;gap:8px;margin-top:20px}.uploaded-file{display:flex;align-items:center;gap:16px;padding:14px;background:#fff9;border:1px solid rgba(120,100,80,.1);border-radius:12px}.uploaded-file svg{color:#5b8a8a;flex-shrink:0}.file-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:14px;font-weight:500;color:#2d2a26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:#8a8077}.remove-file-btn{padding:6px;background:transparent;border:none;color:#8a8077;cursor:pointer;border-radius:8px;transition:all .2s ease}.remove-file-btn:hover{color:#c45c5c;background:#c45c5c1a}.questions-intro{font-size:14px;color:#8a8077;margin-bottom:20px;text-align:center}.question-group{margin-bottom:20px}.question-group:last-child{margin-bottom:0}.question-group label{display:block;font-size:14px;font-weight:500;color:#5b5147;margin-bottom:8px}.question-group input,.question-group textarea{width:100%;padding:14px 16px;font-size:16px;font-family:inherit;color:#2d2a26;background:#fffc;border:1px solid rgba(120,100,80,.15);border-radius:12px;transition:all .2s ease}.question-group input::placeholder,.question-group textarea::placeholder{color:#a09a92}.question-group input:focus,.question-group textarea:focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 3px #5b8a8a26}.question-group textarea{resize:vertical;min-height:60px}.faq-results{display:flex;flex-direction:column;gap:20px}.results-header{text-align:center;margin-bottom:16px}.results-title{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.results-title svg{color:#5b8a8a}.results-title h2{font-size:20px;font-weight:600;color:#2d2a26;margin:0}.results-subtitle{font-size:14px;color:#8a8077;margin:0}.faq-categories{display:flex;flex-direction:column;gap:16px}.faq-category{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;overflow:hidden;transition:all .2s ease;box-shadow:0 4px 20px #7864500d}.faq-category.expanded{border-color:#5b8a8a4d}.category-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.category-header:hover{background:#ffffff80}.category-left{display:flex;align-items:center;gap:16px}.category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);border-radius:12px;color:#fff}.category-title{font-size:16px;font-weight:600;color:#2d2a26}.category-count{font-size:12px;color:#8a8077;background:#78645014;padding:2px 8px;border-radius:50px}.category-chevron{color:#8a8077;transition:all .2s ease}.faq-category.expanded .category-chevron{color:#5b8a8a}.category-items{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px}.faq-item{background:#ffffff80;border-radius:16px;padding:16px}.faq-question{font-size:14px;font-weight:600;color:#5b8a8a;margin-bottom:8px}.faq-answer{font-size:14px;color:#5b5147;line-height:1.6;margin-bottom:8px}.faq-actions{display:flex;gap:8px}.edit-btn,.delete-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;background:transparent;border:1px solid rgba(120,100,80,.15);border-radius:8px;cursor:pointer;transition:all .2s ease}.edit-btn{color:#8a8077}.edit-btn:hover{color:#5b8a8a;border-color:#5b8a8a;background:#5b8a8a14}.delete-btn{color:#8a8077}.delete-btn:hover{color:#c45c5c;border-color:#c45c5c;background:#c45c5c14}.faq-edit-form{display:flex;flex-direction:column;gap:8px}.faq-edit-form textarea{width:100%;padding:12px;font-size:14px;font-family:inherit;color:#2d2a26;background:#fff;border:1px solid #5B8A8A;border-radius:12px;resize:vertical}.faq-edit-form textarea:focus{outline:none;box-shadow:0 0 0 3px #5b8a8a26}.edit-actions{display:flex;gap:8px}.save-btn,.cancel-btn{display:flex;align-items:center;gap:4px;padding:6px 16px;font-size:12px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.save-btn{color:#fff;background:#5b9a6b;border:none}.save-btn:hover{background:#4a8a5a}.cancel-btn{color:#8a8077;background:transparent;border:1px solid rgba(120,100,80,.15)}.cancel-btn:hover{color:#5b5147;border-color:#78645040}.add-faq-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:500;color:#5b8a8a;background:transparent;border:2px dashed rgba(120,100,80,.2);border-radius:16px;cursor:pointer;transition:all .2s ease}.add-faq-btn:hover{background:#5b8a8a14;border-color:#5b8a8a}.add-faq-form{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #5B8A8A;border-radius:20px;padding:20px;box-shadow:0 8px 40px #78645014}.add-form-group{margin-bottom:16px}.add-form-group label{display:block;font-size:14px;font-weight:500;color:#5b5147;margin-bottom:6px}.add-form-group input,.add-form-group textarea,.add-form-group select{width:100%;padding:12px;font-size:14px;font-family:inherit;color:#2d2a26;background:#fffc;border:1px solid rgba(120,100,80,.15);border-radius:12px;transition:all .2s ease}.add-form-group select{cursor:pointer}.add-form-group input:focus,.add-form-group textarea:focus,.add-form-group select:focus{outline:none;border-color:#5b8a8a;background:#fff}.add-form-group textarea{resize:vertical;min-height:80px}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-item-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5b8a8a40}.add-item-btn:disabled{opacity:.5;cursor:not-allowed}.skip-link:hover,.back-link:hover{color:#5b5147}@media(max-width:768px){.input-tabs{flex-direction:column}.input-tab{justify-content:flex-start;padding:14px}.category-left{flex-wrap:wrap;gap:8px}.category-count{display:none}.faq-actions{flex-wrap:wrap}.bottom-nav{flex-direction:column;gap:16px}.nav-right{flex-direction:column-reverse;width:100%;gap:8px}.bottom-nav .continue-btn{width:100%}.skip-link{width:100%;text-align:center}}@media(max-width:480px){.upload-zone,.processing-card{padding:32px}}.results-summary{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#5b9a6b1f,#5b8a8a1f);border:1px solid rgba(91,154,107,.25);border-radius:20px;margin-bottom:20px}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#5b9a6b,#5b8a8a);border-radius:14px;color:#fff}.summary-text{flex:1;display:flex;flex-direction:column;gap:2px}.summary-count{font-size:18px;font-weight:600;color:#2d2a26}.summary-detail{font-size:14px;color:#8a8077}.summary-check{color:#5b9a6b}.needs-review-section{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(196,160,92,.3);border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #7864500d}.needs-review-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#b8965c;margin-bottom:16px}.valid-residents-section{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #7864500d}.section-header-small{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#5b9a6b;margin-bottom:16px}.residents-table{display:flex;flex-direction:column;gap:1px;background:#7864501a;border-radius:16px;overflow:hidden}.table-header{display:grid;grid-template-columns:1.5fr .8fr 1.5fr 1.2fr 80px;gap:16px;padding:12px 16px;background:#7864500f;font-size:12px;font-weight:600;color:#8a8077;text-transform:uppercase;letter-spacing:.05em}.resident-row{display:grid;grid-template-columns:1.5fr .8fr 1.5fr 1.2fr 80px;gap:16px;align-items:center;padding:16px;background:#fffc;transition:all .2s ease}.resident-row:hover{background:#fffffff2}.resident-row.needs-review{display:flex;flex-wrap:wrap;gap:16px}.resident-row.needs-review .resident-info{flex:1;display:flex;gap:20px;min-width:200px}.resident-name{font-size:14px;font-weight:500;color:#2d2a26}.resident-unit{font-size:14px;color:#5b5147}.resident-email{font-size:14px;color:#8a8077}.resident-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:50px}.resident-status.ready{color:#5b9a6b;background:#5b9a6b1f}.resident-status.warning{color:#b8965c;background:#c4a05c1f;flex-shrink:0}.resident-actions{display:flex;gap:6px;justify-content:flex-end}.resident-actions .edit-btn,.resident-actions .delete-btn{padding:6px;background:transparent;border:none;color:#8a8077;cursor:pointer;border-radius:8px;transition:all .2s ease}.resident-actions .edit-btn:hover{color:#5b8a8a;background:#5b8a8a1a}.resident-actions .delete-btn:hover{color:#c45c5c;background:#c45c5c1a}.edit-row{display:flex;gap:8px;grid-column:1 / -1;width:100%}.edit-row input{flex:1;padding:10px 12px;font-size:14px;font-family:inherit;color:#2d2a26;background:#fff;border:1px solid #5B8A8A;border-radius:8px;min-width:0}.edit-row input:focus{outline:none;box-shadow:0 0 0 2px #5b8a8a26}.edit-row-actions{display:flex;gap:6px;flex-shrink:0}.edit-row-actions .save-btn,.edit-row-actions .cancel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease}.edit-row-actions .save-btn{color:#fff;background:#5b9a6b;border:none}.edit-row-actions .save-btn:hover{background:#4a8a5a}.edit-row-actions .cancel-btn{color:#8a8077;background:transparent;border:1px solid rgba(120,100,80,.15)}.edit-row-actions .cancel-btn:hover{color:#5b5147;background:#78645014}.add-resident-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:500;color:#5b8a8a;background:transparent;border:2px dashed rgba(120,100,80,.2);border-radius:16px;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.add-resident-btn:hover{background:#5b8a8a14;border-color:#5b8a8a}.add-resident-form{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #5B8A8A;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 8px 40px #78645014}.add-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-form-header h3{font-size:16px;font-weight:600;color:#2d2a26;margin:0}.close-form-btn{padding:6px;background:transparent;border:none;color:#8a8077;cursor:pointer;border-radius:8px;transition:all .2s ease}.close-form-btn:hover{color:#5b5147;background:#78645014}.add-form-row{display:grid;grid-template-columns:1fr .6fr 1.2fr;gap:16px;margin-bottom:16px}.add-form-group{display:flex;flex-direction:column;gap:6px}.add-form-group label{font-size:14px;font-weight:500;color:#5b5147}.add-form-group .required{color:#c45c5c}.add-form-group input{padding:12px;font-size:14px;font-family:inherit;color:#2d2a26;background:#fffc;border:1px solid rgba(120,100,80,.15);border-radius:12px;transition:all .2s ease}.add-form-group input:focus{outline:none;border-color:#5b8a8a;background:#fff}.add-resident-submit{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-resident-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5b8a8a40}.add-resident-submit:disabled{opacity:.5;cursor:not-allowed}.uploaded-file-single{display:flex;align-items:center;gap:16px;padding:20px;background:#fff9;border:1px solid rgba(120,100,80,.1);border-radius:16px}.uploaded-file-single svg:first-child{color:#5b8a8a;flex-shrink:0}.uploaded-file-single .file-info{flex:1;display:flex;flex-direction:column;gap:2px}.uploaded-file-single .file-name{font-size:16px;font-weight:500;color:#2d2a26}.uploaded-file-single .file-size{font-size:14px;color:#8a8077}.uploaded-file-single .remove-file-btn{padding:10px;background:transparent;border:1px solid rgba(120,100,80,.15);color:#8a8077;cursor:pointer;border-radius:12px;transition:all .2s ease}.uploaded-file-single .remove-file-btn:hover{color:#c45c5c;border-color:#c45c5c;background:#c45c5c14}.residents-results{display:flex;flex-direction:column}.ai-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#5b8a8a26,#5b9a6b26);border:1px solid rgba(91,138,138,.25);border-radius:50px;font-size:14px;font-weight:500;color:#5b8a8a;margin-bottom:16px}.ai-badge svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.input-tabs{display:flex;gap:8px;margin-bottom:20px;background:#78645014;padding:6px;border-radius:14px}.input-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:14px;font-weight:500;color:#8a8077;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.input-tab:hover{color:#5b5147;background:#fff6}.input-tab.active{color:#2d2a26;background:#ffffffd9;box-shadow:0 2px 8px #7864501a}.input-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;padding:28px;box-shadow:0 8px 40px #78645014}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;background:#ffffff80;border:2px dashed rgba(120,100,80,.2);border-radius:16px;cursor:pointer;transition:all .2s ease}.upload-zone:hover{background:#ffffffb3;border-color:#5b8a8a}.upload-zone svg{color:#5b8a8a;opacity:.7}.upload-title{font-size:16px;font-weight:500;color:#2d2a26;margin:0}.upload-hint{font-size:14px;color:#8a8077;margin:0}.upload-examples{font-size:12px;color:#8a8077;margin:0;opacity:.7}.paste-textarea{width:100%;padding:16px;font-size:16px;font-family:inherit;color:#2d2a26;background:#fffc;border:1px solid rgba(120,100,80,.15);border-radius:12px;resize:vertical;min-height:200px;transition:all .2s ease}.paste-textarea::placeholder{color:#a09a92}.paste-textarea:focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 3px #5b8a8a26}.paste-hint{font-size:14px;color:#8a8077;margin-top:16px;text-align:center}.generate-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px}.generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #5b8a8a40}.generate-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 30px #5b8a8a59}.generate-btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.generate-btn svg{animation:sparkle 2s ease-in-out infinite}.generate-hint{font-size:14px;color:#8a8077}.processing-section{display:flex;justify-content:center;padding:40px 0}.processing-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;text-align:center;max-width:400px;width:100%;box-shadow:0 8px 40px #78645014}.processing-spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.processing-spinner .spinner{animation:spin 1.5s linear infinite;color:#5b8a8a}.processing-spinner .sparkle{position:absolute;color:#5b9a6b;animation:pulse 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.processing-card h2{font-size:20px;font-weight:600;color:#2d2a26;margin:0}.processing-step{font-size:14px;color:#5b8a8a;margin:0}.processing-dots{display:flex;gap:6px}.processing-dots span{width:8px;height:8px;background:#5b8a8a;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.processing-dots span:nth-child(1){animation-delay:0s}.processing-dots span:nth-child(2){animation-delay:.2s}.processing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}}.regenerate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;color:#8a8077;background:transparent;border:1px solid rgba(120,100,80,.15);border-radius:14px;cursor:pointer;transition:all .2s ease;margin:0 auto}.regenerate-btn:hover{color:#5b8a8a;border-color:#5b8a8a;background:#5b8a8a14}.continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b9a9a,#4a8585);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #5b8a8a40}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b8a8a59}@media(max-width:768px){.table-header{display:none}.resident-row{display:flex;flex-direction:column;gap:8px;padding:16px}.resident-row>span{display:flex;justify-content:space-between}.resident-row>span:before{font-weight:600;color:#8a8077;font-size:12px;text-transform:uppercase}.resident-row .resident-name:before{content:"Name"}.resident-row .resident-unit:before{content:"Unit"}.resident-row .resident-email:before{content:"Email"}.resident-actions{justify-content:flex-start;padding-top:8px;border-top:1px solid rgba(120,100,80,.1)}.add-form-row{grid-template-columns:1fr}.results-summary{flex-direction:column;text-align:center}.summary-check{display:none}.bottom-nav{flex-direction:column;gap:16px}.nav-right{flex-direction:column-reverse;width:100%;gap:8px}.continue-btn{width:100%}.skip-link{width:100%;text-align:center}.edit-row{flex-direction:column}}.onboarding-container .bg-orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(91,154,107,.4) 0%,transparent 70%);top:40%;right:10%;animation:float 18s ease-in-out infinite;opacity:.25}.launch-intro{position:relative}.launch-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#5b8a8a,#5b9a6b,#8aa85b);border-radius:20px;color:#fff;margin-bottom:16px;box-shadow:0 8px 32px #5b8a8a59;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #5b8a8a59;transform:scale(1)}50%{box-shadow:0 12px 48px #5b8a8a80;transform:scale(1.05)}}.summary-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;padding:28px;margin-bottom:28px;box-shadow:0 8px 40px #78645014}.summary-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(120,100,80,.1)}.building-identity{display:flex;align-items:center;gap:16px}.building-logo-placeholder{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);border-radius:14px;color:#fff}.building-details{display:flex;flex-direction:column;gap:2px}.building-name{font-size:20px;font-weight:700;color:#2d2a26;margin:0}.manager-label{font-size:14px;color:#8a8077}.building-code-display{margin-bottom:20px}.code-label{display:block;font-size:14px;font-weight:600;color:#8a8077;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.code-box{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#5b8a8a14;border:2px solid rgba(91,138,138,.2);border-radius:16px}.code-value{font-size:24px;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,monospace;color:#5b8a8a;letter-spacing:.1em;flex:1}.copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;color:#5b8a8a;background:#5b8a8a1f;border:1px solid rgba(91,138,138,.25);border-radius:12px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#5b8a8a33;border-color:#5b8a8a}.setup-stats{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff80;border-radius:12px;font-size:14px;color:#5b5147}.stat-item svg:first-child{color:#8a8077}.stat-item span{flex:1}.stat-item.ready svg:last-child{color:#5b9a6b}.stat-item.pending svg:last-child{color:#b8965c}.invite-preview-section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#5b5147;margin-bottom:16px}.section-title svg{color:#5b8a8a}.email-preview{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #7864501f}.email-header{padding:16px 20px;background:#f8f6f3;border-bottom:1px solid #e8e4dc}.email-subject{display:flex;gap:8px}.subject-label{font-size:14px;color:#8a8077;font-weight:500}.subject-text{font-size:14px;color:#2d2a26;font-weight:600}.email-body{padding:28px;color:#2d2a26}.email-greeting{font-size:16px;margin-bottom:16px}.email-greeting .placeholder{color:#5b8a8a;background:#5b8a8a1a;padding:2px 6px;border-radius:4px;font-family:monospace}.email-text{font-size:16px;color:#5b5147;line-height:1.6;margin-bottom:16px}.email-text strong{color:#2d2a26}.email-cta{text-align:center;margin:28px 0}.fake-button{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);color:#fff;font-weight:600;border-radius:12px;font-size:16px}.email-code{text-align:center;font-size:14px;color:#8a8077;padding:16px;background:#f8f6f3;border-radius:12px}.email-code strong{font-family:SF Mono,monospace;color:#2d2a26;letter-spacing:.05em}.preview-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#8a8077;margin-top:16px}.preview-note svg{color:#5b8a8a}.action-section{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(120,100,80,.1);border-radius:20px;padding:28px;margin-bottom:28px;box-shadow:0 8px 40px #78645014}.primary-action{display:flex;flex-direction:column;align-items:center;gap:16px}.launch-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;padding:18px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b9a6b,#5b8a8a);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #5b9a6b4d}.launch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #5b9a6b66}.launch-btn:disabled{cursor:not-allowed}.launch-btn.sending{background:linear-gradient(135deg,#5b8a8a,#8a8577);box-shadow:0 4px 20px #5b8a8a4d}.launch-btn .sending-icon{animation:fly 1s ease-in-out infinite}@keyframes fly{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(4px) translateY(-4px)}}.test-email-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#8a8077;cursor:pointer}.test-email-option input[type=checkbox]{width:18px;height:18px;accent-color:#5B8A8A}.no-residents-message{text-align:center;padding:20px}.no-residents-message svg{color:#b8965c;margin-bottom:16px}.no-residents-message h3{font-size:18px;font-weight:600;color:#2d2a26;margin:0 0 8px}.no-residents-message p{font-size:14px;color:#8a8077;margin:0 0 20px}.no-residents-actions{display:flex;justify-content:center}.go-back-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#5b8a8a,#5b9a6b);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.go-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b8a8a59}.divider{display:flex;align-items:center;gap:16px;margin:28px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#7864501a}.divider span{font-size:14px;font-weight:500;color:#8a8077}.manual-share{text-align:center}.manual-share h3{font-size:16px;font-weight:600;color:#5b5147;margin:0 0 16px}.share-code-box{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#fff9;border:2px dashed rgba(120,100,80,.2);border-radius:16px;margin-bottom:16px}.share-code{font-size:28px;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,monospace;color:#2d2a26;letter-spacing:.15em}.copy-btn-large{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:600;color:#5b8a8a;background:#5b8a8a1f;border:1px solid rgba(91,138,138,.25);border-radius:14px;cursor:pointer;transition:all .2s ease}.copy-btn-large:hover{background:#5b8a8a33;border-color:#5b8a8a;transform:translateY(-2px)}.share-note{font-size:14px;color:#8a8077}.share-note strong{color:#5b8a8a}.bottom-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:32px;border-top:1px solid rgba(120,100,80,.1)}.back-link{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;color:#8a8077;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.back-link:hover{color:#5b5147}.back-link:hover svg{transform:translate(-4px)}.back-link svg{transition:transform .2s ease}.nav-right{display:flex;align-items:center;gap:20px}.skip-link{font-size:14px;font-weight:500;color:#8a8077;background:transparent;border:none;cursor:pointer;transition:all .2s ease;padding:12px 16px}.skip-link:hover{color:#5b5147}.dashboard-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b9a9a,#4a8585);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #5b8a8a40}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b8a8a59}.progress-step.completed .step-number{color:#fff;background:#5b9a6b;border-color:transparent}.progress-line.completed{background:#5b9a6b}@media(max-width:768px){.building-identity,.code-box{flex-direction:column;text-align:center}.code-value{font-size:20px}.share-code-box{flex-direction:column}.share-code{font-size:24px}.email-preview{font-size:14px}.email-body{padding:20px}.bottom-nav{flex-direction:column;gap:16px}.nav-right{flex-direction:column-reverse;width:100%;gap:8px}.dashboard-btn{width:100%}.skip-link{width:100%;text-align:center}}.manager-dashboard{--md-bg-base: #3d4a58;--md-bg-gradient: linear-gradient(180deg, #4d5a65 0%, #445058 25%, #3b4750 50%, #333f48 75%, #2b3740 100% );--md-sidebar-bg: rgba(40, 55, 70, .55);--md-sidebar-blur: 24px;--md-card-bg: rgba(255, 255, 255, .04);--md-card-blur: 24px;--md-card-border: rgba(255, 255, 255, .06);--md-card-border-hover: rgba(255, 255, 255, .12);--md-card-shadow: 0 2px 16px rgba(0, 0, 0, .04);--md-card-shadow-hover: 0 4px 24px rgba(0, 0, 0, .08);--md-accent: #5B9A9A;--md-accent-light: #6BAAAA;--md-accent-glow: rgba(91, 154, 154, .18);--md-accent-subtle: rgba(91, 154, 154, .1);--md-accent-soft: rgba(130, 170, 170, .7);--md-accent-muted: rgba(130, 170, 170, .5);--md-accent-whisper: rgba(130, 170, 170, .35);--md-purple: #A78BFA;--md-purple-subtle: rgba(167, 139, 250, .18);--md-text-primary: rgba(255, 255, 255, .95);--md-text-secondary: rgba(255, 255, 255, .75);--md-text-muted: rgba(255, 255, 255, .5);--md-text-heading: #ffffff;--md-border: rgba(255, 255, 255, .06);--md-border-subtle: rgba(255, 255, 255, .03);--md-border-hover: rgba(255, 255, 255, .12);--md-green: #34D399;--md-yellow: #FBBF24;--md-red: #F87171;--md-blue: #60A5FA}.manager-dashboard{display:flex;min-height:100vh;background:var(--md-bg-gradient);position:relative;overflow:hidden}.manager-dashboard:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 120% 100% at 100% -10%,rgba(255,210,160,.18) 0%,rgba(255,200,150,.08) 30%,transparent 60%),radial-gradient(ellipse 90% 80% at 95% 5%,rgba(255,195,140,.12) 0%,transparent 50%),linear-gradient(135deg,rgba(255,220,180,.06) 0%,transparent 50%,rgba(40,50,60,.03) 100%),radial-gradient(ellipse 50% 45% at 20% 40%,rgba(255,210,175,.05) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(255,240,225,.04) 0%,transparent 50%),radial-gradient(ellipse 35% 30% at 10% 70%,rgba(130,170,170,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.manager-dashboard:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,245,230,.04) 0%,transparent 3%),radial-gradient(circle at 28% 8%,rgba(255,240,220,.03) 0%,transparent 2%),radial-gradient(circle at 45% 22%,rgba(255,250,240,.035) 0%,transparent 2.5%),radial-gradient(circle at 62% 12%,rgba(255,245,235,.03) 0%,transparent 2%),radial-gradient(circle at 78% 28%,rgba(255,248,235,.04) 0%,transparent 3%),radial-gradient(circle at 88% 15%,rgba(255,242,225,.025) 0%,transparent 2%),radial-gradient(circle at 8% 45%,rgba(255,250,245,.03) 0%,transparent 2%),radial-gradient(circle at 22% 55%,rgba(255,245,235,.035) 0%,transparent 2.5%),radial-gradient(circle at 38% 42%,rgba(255,248,240,.025) 0%,transparent 2%),radial-gradient(circle at 55% 58%,rgba(255,250,242,.04) 0%,transparent 3%),radial-gradient(circle at 72% 48%,rgba(255,245,230,.03) 0%,transparent 2%),radial-gradient(circle at 85% 52%,rgba(255,248,238,.035) 0%,transparent 2.5%),radial-gradient(circle at 95% 38%,rgba(255,242,228,.025) 0%,transparent 2%),radial-gradient(circle at 15% 72%,rgba(255,250,245,.035) 0%,transparent 2.5%),radial-gradient(circle at 32% 85%,rgba(255,245,235,.03) 0%,transparent 2%),radial-gradient(circle at 48% 78%,rgba(255,248,240,.04) 0%,transparent 3%),radial-gradient(circle at 65% 88%,rgba(255,250,242,.025) 0%,transparent 2%),radial-gradient(circle at 82% 75%,rgba(255,245,232,.035) 0%,transparent 2.5%),radial-gradient(circle at 92% 82%,rgba(255,248,238,.03) 0%,transparent 2%),radial-gradient(circle at 5% 32%,rgba(255,252,248,.02) 0%,transparent 1.5%),radial-gradient(circle at 18% 62%,rgba(255,250,245,.025) 0%,transparent 1.5%),radial-gradient(circle at 35% 35%,rgba(255,252,248,.02) 0%,transparent 1%),radial-gradient(circle at 52% 68%,rgba(255,250,245,.025) 0%,transparent 1.5%),radial-gradient(circle at 68% 32%,rgba(255,252,248,.02) 0%,transparent 1%),radial-gradient(circle at 75% 65%,rgba(255,250,245,.025) 0%,transparent 1.5%),radial-gradient(circle at 90% 25%,rgba(255,252,248,.02) 0%,transparent 1%);pointer-events:none;z-index:0}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#2d3c4be6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--md-border-subtle);padding:0 var(--spacing-md);align-items:center;justify-content:space-between;z-index:100}.menu-toggle{padding:var(--spacing-sm);background:transparent;border:none;color:var(--md-text-primary);cursor:pointer}.mobile-title{font-weight:600;color:var(--md-text-heading)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:199}.sidebar{width:260px;background:var(--md-sidebar-bg);backdrop-filter:blur(var(--md-sidebar-blur));-webkit-backdrop-filter:blur(var(--md-sidebar-blur));border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200}.sidebar-header{display:flex;align-items:center;gap:var(--spacing-md);padding:24px var(--spacing-lg) 20px;border-bottom:none}.building-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border-radius:var(--radius-lg);color:var(--md-accent-soft);flex-shrink:0}.building-info{display:flex;flex-direction:column;min-width:0}.building-name{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-role{font-size:var(--font-size-xs);color:var(--md-text-muted)}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:10px var(--spacing-md);font-size:var(--font-size-sm);font-weight:450;color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.nav-item:hover{color:var(--md-text-primary)}.nav-item.active{color:var(--md-accent-soft);background:transparent}.nav-item.active svg{color:var(--md-accent-soft)}.nav-item svg{color:inherit;flex-shrink:0;opacity:.7}.nav-item:hover svg,.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500;color:var(--md-accent-muted);background:#82aaaa1f;border-radius:var(--radius-full)}.nav-divider{height:1px;background:var(--md-border-subtle);margin:var(--spacing-sm) 0}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--md-border-subtle)}.manager-profile{display:flex;align-items:center;gap:var(--spacing-md)}.manager-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#82aaaa40;border-radius:var(--radius-full);color:var(--md-text-primary);font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.manager-info{display:flex;flex-direction:column;gap:2px;min-width:0}.manager-name{font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--md-text-muted);background:transparent;border:none;padding:0;cursor:pointer;transition:all var(--transition-base)}.logout-btn:hover{color:var(--md-red)}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;background:transparent;position:relative;z-index:1}.page-content{flex:1;padding:var(--spacing-xl);overflow-y:auto;position:relative;z-index:1}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:32px var(--spacing-xl) 24px;background:transparent;position:relative;z-index:1}.greeting{display:flex;flex-direction:column;gap:6px}.greeting h1{font-size:28px;font-weight:500;color:var(--md-text-heading);margin:0;letter-spacing:-.02em;line-height:1.2}.greeting p{font-size:15px;color:var(--md-text-secondary);margin:0;font-weight:400;letter-spacing:-.01em}.greeting p strong{color:var(--md-text-primary);font-weight:500}.top-bar-actions{display:flex;align-items:center;gap:var(--spacing-md)}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.notification-btn:hover{background:#ffffff14;border-color:#ffffff1a;color:var(--md-text-primary)}.notification-btn.mobile{display:none}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:#5b9a9acc;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.dashboard-home{display:flex;flex-direction:column;gap:var(--spacing-xl)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(255,245,235,.03) 0%,transparent 50%),var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border:1px solid var(--md-card-border);border-top-color:#ffffff14;border-right-color:#ffffff12;border-radius:var(--radius-xl);box-shadow:var(--md-card-shadow);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--md-card-border-hover);box-shadow:var(--md-card-shadow-hover);transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.stat-blue .stat-icon{background:#3b82f62e;color:#60a5fa}.stat-yellow .stat-icon{background:#f59e0b2e;color:#fbbf24}.stat-purple .stat-icon{background:var(--md-purple-subtle);color:#a78bfa}.stat-cyan .stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:32px;font-weight:700;color:var(--md-text-heading);letter-spacing:-.02em;line-height:1}.stat-label{font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary)}.stat-subtitle{font-size:var(--font-size-xs);color:var(--md-text-muted);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-lg)}.dashboard-card{background:linear-gradient(135deg,rgba(255,245,235,.03) 0%,transparent 50%),var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border:1px solid var(--md-card-border);border-top-color:#ffffff14;border-right-color:#ffffff12;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--md-card-shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-heading);letter-spacing:-.01em;margin:0}.view-all-btn{font-size:var(--font-size-sm);font-weight:500;color:var(--md-accent-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.view-all-btn:hover{color:var(--md-accent-soft)}.activity-card{grid-row:span 2}.activity-list{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);border-bottom:1px solid transparent}.activity-item:not(:last-child){border-bottom-color:var(--md-border-subtle)}.activity-item:hover{background:#ffffff0a;border-bottom-color:transparent}.activity-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);flex-shrink:0}.activity-green{background:#10b9812e;color:#34d399}.activity-blue{background:#3b82f62e;color:#60a5fa}.activity-purple{background:var(--md-purple-subtle);color:#a78bfa}.activity-pink{background:#ec48992e;color:#f472b6}.activity-content{display:flex;flex-direction:column;gap:3px;min-width:0}.activity-text{font-size:var(--font-size-sm);color:var(--md-text-primary);line-height:1.4}.activity-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(255,248,240,.025) 0%,transparent 50%),#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-top-color:#ffffff12;border-right-color:#ffffff0f;border-radius:var(--radius-lg);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.quick-action-btn:hover{background:#ffffff0f;border-color:#ffffff1a;color:var(--md-text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.quick-action-btn svg{color:var(--md-accent-muted);transition:all var(--transition-base)}.quick-action-btn:hover svg{color:var(--md-accent-soft)}.quick-action-btn span{font-size:var(--font-size-sm);font-weight:500}.events-card{grid-column:2}.events-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.event-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,rgba(255,248,240,.02) 0%,transparent 50%),#ffffff05;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.03);border-top-color:#ffffff0d;border-right-color:#ffffff0a;cursor:pointer;transition:all var(--transition-base)}.event-item:hover{background:#ffffff0a;border-color:#ffffff0f}.event-item.maintenance{border-left:3px solid var(--md-yellow)}.event-date{display:flex;flex-direction:column;align-items:center;min-width:60px;padding-right:var(--spacing-md);border-right:1px solid var(--md-border-subtle)}.event-day{font-size:var(--font-size-xs);font-weight:600;color:var(--md-purple);text-transform:uppercase;letter-spacing:.02em}.event-date-full{font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-primary)}.event-details{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.event-title{font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-primary)}.event-meta{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--md-text-muted)}.event-rsvps{font-size:var(--font-size-xs);color:var(--md-green)}.event-arrow{color:var(--md-text-muted);transition:all var(--transition-base)}.clickable{cursor:pointer}.stat-card.clickable{position:relative}.stat-card.clickable:hover{transform:translateY(-4px);border-color:var(--md-card-border-hover);box-shadow:0 12px 32px #00000040}.stat-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--md-text-muted);opacity:0;transition:all var(--transition-base)}.stat-card.clickable:hover .stat-arrow{opacity:1;right:var(--spacing-sm);color:var(--md-accent-muted)}.activity-item.clickable{cursor:pointer}.activity-item.clickable:hover{background:#ffffff0f}.activity-arrow{color:var(--md-text-muted);opacity:0;transition:all var(--transition-base);flex-shrink:0}.activity-item.clickable:hover .activity-arrow{opacity:1;color:var(--md-accent-muted)}.activity-detail{font-size:var(--font-size-xs);color:var(--md-accent-muted);margin-top:2px}.event-item.clickable:hover{background:#ffffff14;transform:translate(4px)}.event-item.clickable:hover .event-arrow{color:var(--md-purple)}.activity-yellow{background:#f59e0b2e;color:#fbbf24}.activity-cyan{background:#82aaaa1f;color:var(--md-accent-soft)}.notification-wrapper{position:relative}.notification-btn.active{background:#82aaaa14;border-color:var(--md-accent-muted);color:var(--md-accent-soft)}.notification-backdrop{position:fixed;inset:0;z-index:400}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:500px;background:#2d3c4beb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000040;z-index:500;overflow:hidden;animation:dropdownIn .2s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--md-border-subtle)}.notifications-header h4{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-heading);margin:0}.mark-read-btn{font-size:var(--font-size-xs);color:var(--md-accent-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.mark-read-btn:hover{color:var(--md-accent-soft)}.notifications-dropdown .notifications-list{max-height:380px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.notification-item.unread{background:#82aaaa0f}.notification-item.unread:hover{background:#82aaaa1a}.notification-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0f;border-radius:var(--radius-md);color:var(--md-accent-muted);flex-shrink:0}.notification-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.notification-title{font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary);line-height:1.3}.notification-subtitle{font-size:var(--font-size-xs);color:var(--md-text-secondary)}.notification-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.unread-dot{width:8px;height:8px;background:var(--md-accent-soft);border-radius:50%;flex-shrink:0;margin-top:6px}.notifications-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--md-border-subtle)}.view-all-notifications{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--md-accent-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.view-all-notifications:hover{color:var(--md-accent-soft)}.modal-overlay{position:fixed;inset:0;background:#1e283299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#2d3c4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .2s ease-out;box-shadow:0 24px 80px #00000040}.modal-content.large-modal{max-width:600px}.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-heading);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-body.activity-modal-body{padding:var(--spacing-md)}.activity-list.expanded .activity-item{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);color:var(--md-text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--md-accent-soft);background:#ffffff0f;box-shadow:0 0 0 3px #82aaaa1f}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.form-row .form-group{margin-bottom:0}.input-with-icon svg{position:absolute;left:var(--spacing-md);color:var(--md-text-muted);pointer-events:none}.input-with-icon input{padding-left:2.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--md-accent)}.checkbox-label span{color:var(--md-text-primary)}.invite-preview{padding:var(--spacing-md);background:#82aaaa0f;border:1px solid rgba(130,170,170,.12);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.invite-preview p{font-size:var(--font-size-sm);color:var(--md-text-secondary);margin:0}.btn-primary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--md-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);color:var(--md-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:#ffffff14;border-color:var(--md-border-hover);color:var(--md-text-primary)}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#2d3c4bf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--md-green);border-radius:var(--radius-lg);color:var(--md-green);font-size:var(--font-size-sm);font-weight:500;box-shadow:0 10px 40px #0003;z-index:2000;animation:toastIn .3s ease-out}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.coming-soon-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border:1px solid var(--md-border);border-radius:var(--radius-xl);color:var(--md-text-muted);margin-bottom:var(--spacing-lg)}.coming-soon h2{font-size:var(--font-size-xl);font-weight:600;color:var(--md-text-heading);margin:0 0 var(--spacing-sm) 0}.coming-soon p{font-size:var(--font-size-base);color:var(--md-text-muted);margin:0 0 var(--spacing-lg) 0}.back-to-dashboard{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--md-accent-soft);background:transparent;border:1px solid var(--md-accent-whisper);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.back-to-dashboard:hover{background:#82aaaa14;border-color:var(--md-accent-muted)}@media(max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.activity-card{grid-row:auto}.events-card{grid-column:1}}@media(max-width:768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0;padding-top:60px}.top-bar{padding:var(--spacing-md)}.top-bar .notification-btn{display:none}.notification-btn.mobile{display:flex}.greeting h1{font-size:var(--font-size-lg)}.page-content{padding:var(--spacing-md)}.stats-row{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.quick-actions{grid-template-columns:1fr}}@media(max-width:480px){.stat-value{font-size:var(--font-size-xl)}.event-date{display:none}.notifications-dropdown{position:fixed;top:60px;right:0;left:0;width:100%;max-height:calc(100vh - 60px);border-radius:0}.modal-content{max-height:85vh;margin:auto var(--spacing-sm)}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}.stat-arrow{display:none}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg);color:var(--md-text-secondary)}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite;color:var(--md-accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-loading p{font-size:var(--font-size-md);margin:0}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:var(--spacing-2xl);background:var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border-radius:24px;border:1px solid var(--md-card-border);margin:var(--spacing-lg)}.dashboard-empty-state .empty-state-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:var(--md-accent-subtle);color:var(--md-accent);margin-bottom:var(--spacing-xl)}.dashboard-empty-state h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--md-text-heading);margin:0 0 var(--spacing-md) 0}.dashboard-empty-state p{font-size:var(--font-size-md);color:var(--md-text-secondary);max-width:400px;line-height:1.6;margin:0 0 var(--spacing-lg) 0}.dashboard-empty-state .empty-state-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:8px;color:var(--md-red);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.dashboard-empty-state .empty-state-actions{display:flex;gap:var(--spacing-md)}.dashboard-empty-state .btn-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--md-accent),var(--md-accent-light));color:#fff;border:none;border-radius:12px;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px var(--md-accent-glow)}.dashboard-empty-state .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--md-accent-glow)}.manager-messages{display:flex;height:calc(100vh - 140px);background:#2d3c4b66;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--md-card-border)}.messages-list-panel{width:40%;min-width:300px;display:flex;flex-direction:column;background:var(--md-card-bg);border-right:1px solid var(--md-card-border)}.messages-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff0a;border-bottom:1px solid var(--md-border-subtle)}.messages-search svg{color:var(--md-text-muted);flex-shrink:0}.messages-search input{flex:1;background:transparent;border:none;font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none}.messages-search input::placeholder{color:var(--md-text-muted)}.messages-filters{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);border-bottom:1px solid var(--md-border-subtle)}.filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{color:var(--md-text-secondary);background:#ffffff0d}.filter-btn.active{color:var(--md-text-primary);background:#82aaaa1f}.filter-count{padding:2px 6px;font-size:var(--font-size-xs);font-weight:600;color:#fff;background:#5b9a9acc;border-radius:var(--radius-full)}.messages-list{flex:1;overflow-y:auto}.no-messages{display:flex;align-items:center;justify-content:center;height:200px;color:var(--md-text-muted);font-size:var(--font-size-sm)}.message-item{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--md-border-subtle);cursor:pointer;text-align:left;transition:all var(--transition-base);position:relative}.message-item:hover{background:#ffffff0a}.message-item.selected{background:#82aaaa1a}.message-item.unread{background:#82aaaa0f}.message-item.unread:hover{background:#82aaaa1a}.message-item.unread.selected{background:#82aaaa1f}.message-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--md-purple),var(--md-accent-soft));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.message-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.message-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.message-name{font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-primary)}.message-item.unread .message-name{color:var(--md-text-heading)}.message-time{font-size:var(--font-size-xs);color:var(--md-text-muted);flex-shrink:0}.message-unit{font-size:var(--font-size-xs);color:var(--md-text-muted)}.message-preview{font-size:var(--font-size-sm);color:var(--md-text-secondary);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-preview{color:var(--md-text-primary)}.unread-dot{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--md-accent-soft);border-radius:var(--radius-full)}.messages-detail-panel{flex:1;display:flex;flex-direction:column;background:transparent}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl)}.no-selection-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);color:var(--md-text-muted);margin-bottom:var(--spacing-lg)}.no-selection h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.no-selection p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.detail-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border-bottom:1px solid var(--md-border-subtle)}.back-btn{display:none;padding:var(--spacing-sm);background:transparent;border:none;color:var(--md-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.back-btn:hover{background:#ffffff0d;color:var(--md-text-primary)}.detail-resident{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.detail-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--md-purple),var(--md-accent-soft));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-base);font-weight:600;flex-shrink:0}.detail-info{display:flex;flex-direction:column;gap:2px}.detail-name{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary)}.detail-unit{font-size:var(--font-size-sm);color:var(--md-text-muted)}.detail-contact{display:flex;gap:var(--spacing-xs)}.contact-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid var(--md-border);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.contact-btn:hover{background:#82aaaa1f;border-color:#82aaaa40;color:var(--md-accent-soft)}.message-thread{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.thread-message{display:flex;flex-direction:column;max-width:75%}.thread-message.received{align-self:flex-start}.thread-message.sent{align-self:flex-end}.thread-bubble{padding:var(--spacing-md);border-radius:var(--radius-lg)}.thread-message.received .thread-bubble{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-bottom-left-radius:var(--radius-xs)}.thread-message.sent .thread-bubble{background:var(--md-accent);border-bottom-right-radius:var(--radius-xs)}.thread-bubble p{margin:0;font-size:var(--font-size-sm);color:var(--md-text-primary);line-height:1.5}.thread-message.sent .thread-bubble p{color:#fff}.thread-time{font-size:var(--font-size-xs);color:var(--md-text-muted);margin-top:var(--spacing-xs)}.thread-message.sent .thread-time{text-align:right}.reply-box{padding:var(--spacing-md) var(--spacing-lg);background:var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border-top:1px solid var(--md-border-subtle)}.reply-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--md-text-muted);background:transparent;border:1px solid var(--md-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{background:#ffffff0d;color:var(--md-text-secondary)}.action-btn.resolve{color:var(--md-green);border-color:#34d3994d}.action-btn.resolve:hover{background:#34d3991a}.action-btn.archived{color:var(--md-yellow);border-color:#fbbf244d}.reply-input-row{display:flex;gap:var(--spacing-sm);align-items:flex-end}.reply-input-row textarea{flex:1;padding:var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--md-text-primary);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);resize:none;min-height:44px;max-height:120px;outline:none;transition:all var(--transition-base)}.reply-input-row textarea::placeholder{color:var(--md-text-muted)}.reply-input-row textarea:focus{border-color:var(--md-accent-soft);background:#ffffff0f;box-shadow:0 0 0 3px #82aaaa1f}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--md-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--md-accent-light);transform:scale(1.02);box-shadow:0 4px 12px #5b9a9a40}@media(max-width:900px){.manager-messages{height:calc(100vh - 180px)}.messages-list-panel{width:100%;min-width:unset}.messages-detail-panel{position:absolute;inset:0;z-index:10;transform:translate(100%);transition:transform var(--transition-base)}.manager-messages.show-detail .messages-detail-panel{transform:translate(0)}.manager-messages.show-detail .messages-list-panel{display:none}.back-btn{display:flex}.thread-message{max-width:85%}}@media(max-width:480px){.detail-contact{display:none}.reply-actions{flex-wrap:wrap}.action-btn span{display:none}}.manager-residents{display:flex;flex-direction:column;gap:var(--spacing-lg)}.residents-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.residents-title-section h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-heading);margin:0 0 var(--spacing-xs) 0}.residents-stats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.residents-stats svg{color:var(--md-accent-soft)}.residents-stats strong{color:var(--md-text-primary);font-weight:600}.residents-actions{display:flex;gap:var(--spacing-sm)}.btn-primary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--md-accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #5b9a9a40}.btn-secondary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);background:transparent;border:1px solid var(--md-card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--md-card-border-hover);color:var(--md-text-primary)}.residents-controls{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border)}.residents-search-row{display:flex;gap:var(--spacing-sm);align-items:stretch;border-radius:var(--radius-xl);padding:var(--spacing-lg)}.residents-search{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);min-width:200px}.residents-search svg{color:var(--md-text-muted);flex-shrink:0}.residents-search input{flex:1;background:transparent;border:none;font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none}.residents-search input::placeholder{color:var(--md-text-muted)}.floor-filter{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md)}.floor-filter svg{color:var(--md-text-muted);flex-shrink:0}.floor-filter select{background:transparent;border:none;font-size:var(--font-size-sm);color:var(--md-text-primary);cursor:pointer;outline:none;padding-right:var(--spacing-sm)}.floor-filter select option{background:#3b4750;color:var(--md-text-primary)}.sort-dropdown-wrapper{position:relative}.sort-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.sort-dropdown-btn:hover{background:#ffffff14;color:var(--md-text-primary)}.sort-dropdown-btn svg.rotated{transform:rotate(180deg)}.sort-dropdown-btn svg{transition:transform var(--transition-base)}.sort-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:200px;background:#2d3c4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 24px #0006}.sort-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-base)}.sort-option:hover{background:#ffffff0d;color:var(--md-text-primary)}.sort-option.active{color:var(--md-accent-soft);background:#82aaaa1a}.sort-option .check-icon{margin-left:auto;color:var(--md-accent-soft)}.residents-filters{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.residents-filters .filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.residents-filters .filter-btn:hover{color:var(--md-text-secondary);background:#ffffff0d}.residents-filters .filter-btn.active{color:var(--md-text-primary);background:#82aaaa1f}.residents-filters .filter-count{padding:2px 8px;font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-muted);background:#ffffff0d;border-radius:var(--radius-full)}.residents-filters .filter-btn.active .filter-count{color:var(--md-accent-soft);background:#82aaaa26}.residents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.residents-empty .empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);color:var(--md-text-muted);margin-bottom:var(--spacing-lg)}.residents-empty h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.residents-empty p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0 0 var(--spacing-lg) 0}.residents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.resident-card{background:var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base)}.resident-card:hover{border-color:var(--md-card-border-hover);transform:translateY(-2px)}.resident-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.resident-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;color:#fff}.resident-avatar.active{background:linear-gradient(135deg,var(--md-green),var(--md-accent-soft))}.resident-avatar.pending{background:linear-gradient(135deg,var(--md-yellow),#f59e0b)}.resident-avatar.inactive{background:linear-gradient(135deg,#6b7280,#9ca3af)}.resident-menu-wrapper{position:relative}.resident-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.resident-menu-btn:hover{background:#ffffff0d;color:var(--md-text-primary)}.resident-menu{position:absolute;top:100%;right:0;min-width:180px;background:#2d3c4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 24px #0006}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-base)}.menu-item:hover{background:#ffffff0d;color:var(--md-text-primary)}.menu-item.danger{color:var(--md-red)}.menu-item.danger:hover{background:#f871711a}.menu-divider{height:1px;background:var(--md-border-subtle);margin:var(--spacing-xs) 0}.resident-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.resident-name{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary);margin:0}.resident-status{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);width:fit-content}.resident-status.status-active{color:var(--md-green);background:#34d39926}.resident-status.status-pending{color:var(--md-yellow);background:#fbbf2426}.resident-status.status-inactive{color:#9ca3af;background:#9ca3af26}.resident-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.resident-detail{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-text-muted)}.resident-detail svg{flex-shrink:0;color:var(--md-text-muted)}.resident-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#1e283299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.invite-modal{background:#2d3c4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--md-border-subtle)}.modal-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-heading);margin:0}.modal-body{padding:var(--spacing-lg)}.modal-description{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0 0 var(--spacing-lg) 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary)}.form-group input,.form-group select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--md-text-primary);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.form-group input::placeholder{color:var(--md-text-muted)}.form-group input:focus,.form-group select:focus{border-color:var(--md-accent-soft);background:#ffffff0f;box-shadow:0 0 0 3px #82aaaa1f}.form-group select option{background:#3b4750;color:var(--md-text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--md-border-subtle)}@media(max-width:1200px){.residents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.residents-header{flex-direction:column;align-items:flex-start}.residents-actions{width:100%}.residents-actions .btn-primary,.residents-actions .btn-secondary{flex:1;justify-content:center}}@media(max-width:768px){.residents-grid{grid-template-columns:1fr}.residents-search-row{flex-wrap:wrap}.residents-search{width:100%;min-width:unset}.floor-filter{flex:1}.sort-dropdown-btn span{display:none}.residents-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.residents-filters .filter-btn{white-space:nowrap}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.residents-actions{flex-direction:column}.residents-actions .btn-secondary span,.residents-actions .btn-primary span{display:inline}.resident-card{padding:var(--spacing-md)}}.manager-ai-assistant{display:flex;height:calc(100vh - 140px);background:#2d374680;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--md-card-border)}.ai-sidebar{width:30%;min-width:280px;max-width:360px;display:flex;flex-direction:column;background:var(--md-card-bg);border-right:1px solid var(--md-card-border)}.ai-sidebar-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--md-card-border)}.ai-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--md-accent);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;box-shadow:0 4px 16px #5b9a9a4d}.ai-title-section h2{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0}.ai-title-section p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:4px 0 0}.ai-quick-actions{padding:var(--spacing-lg);border-bottom:1px solid var(--md-card-border)}.ai-quick-actions h3,.ai-history h3{font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md) 0}.suggestion-chips{display:flex;flex-direction:column;gap:var(--spacing-xs)}.suggestion-chip{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:#0003;border:1px solid var(--md-card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.suggestion-chip:hover{background:#82aaaa1f;border-color:#5b9a9a4d;color:var(--md-text-primary)}.suggestion-chip svg{color:var(--md-purple);flex-shrink:0}.ai-history{flex:1;padding:var(--spacing-lg);overflow-y:auto}.history-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--md-text-muted)}.history-placeholder svg{margin-bottom:var(--spacing-sm);opacity:.5}.history-placeholder p{font-size:var(--font-size-sm);margin:0}.ai-chat-area{flex:1;display:flex;flex-direction:column;background:#232d37e6}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--md-card-border);background:var(--md-card-bg)}.chat-header-info{display:flex;align-items:center;gap:var(--spacing-md)}.chat-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-muted)}.status-dot{width:8px;height:8px;background:var(--md-green);border-radius:var(--radius-full);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.clear-chat-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--md-text-muted);background:transparent;border:1px solid var(--md-card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.clear-chat-btn:hover{background:#ef44441a;border-color:#ef44444d;color:var(--md-red)}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.welcome-message{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#82aaaa1f,#3b82f61a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-xl)}.ai-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--md-accent);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #5b9a9a4d}.welcome-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.welcome-content p{font-size:var(--font-size-sm);color:var(--md-text-secondary);margin:0;line-height:1.5}.inline-suggestions{padding:var(--spacing-md) 0}.inline-suggestions>p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0 0 var(--spacing-md) 0}.inline-suggestion-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.inline-suggestion{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left}.inline-suggestion:hover{background:#82aaaa1a;border-color:#5b9a9a4d;color:var(--md-text-primary)}.inline-suggestion svg{color:var(--md-text-muted);transition:transform var(--transition-base)}.inline-suggestion:hover svg{transform:translate(4px);color:var(--md-purple)}.chat-message{display:flex;gap:var(--spacing-sm);max-width:85%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user-message{align-self:flex-end;flex-direction:row-reverse}.chat-message.ai-message{align-self:flex-start}.message-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--md-accent);border-radius:var(--radius-md);color:#fff;flex-shrink:0;box-shadow:0 2px 8px #5b9a9a4d}.message-bubble{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-message .message-bubble{align-items:flex-end}.message-text{padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.6}.user-message .message-text{background:var(--md-accent);color:#fff;border-bottom-right-radius:var(--radius-xs)}.ai-message .message-text{background:var(--md-card-bg);border:1px solid var(--md-card-border);color:var(--md-text-primary);border-bottom-left-radius:var(--radius-xs);box-shadow:0 2px 8px #82aaaa1a}.ai-message .message-text strong{color:var(--md-accent-soft)}.ai-message .message-text em{color:var(--md-text-muted);font-style:italic}.message-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-xs)}.typing-indicator span{width:8px;height:8px;background:var(--md-purple);border-radius:var(--radius-full);animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-input-area{padding:var(--spacing-md) var(--spacing-lg);background:var(--md-card-bg);border-top:1px solid var(--md-card-border)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);background:#0003;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.chat-input-wrapper:focus-within{border-color:var(--md-purple);box-shadow:0 0 0 3px #82aaaa1f}.chat-input-wrapper textarea{flex:1;background:transparent;border:none;font-size:var(--font-size-sm);font-family:inherit;color:var(--md-text-primary);resize:none;outline:none;min-height:24px;max-height:120px;line-height:1.5}.chat-input-wrapper textarea::placeholder{color:var(--md-text-muted)}.input-actions{display:flex;gap:var(--spacing-xs)}.mic-btn,.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.mic-btn{background:transparent;border:none;color:var(--md-text-muted)}.mic-btn:hover{background:#ffffff0d;color:var(--md-text-secondary)}.send-btn{background:var(--md-accent);border:none;color:#fff}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #5b9a9a66}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{font-size:var(--font-size-xs);color:var(--md-text-muted);margin:var(--spacing-xs) 0 0 var(--spacing-sm)}@media(max-width:900px){.manager-ai-assistant{flex-direction:column;height:calc(100vh - 180px)}.ai-sidebar{width:100%;max-width:none;min-width:unset;flex-direction:row;border-right:none;border-bottom:1px solid var(--md-card-border);overflow-x:auto}.ai-sidebar-header{min-width:200px;border-bottom:none;border-right:1px solid var(--md-card-border)}.ai-quick-actions{min-width:300px;border-bottom:none;border-right:1px solid var(--md-card-border);overflow-x:auto}.ai-quick-actions h3{display:none}.suggestion-chips{flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-sm)}.suggestion-chip{white-space:nowrap}.ai-history{display:none}.chat-message{max-width:90%}}@media(max-width:600px){.ai-sidebar{flex-direction:column;max-height:200px}.ai-sidebar-header{border-right:none;border-bottom:1px solid var(--md-card-border);min-width:unset}.ai-quick-actions{min-width:unset;border-right:none;padding:var(--spacing-md)}.suggestion-chips{flex-wrap:wrap}.welcome-message{flex-direction:column;text-align:center}.ai-avatar{margin:0 auto}.inline-suggestion-list{gap:var(--spacing-sm)}.clear-chat-btn span{display:none}}.manager-community{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.success-toast{position:fixed;top:100px;right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-green);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:500;z-index:1000;animation:slideInRight .3s ease,fadeOut .3s ease 2.7s forwards;box-shadow:0 8px 24px #34d39966}@keyframes fadeOut{to{opacity:0;transform:translate(100px)}}.community-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.community-title-section h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-heading);margin:0 0 var(--spacing-xs) 0}.community-title-section p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.community-actions{display:flex;gap:var(--spacing-sm)}.manager-community .btn-primary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.manager-community .btn-primary:hover:not(:disabled){background:var(--md-accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #5b9a9a40}.manager-community .btn-primary:disabled{opacity:.5;cursor:not-allowed}.manager-community .btn-secondary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);background:transparent;border:1px solid var(--md-card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.manager-community .btn-secondary:hover{background:#ffffff0d;border-color:var(--md-card-border-hover);color:var(--md-text-primary)}.community-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:transparent;border:1px solid var(--md-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.filter-chip:hover{background:#ffffff0d;color:var(--md-text-secondary)}.filter-chip.active{background:#82aaaa1f;border-color:#82aaaa40;color:var(--md-accent-soft)}.community-feed{display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--md-text-muted)}.empty-feed svg{opacity:.3;margin-bottom:var(--spacing-md)}.empty-feed h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.empty-feed p{font-size:var(--font-size-sm);margin:0}.community-post-card{background:var(--md-card-bg);backdrop-filter:blur(var(--md-card-blur));-webkit-backdrop-filter:blur(var(--md-card-blur));border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base);position:relative}.community-post-card:hover{border-color:var(--md-card-border-hover)}.community-post-card.announcement{background:linear-gradient(135deg,#fbbf2414,#fbbf2405);border-color:#fbbf244d}.community-post-card.announcement:hover{border-color:#fbbf2480}.community-post-card.pinned{border-color:#82aaaa59}.pinned-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--md-accent-soft);margin-bottom:var(--spacing-sm)}.announcement-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--md-yellow);background:#fbbf2426;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);width:fit-content}.community-post-card .post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.post-author{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:#fff;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary)}.post-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-muted)}.meta-dot{opacity:.5}.post-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.post-type-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.post-menu-wrapper{position:relative}.post-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.post-menu-btn:hover{background:#ffffff0d;color:var(--md-text-primary)}.post-menu{position:absolute;top:100%;right:0;min-width:180px;background:#2d3c4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 24px #0006;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.post-menu .menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-base)}.post-menu .menu-item:hover{background:#ffffff0d;color:var(--md-text-primary)}.post-menu .menu-item.danger{color:var(--md-red)}.post-menu .menu-item.danger:hover{background:#f871711a}.post-menu .menu-divider{height:1px;background:var(--md-border-subtle);margin:var(--spacing-xs) 0}.post-content{margin-bottom:var(--spacing-md)}.announcement-title{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-sm) 0}.post-content p{font-size:var(--font-size-base);color:var(--md-text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.post-actions{display:flex;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--md-border-subtle)}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{background:#ffffff14;color:var(--md-text-secondary)}.action-btn.liked{color:#ef4444}.action-btn.liked:hover{background:#ef44441a}.manager-community .modal-overlay{position:fixed;inset:0;background:#1e283299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.announcement-modal,.post-modal{background:#2d3c4bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s ease;box-shadow:0 24px 80px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manager-community .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--md-border-subtle)}.modal-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-header-left svg{color:var(--md-yellow)}.manager-community .modal-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-heading);margin:0}.manager-community .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.manager-community .modal-close:hover{background:#ffffff1a;color:var(--md-text-primary)}.manager-community .modal-body{padding:var(--spacing-lg)}.manager-community .form-group{margin-bottom:var(--spacing-md)}.manager-community .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);margin-bottom:var(--spacing-xs)}.manager-community .form-group input,.manager-community .form-group textarea,.manager-community .form-group select{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--md-text-primary);background:#ffffff0a;border:1px solid var(--md-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.manager-community .form-group input::placeholder,.manager-community .form-group textarea::placeholder{color:var(--md-text-muted)}.manager-community .form-group input:focus,.manager-community .form-group textarea:focus,.manager-community .form-group select:focus{border-color:var(--md-accent-soft);background:#ffffff0f;box-shadow:0 0 0 3px #82aaaa1f}.manager-community .form-group textarea{resize:vertical;min-height:100px}.manager-community .form-group select{cursor:pointer}.manager-community .form-group select option{background:#3b4750;color:var(--md-text-primary)}.manager-community .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.attach-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:#ffffff0a;border:1px dashed var(--md-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.attach-btn:hover{background:#ffffff0f;border-color:var(--md-border-hover);color:var(--md-text-secondary)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--md-accent);cursor:pointer}.form-checkbox label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-text-secondary);cursor:pointer}.form-checkbox label svg{color:var(--md-yellow)}.manager-community .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--md-border-subtle)}.post-type-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--md-border-subtle)}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);background:transparent;border:1px solid var(--md-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.type-btn:hover{background:#ffffff0d}.type-btn.active{color:var(--md-text-primary)}@media(max-width:768px){.community-header{flex-direction:column;align-items:flex-start}.community-actions{width:100%;flex-direction:column}.community-actions .btn-primary,.community-actions .btn-secondary{width:100%;justify-content:center}.community-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.filter-chip{white-space:nowrap}.community-post-card .post-header{flex-direction:column;gap:var(--spacing-sm)}.post-header-right{align-self:flex-start}.manager-community .form-row{grid-template-columns:1fr}.post-type-selector{flex-wrap:wrap}.type-btn{flex:none}}@media(max-width:480px){.community-post-card{padding:var(--spacing-md)}.success-toast{left:var(--spacing-md);right:var(--spacing-md);top:auto;bottom:var(--spacing-lg)}}.manager-calendar{padding:var(--spacing-lg)}.calendar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.calendar-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.calendar-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.calendar-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.create-event-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.create-event-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a40}.manager-calendar .calendar-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.manager-calendar .calendar-filters::-webkit-scrollbar{display:none}.calendar-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--md-text-muted)}.no-events svg{margin-bottom:var(--spacing-md);opacity:.5}.no-events h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.no-events p{font-size:var(--font-size-sm);margin:0}.event-card{position:relative;background:var(--md-card-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base);overflow:hidden}.event-card:hover{background:#ffffff1a;border-color:var(--md-card-border-hover)}.event-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm)}.event-date-info{display:flex;flex-direction:column;gap:2px}.event-relative-date{font-size:var(--font-size-lg);font-weight:700;color:var(--md-accent-soft)}.event-exact-date{font-size:var(--font-size-sm);color:var(--md-text-muted)}.event-card-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.event-category-tag{display:inline-flex;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.event-menu-wrapper{position:relative}.event-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.event-menu-btn:hover{background:#ffffff1a;color:var(--md-text-secondary)}.event-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #0000004d}.event-menu-dropdown button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.event-menu-dropdown button:hover{background:#ffffff1a;color:var(--md-text-primary)}.event-menu-dropdown button svg{flex-shrink:0}.event-menu-dropdown .menu-divider{height:1px;background:var(--md-card-border);margin:var(--spacing-xs) 0}.event-menu-dropdown .delete-btn{color:var(--md-red)}.event-menu-dropdown .delete-btn:hover{background:#ef44441a;color:var(--md-red)}.event-card-body{display:flex;gap:var(--spacing-md);padding-left:var(--spacing-sm)}.event-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.event-details{flex:1;min-width:0}.event-title{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.event-description{font-size:var(--font-size-sm);color:var(--md-text-muted);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.event-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.event-time,.event-location,.event-rsvps{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-secondary)}.event-time svg,.event-location svg,.event-rsvps svg{color:var(--md-accent-soft)}.calendar-month-view{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.month-nav h3{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary);margin:0}.month-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid var(--md-card-border);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.month-nav-btn:hover{background:#ffffff1a;color:var(--md-text-primary)}.month-grid{overflow:hidden}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--spacing-sm)}.weekday{padding:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--md-card-border);border-radius:var(--radius-md);overflow:hidden}.day-cell{min-height:100px;padding:var(--spacing-sm);background:#2d374680;transition:all var(--transition-base)}.day-cell.empty{background:#0003}.day-cell.has-events{cursor:pointer}.day-cell:hover:not(.empty){background:#ffffff0d}.day-number{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-secondary);margin-bottom:var(--spacing-xs)}.day-events{display:flex;flex-direction:column;gap:2px}.day-event-dot{padding:2px 6px;font-size:10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.day-event-dot:hover{transform:scale(1.02)}.day-event-title{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.more-events{font-size:10px;color:var(--md-text-muted);padding:2px 0}.form-group textarea{resize:vertical;min-height:80px}.rsvp-row{align-items:end}.btn-primary,.btn-secondary,.btn-danger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.rsvp-modal .modal-content{max-width:450px}.rsvp-summary{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:#3b82f61a;border-radius:var(--radius-lg);text-align:center}.rsvp-count{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--md-accent-soft)}.rsvp-count svg{color:var(--md-accent-soft)}.rsvp-limit{color:var(--md-text-muted);font-weight:400}.rsvp-summary p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:var(--spacing-xs) 0 0 0}.rsvp-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.rsvp-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#0003;border-radius:var(--radius-md)}.rsvp-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--md-accent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;flex-shrink:0}.rsvp-info{flex:1;min-width:0}.rsvp-name{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary)}.rsvp-unit{display:block;font-size:var(--font-size-xs);color:var(--md-text-muted)}.rsvp-check{color:var(--md-green);flex-shrink:0}.no-rsvps{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);color:var(--md-text-muted)}.no-rsvps svg{margin-bottom:var(--spacing-sm);opacity:.5}.no-rsvps p{font-size:var(--font-size-sm);margin:0}.delete-modal .modal-content{max-width:400px}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.delete-warning p{font-size:var(--font-size-md);color:var(--md-text-primary);margin:0 0 var(--spacing-sm) 0}.delete-note{font-size:var(--font-size-sm);color:var(--md-text-muted)}.toast-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-green);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);box-shadow:0 8px 24px #34d3994d;z-index:2000;animation:slideInRight .3s ease}@media(max-width:768px){.manager-calendar{padding:var(--spacing-md)}.calendar-header{flex-direction:column;gap:var(--spacing-md)}.calendar-header-actions{width:100%;justify-content:space-between}.create-event-btn span{display:none}.create-event-btn{padding:var(--spacing-sm);width:44px;height:44px}.event-card{padding:var(--spacing-md)}.event-card-header{flex-direction:column;gap:var(--spacing-sm)}.event-card-actions{align-self:flex-start}.event-card-body{flex-direction:column}.event-icon{width:40px;height:40px}.event-meta{flex-direction:column;gap:var(--spacing-xs)}.form-row{grid-template-columns:1fr}.day-cell{min-height:60px;padding:var(--spacing-xs)}.day-event-dot{padding:1px 3px;font-size:8px}.toast-notification{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}}@media(max-width:480px){.month-nav h3{font-size:var(--font-size-lg)}.weekday{font-size:10px;padding:var(--spacing-xs)}.day-number{font-size:var(--font-size-xs)}.day-event-title{display:none}.day-event-dot{width:8px;height:8px;padding:0;border-radius:var(--radius-full)}}.manager-packages{padding:var(--spacing-lg)}.packages-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.packages-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.packages-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.log-package-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.log-package-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a40}.packages-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.packages-stats .stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.packages-stats .stat-card:hover{background:#ffffff14}.packages-stats .stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.packages-stats .stat-blue .stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.packages-stats .stat-red .stat-icon{background:#ef444426;color:var(--md-red)}.packages-stats .stat-green .stat-icon{background:#10b98126;color:var(--md-green)}.packages-stats .stat-purple .stat-icon{background:#8b5cf626;color:var(--md-purple)}.packages-stats .stat-content{display:flex;flex-direction:column}.packages-stats .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary)}.packages-stats .stat-label{font-size:var(--font-size-sm);color:var(--md-text-muted)}.packages-toolbar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;max-width:300px;padding:var(--spacing-sm) var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-tab.warning{color:var(--md-red);border-color:#ef44444d}.filter-tab.warning.active{background:linear-gradient(135deg,var(--md-red),#dc2626)}.sort-dropdown{position:relative}.sort-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.sort-btn:hover{background:#ffffff1a;color:var(--md-text-primary)}.sort-menu{position:absolute;top:100%;right:0;min-width:160px;margin-top:var(--spacing-xs);background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #0000004d}.sort-menu button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.sort-menu button:hover{background:#ffffff1a;color:var(--md-text-primary)}.sort-menu button.active{background:#82aaaa1f;color:var(--md-accent-soft)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.no-packages{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--md-text-muted)}.no-packages svg{margin-bottom:var(--spacing-md);opacity:.5}.no-packages h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.no-packages p{font-size:var(--font-size-sm);margin:0}.package-card{position:relative;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base)}.package-card:hover{background:#ffffff14}.package-card.overdue{border-color:#ef44444d;background:#ef44440d}.package-card.critical{border-color:#ef444480;background:#ef44441a}.package-card.picked_up{opacity:.7}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.status-indicator.overdue{background:#ef444426;color:var(--md-red)}.status-indicator.critical{background:#ef444433;color:var(--md-red)}.status-indicator.picked-up{background:#10b98126;color:var(--md-green)}.red-dot{width:8px;height:8px;background:var(--md-red);border-radius:var(--radius-full);animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.package-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.resident-info{display:flex;flex-direction:column;gap:2px}.resident-name{font-size:var(--font-size-md);font-weight:600;color:var(--md-text-primary)}.resident-unit{font-size:var(--font-size-sm);color:var(--md-text-muted)}.package-menu-wrapper{position:relative}.package-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.package-menu-btn:hover{background:#ffffff1a;color:var(--md-text-secondary)}.package-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #0000004d}.package-menu-dropdown button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.package-menu-dropdown button:hover{background:#ffffff1a;color:var(--md-text-primary)}.package-menu-dropdown button svg{flex-shrink:0}.package-menu-dropdown .menu-divider{height:1px;background:var(--md-card-border);margin:var(--spacing-xs) 0}.package-menu-dropdown .delete-btn{color:var(--md-red)}.package-menu-dropdown .delete-btn:hover{background:#ef44441a}.package-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.carrier-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);align-self:flex-start;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.package-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-muted)}.meta-item svg{color:var(--md-accent-soft)}.package-notes{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:#0003;border-radius:var(--radius-md);font-style:italic}.pickup-time{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-green);background:#10b9811a;border-radius:var(--radius-md)}.package-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--md-card-border)}.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.action-btn.primary{color:#fff;background:var(--md-green);border:none}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.action-btn.secondary{color:var(--md-text-secondary);background:transparent;border:1px solid var(--md-card-border)}.action-btn.secondary:hover{background:#ffffff1a;color:var(--md-text-primary)}.modal-content{width:100%;max-width:480px;max-height:90vh;background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.confirm-modal .modal-content{max-width:400px}.confirm-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.confirm-icon{margin-bottom:var(--spacing-md)}.confirm-icon.success{color:var(--md-green)}.confirm-icon.danger{color:var(--md-red)}.confirm-content p{font-size:var(--font-size-md);color:var(--md-text-primary);margin:0 0 var(--spacing-sm) 0}.confirm-content strong{color:var(--md-accent-soft)}.confirm-note{font-size:var(--font-size-sm);color:var(--md-text-muted)}.btn-primary,.btn-secondary,.btn-danger,.btn-success{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-primary{color:#fff;background:var(--md-accent)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5b9a9a40}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-success{color:#fff;background:var(--md-green)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.toast-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-green);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);box-shadow:0 8px 24px #10b9814d;z-index:2000;animation:slideInRight .3s ease}@media(max-width:1024px){.packages-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.manager-packages{padding:var(--spacing-md)}.packages-header{flex-direction:column;align-items:stretch}.log-package-btn{justify-content:center}.packages-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.packages-stats .stat-card{padding:var(--spacing-sm) var(--spacing-md)}.packages-stats .stat-icon{width:36px;height:36px}.packages-stats .stat-value{font-size:var(--font-size-lg)}.packages-toolbar{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.toolbar-right{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:flex-start}.sort-dropdown{align-self:flex-start}.packages-grid,.form-row{grid-template-columns:1fr}.toast-notification{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}}@media(max-width:480px){.packages-stats{grid-template-columns:1fr 1fr}.packages-stats .stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.package-actions{flex-direction:column}.action-btn{width:100%}}.manager-elevator{padding:var(--spacing-lg)}.elevator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.elevator-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.elevator-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.elevator-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.view-toggle{display:flex;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:4px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.view-toggle-btn:hover{color:var(--md-text-secondary);background:#ffffff0d}.view-toggle-btn.active{background:var(--md-accent);color:#fff}.create-booking-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.create-booking-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.elevator-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.elevator-stats .stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.elevator-stats .stat-card:hover{background:#ffffff14}.elevator-stats .stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.elevator-stats .stat-blue .stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.elevator-stats .stat-purple .stat-icon{background:#8b5cf626;color:var(--md-purple)}.elevator-stats .stat-yellow .stat-icon{background:#f59e0b26;color:#f59e0b}.elevator-stats .stat-green .stat-icon{background:#10b98126;color:var(--md-green)}.elevator-stats .stat-content{display:flex;flex-direction:column}.elevator-stats .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary)}.elevator-stats .stat-value.text-value{font-size:var(--font-size-md);color:var(--md-green)}.elevator-stats .stat-label{font-size:var(--font-size-sm);color:var(--md-text-muted)}.elevator-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.elevator-filters::-webkit-scrollbar{display:none}.filter-chip{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.filter-chip:hover{background:#ffffff1a;color:var(--md-text-secondary)}.filter-chip.active{background:var(--md-accent);border-color:transparent;color:#fff}.filter-chip.warning{color:#f59e0b;border-color:#f59e0b4d}.filter-chip.warning.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.bookings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-bookings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--md-text-muted);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl)}.no-bookings svg{margin-bottom:var(--spacing-md);opacity:.5}.no-bookings h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.no-bookings p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0}.booking-card{position:relative;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base)}.booking-card:hover{background:#ffffff14}.booking-card.pending{border-color:#f59e0b4d;background:#f59e0b0d}.booking-card.blocked{opacity:.6;border-color:#ef44444d}.booking-card.has-conflict{border-color:#ef444480}.conflict-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;color:var(--md-red);background:#ef444426;border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.booking-resident{display:flex;flex-direction:column;gap:2px}.booking-resident .resident-name{font-size:var(--font-size-md);font-weight:600;color:var(--md-text-primary)}.booking-resident .resident-unit{font-size:var(--font-size-sm);color:var(--md-text-muted)}.booking-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.status-badge.confirmed{background:#10b98126;color:var(--md-green)}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.blocked{background:#ef444426;color:var(--md-red)}.booking-menu-wrapper{position:relative}.booking-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.booking-menu-btn:hover{background:#ffffff1a;color:var(--md-text-secondary)}.booking-menu-dropdown{position:absolute;top:100%;right:0;min-width:200px;background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #0000004d}.booking-menu-dropdown button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.booking-menu-dropdown button:hover{background:#ffffff1a;color:var(--md-text-primary)}.booking-menu-dropdown button svg{flex-shrink:0}.booking-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.booking-datetime{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-text-secondary)}.booking-datetime svg{color:var(--md-accent-soft)}.booking-date{font-weight:600;color:var(--md-text-primary)}.booking-type-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.booking-notes{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:#0003;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.service-elevator-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;color:var(--md-purple);background:#8b5cf61a;border-radius:var(--radius-full)}.booking-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--md-card-border)}.booking-actions .action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.booking-actions .action-btn.approve{color:#fff;background:linear-gradient(135deg,var(--md-green),#059669);border:none}.booking-actions .action-btn.approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.booking-actions .action-btn.block{color:var(--md-red);background:transparent;border:1px solid rgba(239,68,68,.3)}.booking-actions .action-btn.block:hover{background:#ef44441a}.calendar-view{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.calendar-nav h3{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary);margin:0}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid var(--md-card-border);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.nav-btn:hover{background:#ffffff1a;color:var(--md-text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-sm)}.calendar-day{background:#0003;border-radius:var(--radius-lg);padding:var(--spacing-sm);min-height:150px}.calendar-day.today{background:#82aaaa1a;border:1px solid rgba(91,154,154,.3)}.day-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--md-card-border)}.day-name{font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-muted);text-transform:uppercase}.day-num{font-size:var(--font-size-lg);font-weight:700;color:var(--md-text-primary)}.calendar-day.today .day-num{color:var(--md-accent-soft)}.day-bookings{display:flex;flex-direction:column;gap:var(--spacing-xs)}.calendar-booking{padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-card-bg);border-left:3px solid;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.calendar-booking:hover{background:#ffffff1a}.calendar-booking.pending{opacity:.7}.cal-time{display:block;font-size:10px;font-weight:600;color:var(--md-text-muted)}.cal-resident{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-type{display:block;font-size:10px;color:var(--md-text-muted)}.no-day-bookings{display:flex;align-items:center;justify-content:center;height:80px;font-size:var(--font-size-xs);color:var(--md-text-muted);opacity:.5}.form-group textarea{resize:vertical;min-height:60px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--md-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.block-modal .modal-content{max-width:420px}.block-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.block-warning svg{color:var(--md-red);margin-bottom:var(--spacing-md)}.block-warning p{font-size:var(--font-size-md);color:var(--md-text-primary);margin:0 0 var(--spacing-sm) 0}.block-warning strong{color:var(--md-accent-soft)}.block-datetime{font-size:var(--font-size-sm);color:var(--md-text-muted)}.details-modal .modal-content{max-width:450px}.details-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--md-card-border)}.details-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.details-section h4{font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xs) 0}.details-section p{font-size:var(--font-size-sm);color:var(--md-text-primary);margin:0}@media(max-width:1024px){.elevator-stats{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-day:nth-child(n+5){display:none}}@media(max-width:768px){.manager-elevator{padding:var(--spacing-md)}.elevator-header{flex-direction:column;align-items:stretch}.elevator-header-actions{justify-content:space-between}.create-booking-btn span{display:none}.create-booking-btn{padding:var(--spacing-sm);width:44px;height:44px}.elevator-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.elevator-stats .stat-card{padding:var(--spacing-sm) var(--spacing-md)}.elevator-stats .stat-icon{width:36px;height:36px}.elevator-stats .stat-value{font-size:var(--font-size-lg)}.booking-card{padding:var(--spacing-md)}.booking-details{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.calendar-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.calendar-day{min-height:auto}.calendar-day:nth-child(n+5){display:block}.day-header{flex-direction:row;justify-content:space-between;padding-bottom:var(--spacing-xs)}.form-row{grid-template-columns:1fr}.toast-notification{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}}@media(max-width:480px){.elevator-stats{grid-template-columns:1fr 1fr}.elevator-stats .stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.booking-actions{flex-direction:column}.booking-actions .action-btn{width:100%}}.manager-bulletin{padding:var(--spacing-lg)}.bulletin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.bulletin-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.bulletin-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.create-listing-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.create-listing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.bulletin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bulletin-stats .stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.bulletin-stats .stat-card:hover{background:#ffffff14}.bulletin-stats .stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.bulletin-stats .stat-blue .stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.bulletin-stats .stat-purple .stat-icon{background:#8b5cf626;color:var(--md-purple)}.bulletin-stats .stat-yellow .stat-icon{background:#f59e0b26;color:#f59e0b}.bulletin-stats .stat-green .stat-icon{background:#10b98126;color:var(--md-green)}.bulletin-stats .stat-content{display:flex;flex-direction:column}.bulletin-stats .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary)}.bulletin-stats .stat-label{font-size:var(--font-size-sm);color:var(--md-text-muted)}.bulletin-toolbar{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);max-width:400px;padding:var(--spacing-sm) var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.search-wrapper:focus-within{border-color:var(--md-accent-soft);box-shadow:0 0 0 3px #82aaaa1f}.search-wrapper svg{color:var(--md-text-muted);flex-shrink:0}.search-wrapper input{flex:1;background:transparent;border:none;font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none}.search-wrapper input::placeholder{color:var(--md-text-muted)}.filter-tabs{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-muted);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.filter-tab:hover{background:#ffffff1a;color:var(--md-text-secondary)}.filter-tab.active{background:var(--md-accent);border-color:transparent;color:#fff}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.no-listings{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--md-text-muted);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl)}.no-listings svg{margin-bottom:var(--spacing-md);opacity:.5}.no-listings h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.no-listings p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0}.create-first-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.listing-card{position:relative;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.listing-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.listing-card.pinned{border-color:#f59e0b66;box-shadow:0 0 0 1px #f59e0b33}.listing-card.flagged{border-color:#ef44444d}.pinned-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b33;border-radius:var(--radius-full);z-index:10}.flagged-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;color:var(--md-red);background:#ef444433;border-radius:var(--radius-full);z-index:10}.listing-card.pinned .flagged-badge{left:auto;right:50px}.listing-image{position:relative;height:160px;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.listing-card:hover .listing-image img{transform:scale(1.05)}.listing-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.listing-menu-wrapper{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:10}.listing-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base)}.listing-menu-btn:hover{background:#000000b3}.listing-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;margin-top:var(--spacing-xs);background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #0000004d}.listing-menu-dropdown button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.listing-menu-dropdown button:hover{background:#ffffff1a;color:var(--md-text-primary)}.listing-menu-dropdown button svg{flex-shrink:0}.listing-menu-dropdown .menu-divider{height:1px;background:var(--md-card-border);margin:var(--spacing-xs) 0}.listing-menu-dropdown .delete-btn{color:var(--md-red)}.listing-menu-dropdown .delete-btn:hover{background:#ef44441a}.listing-content{padding:var(--spacing-md)}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.category-badge{display:inline-flex;padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.listing-price{font-size:var(--font-size-lg);font-weight:700;color:var(--md-green)}.listing-title{font-size:var(--font-size-md);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.listing-description{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0 0 var(--spacing-md) 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-poster{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-secondary);margin-bottom:var(--spacing-sm)}.listing-poster svg{color:var(--md-accent-soft)}.poster-unit{color:var(--md-text-muted)}.listing-stats{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);border-top:1px solid var(--md-card-border);border-bottom:1px solid var(--md-card-border)}.listing-stats .stat-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--md-text-muted)}.listing-stats .stat-item svg{color:var(--md-purple)}.listing-footer{display:flex;justify-content:space-between;align-items:center}.listing-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{width:100%;max-width:500px;max-height:90vh;background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--md-card-border)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff1a;color:var(--md-text-secondary)}.modal-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--md-card-border)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--md-text-primary);background:#0003;border:1px solid var(--md-card-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--md-accent-soft);box-shadow:0 0 0 3px #82aaaa1f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--md-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.price-input{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#0003;border:1px solid var(--md-card-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.price-input:focus-within{border-color:var(--md-accent-soft);box-shadow:0 0 0 3px #82aaaa1f}.price-input svg{color:var(--md-text-muted);flex-shrink:0}.price-input input{flex:1;background:transparent;border:none;padding:0;font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none}.price-input input::placeholder{color:var(--md-text-muted)}.delete-modal .modal-content{max-width:420px}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.delete-warning svg{color:var(--md-red);margin-bottom:var(--spacing-md)}.delete-warning p{font-size:var(--font-size-md);color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.delete-warning strong{color:var(--md-accent-soft)}.delete-poster{font-size:var(--font-size-sm);color:var(--md-text-muted)}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-primary{color:#fff;background:var(--md-accent);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5b9a9a4d}.btn-secondary{color:var(--md-text-secondary);background:var(--md-card-bg);border:1px solid var(--md-card-border)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-danger-outline{color:var(--md-red);background:transparent;border:1px solid rgba(239,68,68,.3)}.btn-danger-outline:hover{background:#ef44441a}.toast-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--md-green),#059669);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);box-shadow:0 8px 24px #10b9814d;z-index:2000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.bulletin-stats,.listings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.manager-bulletin{padding:var(--spacing-md)}.bulletin-header{flex-direction:column;align-items:stretch}.create-listing-btn{justify-content:center}.bulletin-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.bulletin-stats .stat-card{padding:var(--spacing-sm) var(--spacing-md)}.bulletin-stats .stat-icon{width:36px;height:36px}.bulletin-stats .stat-value{font-size:var(--font-size-lg)}.search-wrapper{max-width:none}.listings-grid,.form-row{grid-template-columns:1fr}.toast-notification{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}}@media(max-width:480px){.bulletin-stats{grid-template-columns:1fr 1fr}.bulletin-stats .stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.listing-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.listing-stats{flex-direction:column;gap:var(--spacing-xs)}}.manager-faq{display:flex;flex-direction:column;gap:1.5rem}.faq-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.faq-header-left h2{font-size:1.5rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .25rem}.faq-header-left p{font-size:.875rem;color:var(--md-text-secondary);margin:0}.faq-header-actions{display:flex;align-items:center;gap:1rem}.preview-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.preview-toggle input{display:none}.toggle-slider{width:44px;height:24px;background:var(--md-card-border);border-radius:12px;position:relative;transition:background var(--transition-base)}.toggle-slider:after{content:"";position:absolute;width:18px;height:18px;background:var(--md-text-secondary);border-radius:50%;top:3px;left:3px;transition:all var(--transition-base)}.preview-toggle input:checked+.toggle-slider{background:var(--md-accent-soft)}.preview-toggle input:checked+.toggle-slider:after{left:23px;background:#fff}.toggle-label{font-size:.875rem;color:var(--md-text-secondary);font-weight:500}.preview-toggle input:checked~.toggle-label{color:var(--md-accent-soft)}.add-faq-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--md-accent);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.add-faq-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #5b9a9a4d}.faq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.faq-stats .stat-card{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.faq-stats .stat-card svg{color:var(--md-purple)}.faq-stats .stat-content{display:flex;flex-direction:column}.faq-stats .stat-value{font-size:1.5rem;font-weight:600;color:var(--md-text-primary);line-height:1.2}.faq-stats .stat-label{font-size:.75rem;color:var(--md-text-secondary);text-transform:uppercase;letter-spacing:.5px}.faq-toolbar{display:flex;flex-direction:column;gap:1rem}.search-wrapper{position:relative;max-width:400px}.search-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--md-text-secondary)}.search-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:10px;color:var(--md-text-primary);font-size:.875rem;transition:all var(--transition-base)}.search-wrapper input:focus{outline:none;border-color:var(--md-purple);background:#ffffff14}.search-wrapper input::placeholder{color:var(--md-text-secondary)}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.category-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:20px;color:var(--md-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.category-tab:hover{background:#ffffff14;color:var(--md-text-primary)}.category-tab.active{background:var(--cat-color, var(--md-purple));border-color:var(--cat-color, var(--md-purple));color:#fff}.category-tab svg{flex-shrink:0}.preview-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:8px;color:var(--md-accent-soft);font-size:.875rem;font-weight:500}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-category-group{display:flex;flex-direction:column;gap:.75rem}.category-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:10px;border-left:3px solid var(--cat-color)}.category-header svg{color:var(--cat-color)}.category-header h3{font-size:.9375rem;font-weight:600;color:var(--md-text-primary);margin:0;flex:1}.category-count{font-size:.75rem;color:var(--md-text-secondary);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.category-faqs{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:10px;overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:#ffffff26}.faq-item.expanded{border-color:var(--md-purple)}.faq-item.hidden-faq{opacity:.6}.faq-item.hidden-faq:hover{opacity:.8}.faq-item-header{display:flex;align-items:center;padding:1rem;cursor:pointer;gap:.75rem}.drag-handle{color:var(--md-text-secondary);cursor:grab;padding:.25rem;opacity:.5;transition:opacity var(--transition-base)}.faq-item:hover .drag-handle{opacity:1}.faq-question{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.question-text{font-size:.9375rem;font-weight:500;color:var(--md-text-primary);line-height:1.4}.hidden-badge{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--md-text-secondary);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.faq-item-actions{display:flex;align-items:center;gap:.5rem}.faq-views{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--md-text-secondary);padding:.25rem .5rem;background:#ffffff0d;border-radius:4px}.faq-menu-wrapper{position:relative}.faq-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.faq-menu-btn:hover{background:#ffffff1a;color:var(--md-text-primary)}.faq-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:8px;min-width:180px;padding:.5rem;z-index:100;box-shadow:0 10px 40px #0000004d}.faq-menu-dropdown button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--md-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-base);text-align:left}.faq-menu-dropdown button:hover{background:#ffffff14;color:var(--md-text-primary)}.faq-menu-dropdown button.delete-btn:hover{background:#ef444426;color:#ef4444}.faq-menu-dropdown .menu-divider{height:1px;background:var(--md-card-border);margin:.5rem 0}.expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.faq-item.expanded .expand-btn{color:var(--md-purple)}.faq-answer{padding:1rem 1rem 1rem 3.5rem;border-top:1px solid var(--md-card-border);margin-top:-.25rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-size:.875rem;color:var(--md-text-secondary);line-height:1.6;margin:0 0 .75rem;white-space:pre-wrap}.faq-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--md-accent-soft);text-decoration:none;margin-bottom:.75rem}.faq-link:hover{text-decoration:underline}.faq-meta{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--md-card-border)}.faq-meta span{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--md-text-secondary)}.no-faqs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px}.no-faqs svg{color:var(--md-text-secondary);margin-bottom:1rem;opacity:.5}.no-faqs h3{font-size:1.125rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .5rem}.no-faqs p{font-size:.875rem;color:var(--md-text-secondary);margin:0 0 1.5rem}.add-first-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--md-accent);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.add-first-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #5b9a9a4d}.modal-content{background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .2s ease-out}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--md-text-secondary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:8px;color:var(--md-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-base)}.link-input{position:relative;display:flex;align-items:center}.link-input svg{position:absolute;left:1rem;color:var(--md-text-secondary)}.link-input input{padding-left:2.75rem}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;padding:0;cursor:pointer}.checkbox-label span{font-size:.875rem;color:var(--md-text-primary)}.btn-secondary:hover{background:#ffffff1a;color:var(--md-text-primary)}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#dc2626}.btn-danger-outline{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);margin-right:auto}.btn-danger-outline:hover{background:#ef444426;border-color:#ef4444}.delete-modal{max-width:400px}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.delete-warning svg{color:#ef4444;margin-bottom:1rem}.delete-warning p{font-size:1rem;font-weight:500;color:var(--md-text-primary);margin:0 0 .75rem}.delete-question{font-size:.875rem;color:var(--md-text-secondary);font-style:italic;max-width:300px;word-break:break-word}.menu-backdrop{position:fixed;inset:0;z-index:50}@media(max-width:1024px){.faq-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.faq-header{flex-direction:column;align-items:stretch}.faq-header-actions{flex-wrap:wrap}.faq-stats{grid-template-columns:1fr 1fr;gap:.75rem}.faq-stats .stat-card{padding:.875rem 1rem}.faq-stats .stat-value{font-size:1.25rem}.category-tabs{overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.faq-item-header{padding:.875rem}.faq-answer{padding-left:.875rem}.drag-handle{display:none}.modal-content{max-height:85vh}.modal-footer{flex-wrap:wrap}.btn-danger-outline{margin-right:0;width:100%;justify-content:center;order:1}.modal-footer .btn-secondary,.modal-footer .btn-primary,.modal-footer .btn-danger{flex:1}}@media(max-width:480px){.faq-stats{grid-template-columns:1fr}.add-faq-btn span,.toggle-label,.category-tab span{display:none}.category-tab{padding:.5rem .75rem}.faq-views{display:none}.question-text{font-size:.875rem}}.manager-settings{display:flex;flex-direction:column;gap:1.5rem}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.settings-header-left h2{font-size:1.5rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .25rem}.settings-header-left p{font-size:.875rem;color:var(--md-text-secondary);margin:0}.settings-header-actions{display:flex;align-items:center;gap:1rem}.unsaved-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#f59e0b;padding:.5rem .75rem;background:#f59e0b1a;border-radius:6px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.settings-nav{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px;padding:.5rem;position:sticky;top:1.5rem}.settings-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--md-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left}.settings-nav-item:hover{background:#ffffff0d;color:var(--md-text-primary)}.settings-nav-item.active{background:var(--md-accent);color:#fff}.settings-nav-item .nav-arrow{margin-left:auto;opacity:0;transition:opacity var(--transition-base)}.settings-nav-item.active .nav-arrow,.settings-nav-item:hover .nav-arrow{opacity:1}.settings-content{min-width:0}.settings-section{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px;overflow:hidden}.settings-card .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--md-card-border)}.settings-card .card-header h3{font-size:1rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .25rem}.settings-card .card-header p{font-size:.8125rem;color:var(--md-text-secondary);margin:0}.settings-card .card-body{padding:1.5rem}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--md-card-border)}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:.75rem}.avatar-preview{width:80px;height:80px;border-radius:50%;background:var(--md-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:6px;color:var(--md-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.avatar-btn:hover{background:#ffffff1a;color:var(--md-text-primary)}.profile-meta{display:flex;flex-direction:column;gap:.5rem}.role-badge{display:inline-flex;padding:.375rem .75rem;background:var(--md-accent);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;width:fit-content}.member-since{font-size:.8125rem;color:var(--md-text-secondary)}.building-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--md-card-border)}.building-logo-upload{display:flex;align-items:center;gap:1rem}.building-logo-preview{width:72px;height:72px;border-radius:12px;background:var(--md-card-bg);border:1px solid var(--md-card-border);display:flex;align-items:center;justify-content:center;color:var(--md-purple)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid .full-width{grid-column:1 / -1}.form-stack{display:flex;flex-direction:column;gap:1rem;max-width:400px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8125rem;font-weight:500;color:var(--md-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:8px;color:var(--md-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--md-purple);background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--md-text-secondary)}.form-group select{cursor:pointer}.form-group select option{background:#2d3c4bf2;color:var(--md-text-primary)}.form-group textarea{resize:vertical;min-height:100px}.form-hint{font-size:.75rem;color:var(--md-text-secondary);margin-top:.25rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:var(--md-text-secondary);pointer-events:none}.input-with-icon input,.input-with-icon select{padding-left:2.75rem;width:100%}.access-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.access-code-item{background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px;padding:1rem}.code-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--md-text-secondary)}.code-label{font-size:.8125rem;font-weight:500}.code-value{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--md-card-bg);border-radius:6px;margin-bottom:.75rem}.code-value span{flex:1;font-family:monospace;font-size:1rem;color:var(--md-text-primary);letter-spacing:1px}.code-value .code-hidden{color:var(--md-text-secondary)}.code-toggle,.code-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.code-toggle:hover,.code-copy:hover{background:#ffffff1a;color:var(--md-text-primary)}.code-footer{display:flex;justify-content:space-between;align-items:center}.code-changed{font-size:.6875rem;color:var(--md-text-secondary)}.code-generate{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:transparent;border:1px solid var(--md-card-border);border-radius:4px;color:var(--md-text-secondary);font-size:.6875rem;cursor:pointer;transition:all var(--transition-base)}.code-generate:hover{background:var(--md-purple);border-color:var(--md-purple);color:#fff}.hours-grid{display:flex;flex-direction:column;gap:1rem}.hours-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px}.hours-label{display:flex;align-items:center;gap:.75rem;color:var(--md-text-secondary)}.hours-label span{font-size:.875rem;font-weight:500;color:var(--md-text-primary)}.hours-inputs{display:flex;align-items:center;gap:.75rem}.hours-inputs input[type=time]{padding:.5rem .75rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:6px;color:var(--md-text-primary);font-size:.8125rem}.hours-inputs input[type=time]:focus{outline:none;border-color:var(--md-purple)}.hours-inputs span{font-size:.8125rem;color:var(--md-text-secondary)}.hours-days{font-size:.75rem;color:var(--md-text-secondary);padding:.25rem .5rem;background:#ffffff0d;border-radius:4px}.hours-badge{padding:.5rem 1rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:var(--md-green);font-size:.8125rem;font-weight:500}.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.amenity-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px;cursor:pointer;transition:all var(--transition-base)}.amenity-item input{display:none}.amenity-item svg{color:var(--md-text-secondary);transition:color var(--transition-base)}.amenity-item span{font-size:.75rem;color:var(--md-text-secondary);text-align:center;transition:color var(--transition-base)}.amenity-item:hover{background:#ffffff0f}.amenity-item.active{background:#82aaaa1f;border-color:var(--md-purple)}.amenity-item.active svg{color:var(--md-purple)}.amenity-item.active span{color:var(--md-text-primary)}.notifications-list{display:flex;flex-direction:column;gap:.5rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px;transition:all var(--transition-base)}.notification-item:hover{background:#ffffff0d}.notification-item.highlight{border-color:var(--md-accent-soft);background:#06b6d40d}.notification-info{display:flex;flex-direction:column;gap:.25rem}.notification-label{font-size:.875rem;font-weight:500;color:var(--md-text-primary)}.notification-desc{font-size:.75rem;color:var(--md-text-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--md-card-border);border-radius:12px;transition:all var(--transition-base)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--md-text-secondary);border-radius:50%;transition:all var(--transition-base)}.toggle-switch input:checked+.toggle-slider{background:var(--md-purple)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:#fff}.delivery-options{display:flex;flex-direction:column;gap:.75rem}.delivery-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px}.delivery-info{display:flex;align-items:center;gap:1rem}.delivery-info>svg{color:var(--md-purple)}.delivery-info>div{display:flex;flex-direction:column;gap:.125rem}.delivery-label{font-size:.875rem;font-weight:500;color:var(--md-text-primary)}.delivery-desc{font-size:.75rem;color:var(--md-text-secondary)}.security-options{display:flex;flex-direction:column;gap:.75rem}.security-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px}.security-info{display:flex;align-items:center;gap:1rem}.security-info>svg{color:var(--md-accent-soft)}.security-info>div{display:flex;flex-direction:column;gap:.125rem}.security-label{font-size:.875rem;font-weight:500;color:var(--md-text-primary)}.security-desc{font-size:.75rem;color:var(--md-text-secondary)}.security-actions{display:flex;align-items:center;gap:.75rem}.security-select{padding:.5rem .75rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:6px;color:var(--md-text-primary);font-size:.8125rem;cursor:pointer}.security-select:focus{outline:none;border-color:var(--md-purple)}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.enabled,.status-badge.connected{background:#10b98126;color:var(--md-green)}.activity-log{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.activity-log-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border-radius:8px}.activity-log-info{display:flex;flex-direction:column;gap:.125rem}.activity-action{font-size:.875rem;color:var(--md-text-primary)}.activity-device,.activity-date{font-size:.75rem;color:var(--md-text-secondary)}.data-actions{display:flex;flex-direction:column;gap:.75rem}.data-action-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px;cursor:pointer;transition:all var(--transition-base);text-align:left}.data-action-btn:hover{background:#ffffff0f}.data-action-btn svg{color:var(--md-accent-soft);flex-shrink:0}.data-action-btn div{display:flex;flex-direction:column;gap:.125rem}.data-action-btn .action-label{font-size:.875rem;font-weight:500;color:var(--md-text-primary)}.data-action-btn .action-desc{font-size:.75rem;color:var(--md-text-secondary)}.data-action-btn.warning svg{color:#ef4444}.data-action-btn.warning:hover{background:#ef44441a;border-color:#ef44444d}.integrations-list{display:flex;flex-direction:column;gap:.75rem}.integration-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--md-card-border);border-radius:10px}.integration-item.coming-soon{opacity:.6}.integration-info{display:flex;align-items:center;gap:1rem}.integration-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.integration-icon.google{background:linear-gradient(135deg,#4285f4,#34a853)}.integration-icon.outlook{background:linear-gradient(135deg,#0078d4,#28a8ea)}.integration-icon.slack{background:linear-gradient(135deg,#611f69,#e01e5a)}.integration-icon.stripe{background:linear-gradient(135deg,#635bff,#a259ff)}.integration-info>div{display:flex;flex-direction:column;gap:.125rem}.integration-label{font-size:.875rem;font-weight:500;color:var(--md-text-primary)}.integration-desc{font-size:.75rem;color:var(--md-text-secondary)}.integration-actions{display:flex;align-items:center;gap:.75rem}.coming-soon-badge{padding:.375rem .75rem;background:#ffffff1a;border-radius:20px;font-size:.75rem;color:var(--md-text-secondary)}.api-section{display:flex;flex-direction:column;gap:1rem}.api-key-display{display:flex;flex-direction:column;gap:.5rem}.api-key-display label{font-size:.8125rem;font-weight:500;color:var(--md-text-secondary)}.api-key-value{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:8px}.api-key-value code{flex:1;font-family:monospace;font-size:.8125rem;color:var(--md-text-primary)}.api-actions{margin-top:.5rem}.api-docs-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#82aaaa1a;border:1px solid rgba(130,170,170,.2);border-radius:10px;margin-top:1rem}.api-docs-link svg{color:var(--md-purple);flex-shrink:0}.api-docs-link span{font-size:.8125rem;color:var(--md-text-secondary)}.api-docs-link a{color:var(--md-accent-soft);text-decoration:none}.api-docs-link a:hover{text-decoration:underline}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--md-accent);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #5b9a9a4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:8px;color:var(--md-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--md-text-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.small{padding:.5rem .875rem;font-size:.8125rem}.btn-text{display:flex;align-items:center;gap:.375rem;padding:.5rem 0;background:transparent;border:none;color:var(--md-accent-soft);font-size:.8125rem;cursor:pointer;transition:all var(--transition-base)}.btn-text:hover{color:var(--md-purple)}.btn-text-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-text-danger:hover{background:#ef44441a;border-radius:8px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#2d3c4bf2;border:1px solid var(--md-card-border);border-radius:16px;width:100%;max-width:480px;overflow:hidden;animation:modalIn .2s ease-out}.modal-content.small-modal{max-width:400px}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--md-card-border)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--md-text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff1a;color:var(--md-text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--md-card-border)}.warning-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.warning-message svg{color:#f59e0b;margin-bottom:1rem}.warning-message p{font-size:.9375rem;color:var(--md-text-secondary);margin:0}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#2d3c4bf2;border:1px solid var(--md-green);border-radius:10px;color:var(--md-green);font-size:.875rem;font-weight:500;box-shadow:0 10px 40px #0000004d;z-index:2000;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.settings-layout{grid-template-columns:240px 1fr}.amenities-grid{grid-template-columns:repeat(3,1fr)}.access-codes-grid{grid-template-columns:1fr}}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto;padding:.25rem;gap:.25rem;-webkit-overflow-scrolling:touch}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex-direction:column;gap:.25rem;padding:.75rem;min-width:80px;text-align:center}.settings-nav-item span{font-size:.6875rem;white-space:nowrap}.settings-nav-item .nav-arrow{display:none}.settings-header{flex-direction:column}.settings-header-actions{width:100%;justify-content:space-between}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:1}.amenities-grid{grid-template-columns:repeat(2,1fr)}.profile-header{flex-direction:column;text-align:center}.hours-item{flex-direction:column;gap:.75rem;align-items:flex-start}.hours-inputs{width:100%;flex-wrap:wrap}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1;min-width:120px}}@media(max-width:480px){.settings-card .card-body{padding:1rem}.amenities-grid{grid-template-columns:1fr 1fr;gap:.5rem}.amenity-item{padding:.75rem}.amenity-item span{font-size:.6875rem}.notification-item{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-item .toggle-switch{align-self:flex-end}.delivery-item,.security-item,.integration-item{flex-direction:column;align-items:flex-start;gap:1rem}.delivery-item .toggle-switch,.security-item .toggle-switch,.security-actions,.integration-item .btn-secondary,.integration-actions{align-self:flex-end}}