@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@400;500;600;700&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;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}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-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:var(--building-bg-image, linear-gradient(170deg, #C8B89A 0%, #D8CBB2 15%, #E8DFD0 35%, #F2ECE3 55%, #F5F0EB 75%, #F5F0EB 100%));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}.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)}}.demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#2c2520,#3d3530);color:#ffffffe6;font-size:14px;font-weight:500;text-align:center;z-index:1000;position:relative;flex-shrink:0}.manager-dashboard .demo-banner{position:fixed;top:0;left:0;right:0}.demo-banner-cta{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:5px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s}.demo-banner-cta:hover{background:#ffffff40}:root{--landing-teal: #5a7a6a;--landing-teal-light: #7ecbb5;--landing-dark: #1a2e35;--landing-cream: #f8f6f0;--landing-text: #1a1a1a;--landing-muted: #777;--landing-border: rgba(0, 0, 0, .06)}.landing-page{min-height:100vh;font-family:DM Sans,Helvetica Neue,-apple-system,sans-serif;color:var(--landing-text);position:relative;scroll-behavior:smooth}.landing-bg{position:fixed;inset:0;background:linear-gradient(160deg,#f8f6f0,#eef2ec,#f5f0e8 60%,#faf8f4);z-index:-2}.landing-bg-pattern{position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:40px 40px;z-index:-1}.landing-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f8f6f0d9;border-bottom:1px solid var(--landing-border)}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.landing-logo-icon{font-size:22px}.landing-logo-text{font-family:"DM Serif Display",Georgia,serif;font-size:18px;font-weight:400;letter-spacing:1.5px;color:var(--landing-dark)}.landing-nav-links{display:flex;align-items:center;gap:24px}.landing-nav-link{font-size:14px;color:#555;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.landing-nav-link:hover{color:var(--landing-dark)}.landing-nav-contact-btn{font-size:13px;padding:8px 20px;border-radius:20px;border:1.5px solid var(--landing-teal);background:transparent;color:var(--landing-teal);cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease}.landing-nav-contact-btn:hover{background:var(--landing-teal);color:#fff}.landing-nav-signin{font-size:13px;padding:8px 20px;border-radius:20px;border:none;background:var(--landing-teal);color:#fff;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease}.landing-nav-signin:hover{background:#4a6a5a}.landing-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--landing-dark);padding:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:10}.landing-mobile-menu{display:none;flex-direction:column;gap:8px;padding:16px 24px 20px;background:#f8f6f0fa;border-bottom:1px solid var(--landing-border)}.landing-mobile-menu.open{display:flex}.landing-mobile-menu-link{font-size:15px;color:#555;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;padding:10px 0;text-align:left;border-bottom:1px solid rgba(0,0,0,.04)}.landing-mobile-menu-link:last-child{border-bottom:none}.landing-hero{max-width:1100px;margin:0 auto;padding:60px 24px 40px}.landing-hero-content{display:flex;align-items:center;gap:60px}.landing-hero-left{flex:1;min-width:320px}.landing-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--landing-teal);background:#5a7a6a1a;padding:6px 14px;border-radius:20px;margin-bottom:24px}.landing-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--landing-teal);animation:landing-pulse 2s infinite}@keyframes landing-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.landing-hero-title{font-family:"DM Serif Display",Georgia,serif;font-size:52px;font-weight:400;line-height:1.1;color:var(--landing-dark);margin:0 0 20px;letter-spacing:-.5px}.landing-hero-title-accent{background:linear-gradient(135deg,#5a7a6a,#7ecbb5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:17px;line-height:1.65;color:#666;margin:0 0 32px;max-width:480px}.landing-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.landing-btn-primary{padding:14px 28px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#5a7a6a,#4a6a5a);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5a7a6a4d}.landing-btn-secondary{padding:14px 28px;font-size:15px;font-weight:600;background:transparent;color:var(--landing-teal);border:1.5px solid var(--landing-teal);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.landing-btn-secondary:hover{background:var(--landing-teal);color:#fff}.landing-trust-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#888}.landing-trust-divider{opacity:.3}.landing-hero-note{font-size:13px;color:var(--landing-muted);margin:0}.landing-hero-right{flex:0 0 280px}.landing-phone-frame{width:260px;height:520px;border-radius:36px;background:#1a1a1a;padding:8px;box-shadow:0 25px 60px #0003,0 0 0 1px #ffffff1a inset;position:relative}.landing-phone-notch{width:100px;height:24px;background:#1a1a1a;border-radius:0 0 16px 16px;position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:10}.landing-phone-screen{width:100%;height:100%;border-radius:28px;background:linear-gradient(180deg,#d4c5a0,#f5f0e5 35%,#faf8f4);overflow:hidden;display:flex;flex-direction:column}.landing-phone-header{padding:32px 16px 12px}.landing-phone-weather{text-align:left;margin-bottom:4px}.landing-phone-weather-time{font-size:11px;opacity:.7}.landing-phone-weather-temp{font-size:24px;font-weight:700}.landing-phone-weather-cond{font-size:10px;opacity:.6}.landing-phone-building{font-family:"DM Serif Display",Georgia,serif;font-size:22px;color:var(--landing-dark);opacity:.6;margin-top:4px}.landing-phone-body{flex:1;padding:4px 12px;overflow:hidden}.landing-phone-section-label{font-size:10px;font-weight:700;color:var(--landing-teal);letter-spacing:1px;margin-bottom:8px}.landing-phone-card{display:flex;align-items:center;gap:10px;background:#fffc;border-radius:12px;padding:10px 12px;margin-bottom:6px;font-size:12px}.landing-phone-card-title{font-weight:600;font-size:12px}.landing-phone-card-sub{font-size:10px;opacity:.6}.landing-phone-card-arrow{margin-left:auto;opacity:.3}.landing-phone-card-bulletin{background:linear-gradient(135deg,#fef9e7,#fef3c7)}.landing-phone-post{background:#fffc;border-radius:12px;padding:10px 12px;margin-bottom:6px}.landing-phone-post-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.landing-phone-mini-avatar{width:20px;height:20px;border-radius:50%;background:var(--landing-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.landing-phone-post-author{font-weight:600;font-size:11px}.landing-phone-post-role{font-size:10px;opacity:.5}.landing-phone-post-title{font-size:11px;font-weight:600}.landing-phone-post-preview{font-size:10px;opacity:.7;margin-top:2px}.landing-phone-nav{display:flex;justify-content:space-around;padding:8px 0;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80}.landing-phone-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;opacity:.5}.landing-phone-nav-label{font-size:9px}.landing-how-it-works{padding:80px 24px;max-width:1100px;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:48px}.landing-section-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--landing-teal);background:#5a7a6a1a;padding:6px 16px;border-radius:20px;margin-bottom:16px}.landing-section-title{font-family:"DM Serif Display",Georgia,serif;font-size:38px;font-weight:400;color:var(--landing-dark);line-height:1.2;margin:0 0 12px}.landing-section-subtitle{font-size:16px;color:var(--landing-muted);max-width:500px;margin:0 auto;line-height:1.6}.landing-steps{display:flex;gap:32px;justify-content:center;margin-bottom:40px}.landing-step{flex:1;max-width:280px;text-align:center}.landing-step-number{width:56px;height:56px;border-radius:50%;background:#5a7a6a1a;color:var(--landing-teal);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 16px}.landing-step-title{font-size:16px;font-weight:700;color:var(--landing-dark);margin-bottom:6px}.landing-step-desc{font-size:13px;color:var(--landing-muted);line-height:1.55}.landing-center-cta{text-align:center}.landing-features{padding:80px 0;background:#ffffff80}.landing-features-inner{max-width:1100px;margin:0 auto;padding:0 24px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.landing-feature-card{background:#fffc;border-radius:16px;padding:24px;border:1px solid rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.landing-feature-icon{font-size:28px;margin-bottom:12px}.landing-feature-title{font-size:16px;font-weight:700;color:var(--landing-dark);margin:0 0 6px}.landing-feature-desc{font-size:13px;color:var(--landing-muted);line-height:1.55;margin:0}.landing-managers{padding:80px 0;background:linear-gradient(160deg,#1a2e35,#2a3e45)}.landing-managers-inner{max-width:1100px;margin:0 auto;padding:0 24px}.landing-managers .landing-section-badge{background:#1a2e35;color:var(--landing-teal-light);border:1px solid rgba(126,203,181,.2)}.landing-managers .landing-section-title{color:#fff}.landing-managers .landing-section-subtitle{color:#ffffffb3}.landing-pain-points{display:flex;gap:24px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.landing-pain-point{flex:1;max-width:280px;text-align:center;font-size:14px;color:#fff9;font-style:italic;line-height:1.5}.landing-manager-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}.landing-manager-card{background:#ffffff14;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);transition:transform .2s,background .2s}.landing-manager-card:hover{transform:translateY(-4px);background:#ffffff1f}.landing-manager-card .landing-feature-title{color:#fff}.landing-manager-card .landing-feature-desc{color:#ffffffa6}.landing-setup-steps{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.landing-setup-step{display:flex;align-items:center;gap:10px;color:#fffc;font-size:14px}.landing-setup-step-num{width:28px;height:28px;border-radius:50%;background:#7ecbb533;color:var(--landing-teal-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.landing-testimonial{text-align:center;margin-bottom:40px;padding:0 24px}.landing-testimonial-text{font-family:"DM Serif Display",Georgia,serif;font-size:20px;color:#fffc;font-style:italic;line-height:1.5;max-width:600px;margin:0 auto}.landing-manager-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-btn-manager-primary{padding:16px 36px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#7ecbb5,#5a7a6a);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s}.landing-btn-manager-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7ecbb54d}.landing-btn-manager-secondary{padding:16px 36px;font-size:16px;font-weight:600;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.landing-btn-manager-secondary:hover{background:#ffffff1a;border-color:#fff9}.landing-auth{padding:80px 24px;display:flex;justify-content:center}.landing-auth-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 8px 40px #00000014;text-align:center}.landing-auth-logo{font-size:32px;margin-bottom:8px}.landing-auth-title{font-family:"DM Serif Display",Georgia,serif;font-size:24px;color:var(--landing-dark);margin:0 0 24px}.landing-role-toggle{display:flex;gap:8px;margin-bottom:16px}.landing-role-btn{flex:1;padding:10px 12px;font-size:13px;font-weight:500;border-radius:10px;border:2px solid #e5e5e5;background:transparent;color:#999;cursor:pointer;font-family:inherit;transition:all .2s ease}.landing-role-btn.active{font-weight:600;border-color:var(--landing-teal);background:#5a7a6a14;color:var(--landing-teal)}.landing-auth-mode{display:flex;gap:0;background:#f5f5f5;border-radius:8px;padding:3px;margin-bottom:24px}.landing-auth-mode-btn{flex:1;padding:8px;font-size:13px;font-weight:500;border-radius:6px;border:none;background:transparent;color:#999;cursor:pointer;font-family:inherit;transition:all .2s ease}.landing-auth-mode-btn.active{font-weight:600;background:#fff;color:var(--landing-dark);box-shadow:0 1px 3px #0000001a}.landing-auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.landing-input-group{display:flex;flex-direction:column;gap:4px}.landing-input-label{font-size:12px;font-weight:600;color:#555}.landing-input{width:100%;padding:12px 14px;font-size:14px;border-radius:10px;border:1.5px solid #e5e5e5;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.landing-input:focus{border-color:var(--landing-teal);box-shadow:0 0 0 3px #5a7a6a1a}.landing-input-helper{font-size:11px;color:#999;margin-top:2px}.landing-auth-submit{padding:14px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#5a7a6a,#4a6a5a);color:#fff;border:none;border-radius:10px;cursor:pointer;margin-top:4px;font-family:inherit;transition:transform .2s,box-shadow .2s}.landing-auth-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5a7a6a4d}.landing-auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.landing-auth-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:12px 16px;color:#dc2626;font-size:13px;text-align:center;animation:landing-shake .4s ease}@keyframes landing-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.landing-auth-divider{display:flex;align-items:center;gap:16px}.landing-auth-divider:before,.landing-auth-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.landing-auth-divider span{font-size:12px;color:#999}.landing-auth-footer{margin-top:20px;font-size:13px;color:#888;text-align:center}.landing-auth-link{background:none;border:none;color:var(--landing-teal);font-weight:600;cursor:pointer;font-size:13px;font-family:inherit;padding:0}.landing-auth-link:hover{text-decoration:underline}.landing-search-input-wrapper{position:relative;display:flex;align-items:center}.landing-search-icon{position:absolute;left:12px;color:#999;pointer-events:none}.landing-input-with-icon{padding-left:36px!important}.landing-search-spinner{position:absolute;right:12px;color:var(--landing-teal);animation:spin 1s linear infinite}.landing-search-results{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.landing-search-result-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#5a7a6a0a;border:1px solid rgba(90,122,106,.12);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.landing-search-result-card:hover{background:#5a7a6a1a;border-color:#5a7a6a40}.landing-result-left{display:flex;align-items:center;gap:10px;min-width:0}.landing-result-icon{color:var(--landing-teal);flex-shrink:0}.landing-result-info{display:flex;flex-direction:column;text-align:left;min-width:0}.landing-result-name{font-size:14px;font-weight:600;color:var(--landing-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-result-address{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-result-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.landing-result-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px}.landing-result-badge.managed{background:#5a7a6a1f;color:var(--landing-teal)}.landing-result-badge.community{background:#c294441f;color:#b08630}.landing-result-count{display:flex;align-items:center;gap:3px;font-size:11px;color:#999}.landing-create-building-card{width:100%;padding:14px;background:transparent;border:2px dashed rgba(90,122,106,.25);border-radius:12px;cursor:pointer;font-family:inherit;transition:all .2s ease;margin-bottom:16px}.landing-create-building-card:hover{border-color:var(--landing-teal);background:#5a7a6a0a}.landing-create-card-inner{display:flex;align-items:center;gap:12px;color:var(--landing-teal)}.landing-create-card-inner div{display:flex;flex-direction:column;text-align:left;flex:1}.landing-create-title{font-size:13px;font-weight:600;color:var(--landing-text)}.landing-create-desc{font-size:12px;color:#888}.landing-demo-section{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;gap:8px}.landing-demo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:500;color:#888;background:#fafafa;border:1px solid #eee;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s ease}.landing-demo-btn:hover{color:var(--landing-teal);border-color:#5a7a6a4d;background:#5a7a6a0a}.landing-auth-register{margin-top:12px;font-size:13px;color:#888;text-align:center}.landing-footer{background:var(--landing-dark);padding:40px 24px 20px}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.landing-footer-logo{display:flex;align-items:center;gap:8px}.landing-footer-logo-text{font-family:"DM Serif Display",Georgia,serif;font-size:14px;color:#fff;letter-spacing:1.5px}.landing-footer-tagline{font-size:13px;color:#ffffff80;margin:8px 0 0}.landing-footer-links{display:flex;flex-wrap:wrap;gap:16px 24px}.landing-footer-link{font-size:13px;color:#fff9;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color .2s}.landing-footer-link:hover{color:#ffffffe6}.landing-footer-bottom{max-width:1100px;margin:0 auto;padding-top:16px;text-align:center;font-size:12px;color:#ffffff59}.landing-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.landing-contact-modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:36px 32px;position:relative}.landing-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.landing-modal-close:hover{background:#f5f5f5}.landing-contact-title{font-family:"DM Serif Display",Georgia,serif;font-size:26px;color:var(--landing-dark);margin:0 0 8px}.landing-contact-subtitle{font-size:14px;color:var(--landing-muted);line-height:1.6;margin:0 0 24px}.landing-contact-options{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.landing-contact-option{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--landing-cream)}.landing-contact-option-icon{font-size:24px;margin-top:2px}.landing-contact-option-title{font-size:14px;font-weight:700;color:var(--landing-dark);margin-bottom:2px}.landing-contact-option-desc{font-size:13px;color:var(--landing-muted);line-height:1.4}.landing-contact-form{display:flex;flex-direction:column;gap:12px}.landing-contact-input{width:100%;padding:12px 14px;font-size:14px;border-radius:10px;border:1.5px solid #e5e5e5;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .2s}.landing-contact-input:focus{border-color:var(--landing-teal)}.landing-contact-textarea{resize:vertical;min-height:100px}.landing-contact-submit{padding:14px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#5a7a6a,#4a6a5a);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:transform .2s}.landing-contact-submit:hover{transform:translateY(-1px)}.landing-contact-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing-contact-success{text-align:center;padding:20px;color:var(--landing-teal);font-weight:600}.landing-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.landing-animate.visible{opacity:1;transform:translateY(0)}.category-section{padding:100px 0;text-align:center;background:var(--landing-cream)}.category-section-inner{max-width:700px;margin:0 auto;padding:0 20px}.landing-page .category-section .category-title{font-family:"DM Serif Display",Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1.15;letter-spacing:-.5px;color:var(--landing-dark);margin:0 0 40px}.category-comparison{font-size:1.125rem;font-weight:500;margin-bottom:48px}.category-comparison-row{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.category-comparison-item{display:inline-flex;align-items:center;gap:10px;color:var(--landing-text)}.category-comparison-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;color:#fff;font-size:14px;font-weight:700;font-family:DM Sans,sans-serif;flex-shrink:0}.category-comparison-icon-community{font-size:16px}.category-comparison-dot{color:var(--landing-muted);margin:0 8px;font-size:24px;line-height:1}.category-comparison-row-emphasis{margin-top:20px}.landing-page .category-section .category-punchline{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-size:1.625rem;font-weight:400;color:var(--landing-teal);margin:0 0 20px;line-height:1.3}.landing-page .category-section .category-manifesto{font-size:1.0625rem;font-weight:400;color:var(--landing-muted);max-width:680px;margin:0 auto;line-height:1.5}@media(max-width:768px){.category-section{padding:72px 0}.landing-page .category-section .category-title{font-size:1.75rem;margin-bottom:32px}.category-comparison-row{flex-direction:column;gap:12px}.category-comparison-dot{display:none}.landing-page .category-section .category-punchline{font-size:1.375rem}.landing-page .category-section .category-manifesto{font-size:.9375rem}}.story-section{padding:80px 0;background:#f5f1ea}.story-inner{max-width:1200px;margin:0 auto;padding:0 24px}.story-header{text-align:center;margin-bottom:32px}.story-title{font-family:"DM Serif Display",Georgia,serif;font-size:38px;font-weight:400;color:var(--landing-dark);line-height:1.2;margin:0 0 12px}.story-subtitle{font-size:16px;color:var(--landing-muted);max-width:500px;margin:0 auto;line-height:1.6;min-height:52px}.story-tabs{display:flex;justify-content:center;gap:0;margin-bottom:48px;background:#fff9;border-radius:30px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.story-tab{padding:10px 28px;font-size:14px;font-weight:500;border-radius:26px;border:none;background:transparent;color:var(--landing-muted);cursor:pointer;font-family:inherit;transition:all .25s ease}.story-tab:hover{color:var(--landing-dark)}.story-tab.active{background:var(--landing-teal);color:#fff;font-weight:600;box-shadow:0 2px 8px #5a7a6a4d}.story-steps-wrapper{overflow:hidden}.story-steps{display:flex;gap:24px;justify-content:center}.story-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 auto;width:220px}.story-step-top{display:flex;align-items:center;width:100%;margin-bottom:16px;position:relative;justify-content:center}.story-step-circle{width:36px;height:36px;border-radius:50%;background:var(--landing-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;z-index:1}.story-step-line{position:absolute;top:50%;left:calc(50% + 22px);width:calc(100% - 8px);height:0;border-top:2px dashed rgba(90,122,106,.3);transform:translateY(-50%)}.story-step-title{font-size:14px;font-weight:700;color:var(--landing-dark);margin-bottom:6px;line-height:1.3}.story-step-desc{font-size:12px;color:var(--landing-muted);line-height:1.5;margin-bottom:16px;max-width:200px}.story-phone-frame{width:180px;height:340px;border-radius:26px;background:#1a1a1a;padding:6px;box-shadow:0 15px 40px #00000026,0 0 0 1px #ffffff1a inset;position:relative}.story-phone-notch{width:70px;height:18px;background:#1a1a1a;border-radius:0 0 12px 12px;position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:10}.story-phone-screen{width:100%;height:100%;border-radius:20px;background:linear-gradient(180deg,#d4c5a0,#f5f0e5 35%,#faf8f4);overflow:hidden;display:flex;flex-direction:column;font-family:DM Sans,sans-serif}.story-phone-header{padding:22px 10px 8px}.story-phone-title{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.story-phone-subtitle{font-size:9px;color:#8a8075}.story-phone-body{flex:1;padding:4px 8px;overflow:hidden}.story-phone-section-label{font-size:8px;font-weight:700;color:var(--landing-teal);letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.story-phone-card{display:flex;align-items:center;gap:6px;background:#fffc;border-radius:8px;padding:6px 8px;margin-bottom:4px;font-size:9px}.story-phone-card-title{font-weight:600;font-size:9px;color:#1a1a1a}.story-phone-card-sub{font-size:8px;color:#8a8075}.story-phone-post{background:#fffc;border-radius:8px;padding:8px;margin-bottom:4px}.story-phone-avatar{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}.story-phone-post-header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.story-phone-author{font-weight:600;font-size:9px;color:#1a1a1a}.story-phone-role{font-size:8px;color:#8a8075}.story-phone-post-text{font-size:8px;color:#4a4a4a;line-height:1.4}.story-phone-badge{display:inline-flex;padding:1px 5px;font-size:7px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.story-phone-badge.ask{background:#8b5cf61f;color:#8b5cf6}.story-phone-badge.share{background:#3b82f61f;color:#3b82f6}.story-phone-badge.pinned{background:#5a7a6a1f;color:var(--landing-teal)}.story-phone-actions{display:flex;gap:8px;margin-top:4px;font-size:8px;color:#8a8075}.story-phone-filter-pill{padding:2px 8px;font-size:8px;font-weight:500;border-radius:10px;background:#fff9;color:#8a8075;cursor:default}.story-phone-filter-pill.active{background:var(--landing-teal);color:#fff}.story-phone-comment{display:flex;gap:6px;padding:6px 0;align-items:flex-start}.story-phone-comment-body{background:#ffffffb3;border-radius:8px;padding:5px 7px;flex:1}.story-phone-bubble{padding:6px 8px;border-radius:12px;font-size:8px;line-height:1.4;margin-bottom:4px;max-width:85%}.story-phone-bubble.sent{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;align-self:flex-end;border-bottom-right-radius:3px;margin-left:auto}.story-phone-bubble.received{background:#fffcf7;color:#1a1a1a;align-self:flex-start;border-bottom-left-radius:3px;border:1px solid rgba(0,0,0,.04)}.story-phone-input{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:4px 6px;font-size:8px;color:#1a1a1a;margin-bottom:4px;width:100%;box-sizing:border-box}.story-phone-textarea{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:4px 6px;font-size:8px;color:#4a4a4a;margin-bottom:4px;width:100%;min-height:40px;box-sizing:border-box;line-height:1.4}.story-phone-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.story-phone-toggle{width:28px;height:16px;border-radius:8px;background:#ccc;position:relative}.story-phone-toggle.on{background:var(--landing-teal)}.story-phone-toggle:after{content:"";width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s}.story-phone-toggle.on:after{transform:translate(12px)}.story-phone-btn{background:linear-gradient(135deg,#5a7a6a,#4a6a5a);color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:8px;font-weight:600;text-align:center;width:100%}.story-phone-nav{display:flex;justify-content:space-around;padding:5px 0;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80;font-size:10px}.story-phone-nav-item{display:flex;flex-direction:column;align-items:center;gap:1px;opacity:.5}.story-phone-nav-item.active{opacity:1}.story-phone-nav-label{font-size:7px}.story-phone-event{display:flex;align-items:center;gap:6px;background:#fffc;border-radius:8px;padding:6px 8px;margin-bottom:4px}.story-phone-event-icon{width:24px;height:24px;background:#f5eded;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.story-phone-event-title{font-size:9px;font-weight:600;color:#1a1a1a}.story-phone-event-meta{font-size:7px;color:#8a8075}.story-phone-event-tag{padding:1px 5px;font-size:7px;font-weight:600;border-radius:6px}.story-phone-event-tag.social{background:#5a7a6a1f;color:var(--landing-teal)}.story-phone-event-tag.meeting{background:#3b82f61f;color:#3b82f6}.story-phone-rsvp-btn{padding:2px 8px;font-size:7px;font-weight:600;background:var(--landing-teal);color:#fff;border:none;border-radius:8px;margin-left:auto;flex-shrink:0}.story-phone-reply-bar{display:flex;align-items:center;gap:4px;padding:4px 8px;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80}.story-phone-reply-input{flex:1;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:4px 8px;font-size:8px;color:#8a8075}.story-phone-send-btn{width:20px;height:20px;border-radius:50%;background:var(--landing-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;border:none;flex-shrink:0}.story-carousel-controls{display:none;justify-content:center;align-items:center;gap:16px;margin-top:24px}.story-dots{display:flex;gap:8px}.story-dot{width:8px;height:8px;border-radius:50%;background:#5a7a6a33;cursor:pointer;transition:all .25s ease}.story-dot.active{background:var(--landing-teal);transform:scale(1.2)}.story-arrow{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(90,122,106,.3);background:#fffc;color:var(--landing-teal);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:inherit}.story-arrow:disabled{opacity:.3;cursor:not-allowed}.story-arrow:not(:disabled):hover{background:var(--landing-teal);color:#fff;border-color:var(--landing-teal)}.story-cta{text-align:center;margin-top:48px}.story-cta-text{font-family:"DM Serif Display",Georgia,serif;font-size:24px;color:var(--landing-dark);margin:0 0 16px}@media(max-width:1024px){.landing-hero-content{flex-direction:column;text-align:center;gap:40px}.landing-hero-left{min-width:auto}.landing-hero-subtitle{max-width:100%;margin:0 auto 32px}.landing-hero-ctas,.landing-trust-row{justify-content:center}.landing-hero-right{flex:none}.landing-feature-grid,.landing-manager-grid{grid-template-columns:repeat(2,1fr)}.landing-steps{gap:24px}.story-steps{gap:16px}.story-step{width:190px}.story-phone-frame{width:160px;height:300px;border-radius:24px}.story-phone-screen{border-radius:18px}.story-phone-notch{width:60px;height:16px}}@media(max-width:768px){.landing-nav-links{display:none}.landing-hamburger{display:flex}.landing-hero{padding:40px 24px 24px}.landing-hero-title{font-size:36px}.landing-hero-subtitle{font-size:15px}.landing-hero-right{display:none}.landing-section-title{font-size:28px}.landing-feature-grid,.landing-manager-grid{grid-template-columns:1fr}.landing-steps,.landing-pain-points,.landing-setup-steps{flex-direction:column;align-items:center}.landing-hero-ctas{flex-direction:column;align-items:stretch}.landing-btn-primary,.landing-btn-secondary{text-align:center}.landing-manager-ctas{flex-direction:column;align-items:center}.landing-auth-card{padding:32px 24px}.landing-contact-modal{padding:28px 20px}.landing-demo-section{flex-direction:column}.landing-trust-row{font-size:12px}.landing-footer-inner{flex-direction:column;align-items:center;text-align:center}.story-section{padding:48px 0}.story-title{font-size:28px}.story-tabs{margin-bottom:32px}.story-tab{padding:8px 20px;font-size:13px}.story-steps-wrapper{overflow:visible;margin:0 -24px}.story-steps{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;padding:0 calc(50vw - 120px);justify-content:flex-start;scrollbar-width:none}.story-steps::-webkit-scrollbar{display:none}.story-step{scroll-snap-align:center;flex:0 0 240px;width:240px}.story-step-line{display:none}.story-phone-frame{width:220px;height:400px;border-radius:30px;padding:7px}.story-phone-notch{width:80px;height:20px;top:7px}.story-phone-screen{border-radius:23px}.story-phone-header{padding:26px 12px 10px}.story-phone-title{font-size:14px}.story-phone-body{padding:4px 10px}.story-phone-card{padding:8px 10px;gap:8px}.story-phone-card-title{font-size:10px}.story-phone-post{padding:10px}.story-phone-author{font-size:10px}.story-phone-post-text{font-size:9px}.story-phone-avatar{width:18px;height:18px;font-size:9px}.story-phone-section-label{font-size:9px}.story-phone-bubble{font-size:9px;padding:7px 10px}.story-phone-event{padding:8px 10px}.story-phone-event-title{font-size:10px}.story-carousel-controls{display:flex}.story-cta-text{font-size:20px}}@media(prefers-reduced-motion:reduce){.landing-animate{opacity:1;transform:none;transition:none}.landing-badge-dot{animation:none}}.feedback-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;z-index:100000;padding:20px}.feedback-modal{background:#fffcf7;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000026;animation:feedbackSlideUp .25s ease}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.feedback-modal-header-left{display:flex;align-items:center;gap:10px}.feedback-modal-header-left svg{color:#5a7a6a}.feedback-modal-header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.feedback-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#999;cursor:pointer;transition:all .15s ease}.feedback-modal-close:hover{background:#0000000f;color:#333}.feedback-modal-body{padding:20px 24px}.feedback-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-category-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.feedback-category-pill:hover{border-color:#5a7a6a;color:#5a7a6a}.feedback-category-pill.active{background:#5a7a6a;border-color:#5a7a6a;color:#fff}.feedback-field{margin-bottom:12px}.feedback-field input,.feedback-field textarea{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fff;font-size:14px;color:#1a1a1a;font-family:inherit;transition:border-color .15s ease;box-sizing:border-box}.feedback-field input:focus,.feedback-field textarea:focus{outline:none;border-color:#5a7a6a}.feedback-field textarea{resize:vertical;min-height:100px}.feedback-hint{font-size:12px;color:#999;margin:0 0 8px}.feedback-error{font-size:13px;color:#e74c3c;margin:8px 0 0}.feedback-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(0,0,0,.06)}.feedback-cancel-btn{padding:10px 20px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.feedback-cancel-btn:hover{background:#f5f5f5}.feedback-submit-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;background:#5a7a6a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.feedback-submit-btn:hover:not(:disabled){background:#4a6a5a}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.feedback-success-icon{color:#5a7a6a;margin-bottom:16px;animation:feedbackPop .3s ease}@keyframes feedbackPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.feedback-success h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.feedback-success p{font-size:14px;color:#999;margin:0}@media(max-width:480px){.feedback-modal-overlay{padding:12px;align-items:flex-end}.feedback-modal{border-radius:16px 16px 0 0;max-height:85vh}.feedback-categories{gap:6px}.feedback-category-pill{padding:6px 10px;font-size:12px}}.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}}.loading-splash{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .5s ease;opacity:1}.loading-splash.fade-out{opacity:0;pointer-events:none}.loading-splash.warm{background-color:#faf9f7}.loading-splash.warm .loading-splash-icon{color:#5b8a8a}.loading-splash.warm .loading-splash-brand{color:#1a1a1a}.loading-splash.warm .loading-splash-message{color:#888}.loading-splash.warm .loading-splash-slow{color:#b0a090}.loading-splash.dark{background-color:#0f172a}.loading-splash.dark .loading-splash-icon{color:#5b8a8a}.loading-splash.dark .loading-splash-brand{color:#fff}.loading-splash.dark .loading-splash-message{color:#fff9}.loading-splash.dark .loading-splash-slow{color:#fff6}.loading-splash.neutral{background-color:#f5f4f2}.loading-splash.neutral .loading-splash-icon{color:#5b8a8a}.loading-splash.neutral .loading-splash-brand{color:#1a1a1a}.loading-splash.neutral .loading-splash-message{color:#888}.loading-splash.neutral .loading-splash-slow{color:#aaa}.loading-splash-content{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-splash-icon{animation:splashPulse 2s ease-in-out infinite}.loading-splash-brand{font-size:22px;font-weight:700;letter-spacing:3px;margin:0}.loading-splash-message{font-size:15px;margin:0;font-weight:400}.loading-splash-slow{font-size:13px;margin:4px 0 0;font-weight:400;animation:fadeIn .4s ease}.loading-splash-continue{margin-top:12px;padding:10px 28px;border:none;border-radius:20px;background:#5b8a8a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;animation:fadeIn .4s ease;transition:background .2s}.loading-splash-continue:hover{background:#4a7a7a}@keyframes splashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.loading-skeleton{display:flex;flex-direction:column;gap:12px;width:280px;margin-top:24px;animation:fadeIn .6s ease .3s both}.skeleton-bar{height:14px;border-radius:8px;background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.skeleton-bar-wide{width:100%}.skeleton-bar-narrow{width:60%}.skeleton-row{display:flex;gap:12px}.skeleton-card{flex:1;height:56px;border-radius:12px;background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.skeleton-card:nth-child(2){animation-delay:.15s}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:#2c25204d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.event-modal{background:#fffcf7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(200,185,165,.2);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:eventModalSlideUp .3s ease;box-shadow:0 24px 80px #2c252026,0 8px 24px #2c252014}@keyframes eventModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.event-modal .modal-header h3{font-size:20px;font-weight:600;color:#2c2520;margin:0}.event-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.event-modal .modal-close:hover{background:#e8e3da;color:#2c2520}.event-modal .modal-body{padding:20px}.event-modal .form-group{margin-bottom:16px}.event-modal .form-group label{display:block;font-size:13px;font-weight:500;color:#6b5e52;margin-bottom:6px}.event-modal .form-group input,.event-modal .form-group textarea,.event-modal .form-group select{width:100%;padding:12px 14px;font-size:15px;color:#2c2520;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.event-modal .form-group input:focus,.event-modal .form-group textarea:focus,.event-modal .form-group select:focus{background:#fffcf7;border-color:#5b9a9a}.event-modal .form-group input::placeholder,.event-modal .form-group textarea::placeholder{color:#8b7e74}.event-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-modal .rsvp-row{align-items:center}.event-modal .checkbox-group{display:flex;align-items:center}.event-modal .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.event-modal .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#5B9A9A;cursor:pointer}.event-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.event-modal .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#6b5e52;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.event-modal .btn-secondary:hover{background:#f3eee5;border-color:#c8b9a566}.event-modal .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#5b9a9a;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.event-modal .btn-primary:hover:not(:disabled){background:#4a8585;transform:translateY(-1px)}.event-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.event-modal .recurrence-toggle{display:flex;align-items:center;margin-bottom:12px;padding-top:4px}.event-modal .recurrence-toggle .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b5e52}.event-modal .recurrence-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#5B9A9A;cursor:pointer}.event-modal .recurrence-options{padding:12px 14px;background:#f5f0e8;border-radius:12px;margin-bottom:16px;animation:recurrenceSlideDown .2s ease}@keyframes recurrenceSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.event-modal .recurrence-options .form-group{margin-bottom:10px}.event-modal .recurrence-options .form-group:last-child{margin-bottom:0}.event-modal .recurrence-description{font-size:13px;color:#5b9a9a;font-weight:500;margin:0 0 10px;padding:0}.post-modal{background:#fffcf7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(200,185,165,.2);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:postModalSlideUp .3s ease;box-shadow:0 24px 80px #2c252026,0 8px 24px #2c252014}@keyframes postModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.post-modal .modal-header h3{font-size:20px;font-weight:600;color:#2c2520;margin:0}.post-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.post-modal .modal-close:hover{background:#e8e3da;color:#2c2520}.post-type-selector{display:flex;gap:8px;padding:16px 20px 0}.post-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid rgba(200,185,165,.2);border-radius:10px;font-size:13px;font-weight:500;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.post-type-btn:hover{border-color:#c8b9a566}.post-modal .modal-body{padding:16px 20px}.post-textarea{width:100%;padding:14px;font-size:15px;font-family:inherit;color:#2c2520;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;resize:vertical;min-height:100px;transition:all .2s ease;box-sizing:border-box}.post-textarea:focus{background:#fffcf7;border-color:#5b9a9a}.post-textarea::placeholder{color:#8b7e74}.post-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.post-modal .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#6b5e52;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.post-modal .btn-secondary:hover{background:#f3eee5}.post-modal .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#5b9a9a;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.post-modal .btn-primary:hover:not(:disabled){background:#4a8585}.post-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.post-attach-btn{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:500;color:#8b7e74;background:transparent;border:1px dashed rgba(200,185,165,.4);border-radius:10px;cursor:pointer;transition:all .2s ease}.post-attach-btn:hover{background:#f5f0e8;border-color:#c8b9a599;color:#6b5e52}.post-image-preview-container{position:relative;margin-top:10px}.post-image-preview-thumb{width:100%;max-height:160px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.post-image-preview-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.post-image-preview-remove:hover{background:#000c}.bulletin-modal{background:#fffcf7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(200,185,165,.2);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:bulletinModalSlideUp .3s ease;box-shadow:0 24px 80px #2c252026,0 8px 24px #2c252014}@keyframes bulletinModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulletin-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.bulletin-modal .modal-header h3{font-size:20px;font-weight:600;color:#2c2520;margin:0}.bulletin-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.bulletin-modal .modal-close:hover{background:#e8e3da;color:#2c2520}.bulletin-modal .modal-body{padding:20px}.bulletin-modal .form-group{margin-bottom:16px}.bulletin-modal .form-group label{display:block;font-size:13px;font-weight:500;color:#6b5e52;margin-bottom:6px}.bulletin-modal .form-group input,.bulletin-modal .form-group textarea{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:#2c2520;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box}.bulletin-modal .form-group input:focus,.bulletin-modal .form-group textarea:focus{background:#fffcf7;border-color:#5b9a9a}.bulletin-modal .form-group input::placeholder,.bulletin-modal .form-group textarea::placeholder{color:#8b7e74}.bulletin-category-select{display:flex;flex-wrap:wrap;gap:8px}.bulletin-category-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(200,185,165,.2);border-radius:10px;font-size:13px;font-weight:500;color:#4a4a4a;background:transparent;cursor:pointer;transition:all .2s ease}.bulletin-category-btn:hover{border-color:#c8b9a566}.bulletin-category-btn.active{background:#5b9a9a1a;border-color:#5b9a9a;color:#5b9a9a}.bulletin-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.bulletin-modal .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#6b5e52;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.bulletin-modal .btn-secondary:hover{background:#f3eee5}.bulletin-modal .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#5b9a9a;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.bulletin-modal .btn-primary:hover:not(:disabled){background:#4a8585}.bulletin-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.tour-spotlight{position:fixed;z-index:10000;border-radius:12px;box-shadow:0 0 0 9999px #2c252073;pointer-events:none;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}.tour-tooltip{position:fixed;z-index:10001;background:#fffcf7;border-radius:16px;box-shadow:0 8px 32px #2c25202e,0 2px 8px #2c252014;padding:20px;max-width:320px;width:calc(100vw - 40px);animation:tourFadeIn .25s ease}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip-arrow{position:absolute;width:14px;height:14px;background:#fffcf7;transform:rotate(45deg)}.tour-tooltip-arrow.arrow-top{top:-7px;left:50%;margin-left:-7px}.tour-tooltip-arrow.arrow-bottom{bottom:-7px;left:50%;margin-left:-7px}.tour-tooltip-arrow.arrow-left{left:-7px;top:50%;margin-top:-7px}.tour-tooltip-arrow.arrow-right{right:-7px;top:50%;margin-top:-7px}.tour-tooltip-title{font-size:16px;font-weight:700;color:#2c2520;margin:0 0 6px;line-height:1.3}.tour-tooltip-description{font-size:14px;color:#6b5e52;margin:0 0 16px;line-height:1.45}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-skip-btn{background:none;border:none;color:#9b8e82;font-size:13px;cursor:pointer;padding:4px 0;flex-shrink:0;font-family:inherit}.tour-skip-btn:hover{color:#6b5e52}.tour-step-indicator{font-size:12px;color:#9b8e82;flex-shrink:0}.tour-next-btn{background:#2c2520;color:#fffcf7;border:none;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit;transition:background .15s ease}.tour-next-btn:hover{background:#3d332c}.tour-click-blocker{position:fixed;inset:0;z-index:9999}@media(max-width:600px){.tour-tooltip{max-width:280px}}*,*: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;background:linear-gradient(170deg,#c8b89a,#d8cbb2 15%,#e8dfd0,#f2ece3 55%,#f5f0eb 75% 100%)}.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-gradient-mode .weather-widget{color:#2c2520}.home-gradient-mode .weather-datetime{color:#2c252080}.home-gradient-mode .weather-icon{color:#2c252080;opacity:1}.home-gradient-mode .weather-temp{color:#2c252099;text-shadow:none}.home-gradient-mode .weather-condition{color:#2c252066}.home-gradient-mode .hero-the{color:#2c252099;text-shadow:none}.home-gradient-mode .hero-building-name{color:#2c2520;text-shadow:none}.home-gradient-mode .hamburger-btn{color:#2c2520;background:#2c25200f;border-color:#2c252014}.home-gradient-mode .hamburger-btn:hover{background:#2c25201a}.home-gradient-mode .notification-btn{color:#2c2520;background:#2c25200f;border-color:#2c252014}.home-gradient-mode .notification-btn:hover{background:#2c25201a}.home-gradient-mode .today-section .section-title{color:#8b7e74}.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}.home-context-lines{margin:-8px 0 16px;padding:0}.context-line{font-size:13px;font-weight:400;color:var(--text-muted);line-height:1.4;margin:0;padding:0}.context-line-2{margin-top:2px;font-size:12px;opacity:.85}.summary-tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.summary-tile{display:flex;align-items:center;gap:10px;padding:14px 12px;background:var(--bg-card);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft);text-align:left}.summary-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.summary-tile:active{transform:translateY(0);background:var(--bg-card-secondary)}.summary-tile-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.summary-tile-text{font-size:13px;font-weight:400;color:var(--text-secondary);line-height:1.3}.summary-tile-text strong{font-weight:600;color:var(--text-primary)}.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-icon.welcome-icon{background:linear-gradient(135deg,#f0e6ff,#e6f0ff);color:#8b5cf6}.today-card.welcome-card{background:linear-gradient(135deg,#fefcff,#fcfeff);border:1px solid rgba(139,92,246,.15)}.today-card.welcome-card:hover{border-color:#8b5cf640}.today-card-icon.bulletin-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.today-card.bulletin-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(217,119,6,.15)}.today-card.bulletin-card:hover{border-color:#d9770640}.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,.today-card.bulletin-post-card{flex-direction:column;align-items:flex-start;gap:8px;background:var(--bg-card);position:relative;padding-left:62px}.today-card.community-post-card .today-card-icon,.today-card.bulletin-post-card .today-card-icon{width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:600;position:absolute;left:16px;top:50%;transform:translateY(-50%);overflow:hidden}.today-card.community-post-card .today-card-content,.today-card.bulletin-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-post-footer{display:flex;align-items:center;gap:16px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.05)}.community-post-footer .post-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#8a8075}.community-post-footer .post-stat svg{opacity:.7}.community-icon{display:flex;align-items:center;justify-content:center;background:#f0ebe3!important;color:#7a7265!important}.bulletin-avatar-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5a7a6a,#5a7a6a88)!important;color:#fff!important}.card-thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,.06);flex-shrink:0;margin-left:auto}.bulletin-price{font-weight:600!important;color:#5a7a6a!important}.invite-adoption-banner{display:flex;align-items:center;gap:14px;width:100%;padding:18px 16px;margin:20px 0;background:linear-gradient(135deg,#5a7a6a14,#5a7a6a29);border:1.5px solid rgba(90,122,106,.25);border-radius:18px;cursor:pointer;transition:all .2s ease;text-align:left;box-sizing:border-box}.invite-adoption-banner:hover{background:linear-gradient(135deg,#5a7a6a1f,#5a7a6a38);border-color:#5a7a6a59;transform:translateY(-2px);box-shadow:0 4px 16px #5a7a6a1f}.invite-adoption-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#5a7a6a2e;color:#5a7a6a;flex-shrink:0}.invite-adoption-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.invite-adoption-title{font-size:15px;font-weight:600;color:#3d5a4a}.invite-adoption-subtitle{font-size:13px;font-weight:400;color:#5a7a6a}.invite-adoption-arrow{color:#5a7a6a;flex-shrink:0;opacity:.6}.view-all-link{display:block;width:100%;text-align:center;padding:14px;margin-top:4px;background:#5a7a6a0f;border:1px dashed rgba(90,122,106,.2);border-radius:12px;color:#5a7a6a;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.view-all-link:hover{background:#5a7a6a1f}.quick-create-bar{width:100%;background:#fff;border-radius:16px;padding:18px 16px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.quick-create-bar h3{font-size:15px;font-weight:600;color:#5a3c1e;margin:0 0 12px}.quick-create-buttons{display:flex;gap:8px}.quick-create-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:12px;font-size:13px;font-weight:500;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.quick-create-btn:hover{border-color:#c4956a;color:#c4956a;background:#c4956a0f}.quick-create-btn:active{background:#c4956a1f}.welcome-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:linear-gradient(135deg,#c4956a1a,#5b9a9a14);border:1px solid rgba(196,149,106,.15);border-radius:14px;margin-bottom:16px;animation:welcomeFadeIn .3s ease}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.welcome-banner-emoji{font-size:24px;flex-shrink:0}.welcome-banner-text{flex:1;font-size:13px;font-weight:500;color:#5a3c1e;line-height:1.4}.welcome-banner-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:8px;color:#8a8075;cursor:pointer;flex-shrink:0;transition:all .15s ease}.welcome-banner-close:hover{background:#0000000f;color:#5a3c1e}.home-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;margin-top:20px;padding:0 2px}.home-section-header:first-of-type{margin-top:0}.home-section-header-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#3d2b1f;margin:0}.home-section-header-title .section-emoji{font-size:15px}.home-section-header .view-all-link-inline{color:#c4956a;font-weight:600}.event-category-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;border-radius:8px;letter-spacing:.02em;margin-left:auto}.event-category-badge[data-category=social]{background:#8b5cf61a;color:#8b5cf6}.event-category-badge[data-category=meeting]{background:#3b82f61a;color:#3b82f6}.event-category-badge[data-category=maintenance]{background:#f59e0b1a;color:#f59e0b}.event-category-badge[data-category=announcement]{background:#10b9811a;color:#10b981}.bulletin-preview-section{width:100%;margin-top:4px}.bulletin-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px}.bulletin-preview-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.bulletin-preview-title svg{color:#8a8075}.view-all-link-inline{background:none;border:none;color:#5a7a6a;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease}.view-all-link-inline:hover{background:#5a7a6a14}.feedback-cta-card{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:linear-gradient(135deg,#5a7a6a0f,#5a7a6a1f);border:1px solid rgba(90,122,106,.15);border-radius:14px;margin-top:8px;text-align:left;cursor:pointer;transition:all .15s ease}.feedback-cta-card:hover{background:linear-gradient(135deg,#5a7a6a1a,#5a7a6a2e)}.feedback-cta-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#5a7a6a26;color:#5a7a6a;flex-shrink:0}.feedback-cta-content{flex:1}.feedback-cta-title{font-size:14px;font-weight:600;color:#1a1a1a;display:block}.feedback-cta-subtitle{font-size:12px;color:#777;display:block;margin-top:2px}.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}}.resident-feedback-fab{position:fixed;bottom:92px;right:20px;width:44px;height:44px;border-radius:50%;background:#5a7a6a;color:#fff;border:none;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #00000026;z-index:9998;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.resident-feedback-fab:hover{background:#4a6a5a;transform:scale(1.08)}.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}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{color:#0000004d;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;color:#000000b3;margin:0 0 8px}.empty-state-subtitle{font-size:14px;color:#00000080;margin:0 0 24px;max-width:280px}.empty-state-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.empty-state-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.empty-state-cta:active{transform:translateY(0)}.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}}.calendar-sync-modal{background:#fffcf7;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.sync-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.sync-modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.sync-modal-body{padding:16px 20px 0}.sync-description{font-size:14px;color:#4a4a4a;line-height:1.5;margin:0 0 16px}.calendar-url-field{display:flex;gap:8px;margin-bottom:20px}.calendar-url-field input{flex:1;padding:10px 12px;font-size:13px;color:#4a4a4a;background:#f5f0e8;border:1px solid transparent;border-radius:10px;outline:none;font-family:SF Mono,Fira Code,monospace;min-width:0}.calendar-url-field input:focus{border-color:#1a1a1a;background:#fffcf7}.copy-url-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;color:#1a1a1a;background:#f3eee5;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-url-btn:hover{background:#e8e3da}.sync-instructions{display:flex;flex-direction:column;gap:16px}.sync-instruction-section h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.sync-instruction-section ol{margin:0;padding-left:20px}.sync-instruction-section li{font-size:13px;color:#4a4a4a;line-height:1.6}.sync-action-buttons{display:flex;gap:10px;padding:20px}.sync-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.sync-btn-primary{color:#fffcf7;background:#1a1a1a}.sync-btn-primary:hover{background:#2a2a2a}.sync-btn-secondary{color:#1a1a1a;background:#f3eee5}.sync-btn-secondary:hover{background:#e8e3da}@media(max-width:480px){.calendar-sync-modal{max-width:100%;border-radius:20px 20px 0 0}.sync-action-buttons{flex-direction:column}}.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}.create-event-button-container{display:flex;gap:10px;padding:0 16px 16px}.sync-calendar-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:500;color:#1a1a1a;background:#f3eee5;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.sync-calendar-button:hover{background:#e8e3da;transform:translateY(-1px)}.create-event-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 20px;font-size:15px;font-weight:500;color:#fffcf7;background:#1a1a1a;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001f}.create-event-button:hover{background:#2a2a2a;transform:translateY(-1px);box-shadow:0 4px 12px #00000029}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.create-event-modal{background:#fffcf7;border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.modal-close:hover{background:#e8e3da}.create-event-modal form{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#4a4a4a;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;font-size:15px;color:#1a1a1a;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{background:#fffcf7;border-color:#1a1a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-button{flex:1;padding:14px 20px;font-size:15px;font-weight:500;color:#4a4a4a;background:#f3eee5;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#e8e3da}.submit-button{flex:1;padding:14px 20px;font-size:15px;font-weight:500;color:#fffcf7;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.submit-button:hover{background:#2a2a2a}.submit-button:disabled{opacity:.6;cursor:not-allowed}@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}.form-row{grid-template-columns:1fr}}.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}.invite-neighbors-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);padding:14px;margin:0 16px 16px;max-width:768px;background:#5a7a6a1f;border:1px solid rgba(90,122,106,.2);border-radius:14px;color:#5a7a6a;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.invite-neighbors-cta:hover{background:#5a7a6a33}.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}@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)}.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}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.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}}.elevator-booking-container .toast-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:#2c2520;color:#fff;font-size:14px;font-weight:500;border-radius:12px;box-shadow:0 8px 24px #0003;z-index:2000;animation:toastSlideUp .3s ease;max-width:90%;text-align:center}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.amenity-booking-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.amenity-booking-content{padding:0 16px 100px}.amenity-rooms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.amenity-room-card{background:#fffcf7;border:none;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005;text-align:left;width:100%;padding:0}.amenity-room-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.amenity-room-card-image{width:100%;height:100px;background:linear-gradient(135deg,#e8e0d4,#d4c8b8);display:flex;align-items:center;justify-content:center;color:#8a8075;position:relative}.amenity-room-card-image img{width:100%;height:100%;object-fit:cover}.amenity-room-card-body{padding:12px}.amenity-room-card-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.amenity-room-card-info{display:flex;align-items:center;gap:4px;font-size:11px;color:#8a8075}.amenity-room-card-info .info-dot{width:3px;height:3px;border-radius:50%;background:#c4b8a8}.amenity-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}.amenity-form-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#1a1a1a}.amenity-form-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0}.amenity-form-room-info{display:flex;align-items:center;gap:10px;padding:12px;background:#f3eee5;border-radius:12px;margin-bottom:16px}.amenity-form-room-info .room-thumb{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#e8e0d4,#d4c8b8);display:flex;align-items:center;justify-content:center;color:#8a8075;flex-shrink:0;overflow:hidden}.amenity-form-room-info .room-thumb img{width:100%;height:100%;object-fit:cover}.amenity-form-room-info .room-details{flex:1;min-width:0}.amenity-form-room-info .room-name{font-size:14px;font-weight:600;color:#1a1a1a}.amenity-form-room-info .room-meta{font-size:12px;color:#8a8075}.amenity-booking-form{display:flex;flex-direction:column;gap:16px}.amenity-booking-form .form-group{display:flex;flex-direction:column;gap:8px}.amenity-booking-form label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#4a4a4a}.amenity-booking-form input,.amenity-booking-form select,.amenity-booking-form textarea{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}.amenity-booking-form textarea{resize:vertical;min-height:60px}.amenity-booking-form input:focus,.amenity-booking-form select:focus,.amenity-booking-form textarea:focus{outline:none;border-color:#8a8075;background:#fff}.amenity-booking-form select option{background:#fff;color:#1a1a1a}.amenity-form-actions{display:flex;gap:12px;margin-top:8px}.amenity-cancel-button,.amenity-submit-button{flex:1;padding:12px 20px;font-size:15px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.amenity-cancel-button{color:#4a4a4a;background:#f3eee5;border:none}.amenity-cancel-button:hover{background:#f0ede8}.amenity-submit-button{color:#fff;background:#1a1a1a}.amenity-submit-button:hover{background:#333}.amenity-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:amenitySlideIn .3s ease}@keyframes amenitySlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.amenity-reservations-section{margin-top:8px}.amenity-section-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.01em}.amenity-reservations-list{display:flex;flex-direction:column;gap:12px}.amenity-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}.amenity-reservation-card:hover{box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.amenity-reservation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.amenity-reservation-date{display:flex;flex-direction:column;gap:2px}.amenity-date-text{font-size:15px;font-weight:500;color:#1a1a1a}.amenity-time-slot{font-size:13px;color:#8a8075}.amenity-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}.amenity-status-badge.approved{background:#e8f5e9;color:#2e7d32}.amenity-status-badge.pending{background:#fff8e1;color:#f57c00}.amenity-status-badge.rejected{background:#ffebee;color:#c62828}.amenity-status-badge.cancelled{background:#f0ede8;color:#8a8075}.amenity-reservation-details{display:flex;gap:24px}.amenity-detail-item{display:flex;gap:6px}.amenity-detail-label{font-size:13px;font-weight:500;color:#8a8075}.amenity-detail-value{font-size:13px;color:#1a1a1a}.amenity-booking-container .toast-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:#2c2520;color:#fff;font-size:14px;font-weight:500;border-radius:12px;box-shadow:0 8px 24px #0003;z-index:2000;animation:amenityToastSlideUp .3s ease;max-width:90%;text-align:center}@keyframes amenityToastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:480px){.amenity-booking-form-container{padding:16px}.amenity-form-actions{flex-direction:column}.amenity-reservation-card{padding:16px}.amenity-reservation-header{flex-direction:column;align-items:flex-start}.amenity-status-badge{align-self:flex-start}.amenity-reservation-details{flex-direction:column;gap:8px}}.report-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:reportFadeIn .2s ease}@keyframes reportFadeIn{0%{opacity:0}to{opacity:1}}.report-modal{width:100%;max-width:440px;max-height:85vh;overflow-y:auto;background:#faf8f5;border-radius:20px 20px 0 0;animation:reportSlideUp .3s ease}@media(min-width:480px){.report-modal-overlay{align-items:center}.report-modal{border-radius:20px;margin:20px}}@keyframes reportSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(200,185,165,.2)}.report-modal-title-row{display:flex;align-items:center;gap:8px;color:#2c2520}.report-modal-title-row h3{font-size:17px;font-weight:600;margin:0}.report-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#8b7e74;cursor:pointer;transition:all .2s ease}.report-modal-close:hover{background:#c8b9a526;color:#2c2520}.report-modal-body{padding:20px}.report-prompt{font-size:14px;font-weight:500;color:#5a5147;margin:0 0 14px}.report-reasons{display:flex;flex-direction:column;gap:8px}.report-reason-btn{width:100%;padding:14px 16px;font-size:14.5px;font-weight:500;color:#4a4a4a;text-align:left;background:#fffcf7;border:1px solid rgba(200,185,165,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.report-reason-btn:hover{background:#f5eee4;border-color:#c8b9a580}.report-reason-btn.selected{background:#f5eee4;border-color:#c8a96e;color:#2c2520;font-weight:600}.report-details-input{width:100%;margin-top:12px;padding:12px 14px;font-size:14px;font-family:inherit;color:#2c2520;background:#fffcf7;border:1px solid rgba(200,185,165,.3);border-radius:12px;resize:vertical;min-height:70px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.report-details-input::placeholder{color:#b8a080}.report-details-input:focus{border-color:#c8a96e}.report-modal-footer{display:flex;gap:12px;padding:16px 20px 24px;border-top:1px solid rgba(200,185,165,.2)}.report-cancel-btn{flex:1;padding:13px 20px;font-size:15px;font-weight:500;color:#5a5147;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.report-cancel-btn:hover{background:#f5eee4}.report-submit-btn{flex:1;padding:13px 20px;font-size:15px;font-weight:600;color:#fff;background:#c8a96e;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.report-submit-btn:hover:not(:disabled){background:#b8964f;transform:translateY(-1px)}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:#5b8a72}.report-success h3{font-size:18px;font-weight:600;color:#2c2520;margin:16px 0 8px}.report-success p{font-size:14px;color:#8b7e74;margin:0;line-height:1.5}.poll-card{margin-top:10px;padding:14px;background:#fffcf7;border:1px solid #e8e4dc;border-radius:12px}.poll-header-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.poll-icon{color:#5b8a72}.poll-label{font-size:12px;font-weight:600;color:#5b8a72;text-transform:uppercase;letter-spacing:.5px}.poll-closed-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;color:#a32d2d;background:#fcebeb;padding:2px 8px;border-radius:10px}.poll-closes-label{margin-left:auto;font-size:11px;color:#8a8475}.poll-question{font-size:15px;font-weight:600;color:#2c2c2c;margin:0 0 10px;line-height:1.3}.poll-options{display:flex;flex-direction:column;gap:6px}.poll-option-btn{width:100%;padding:10px 14px;border:1.5px solid #d3d1c7;border-radius:8px;background:#fff;font-size:14px;color:#2c2c2c;cursor:pointer;text-align:left;transition:all .15s ease}.poll-option-btn:hover:not(:disabled){border-color:#5b8a72;background:#f0f7f3}.poll-option-btn:disabled{opacity:.6;cursor:not-allowed}.poll-option-result{position:relative;width:100%;padding:10px 14px;border:1.5px solid #e8e4dc;border-radius:8px;background:#fff;font-size:14px;color:#2c2c2c;cursor:pointer;text-align:left;overflow:hidden;transition:all .15s ease}.poll-option-result:disabled{cursor:default}.poll-option-result:hover:not(:disabled){border-color:#5b8a72}.poll-option-result.voted{border-color:#5b8a72}.poll-bar-fill{position:absolute;top:0;left:0;height:100%;background:#e8e4dc;border-radius:6px;transition:width .4s ease}.poll-option-result.winner .poll-bar-fill,.poll-option-result.voted .poll-bar-fill{background:#d4e8db}.poll-option-content{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:1}.poll-option-text{display:flex;align-items:center;gap:5px;font-weight:500}.poll-check{color:#5b8a72;flex-shrink:0}.poll-option-pct{font-size:13px;font-weight:600;color:#6b6560}.poll-option-result.winner .poll-option-pct{color:#3b6d11}.poll-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.poll-total{font-size:12px;color:#8a8475}.poll-multi-hint{font-size:11px;color:#8a8475;font-style:italic}.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{position:sticky;top:0;z-index:10;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 solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:all .2s ease;margin-bottom:16px;box-shadow:0 2px 8px #0000000a}.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-card-image{width:100%;max-height:200px;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.06);margin-top:8px}.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}.posts-feed .post-actions{display:flex;align-items:center;gap:2px;padding-top:0;border-top:none}.posts-feed .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}.posts-feed .action-btn svg{flex-shrink:0;width:16px;height:16px}.posts-feed .action-btn:hover{background:#f3eee5;color:#4a4a4a}.posts-feed .action-btn.liked{color:#ef4444}.posts-feed .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;overflow:hidden}.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}.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}}.post-menu-btn{background:none;border:none;padding:4px;cursor:pointer;color:#8a8075;border-radius:4px;display:flex;align-items:center}.post-menu-btn:hover{background:#8a80751a}.post-menu{position:absolute;top:100%;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:140px;z-index:100;box-shadow:0 8px 24px #0006}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:#ccc;font-size:.85rem;cursor:pointer;border-radius:6px}.menu-item:hover{background:#ffffff14}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#ef44441a}.menu-item.report{color:#f59e0b}.menu-item.report:hover{background:#f59e0b1a}.menu-item.report.disabled,.menu-item.report:disabled{color:#666;cursor:not-allowed;opacity:.5}.menu-item.report.disabled:hover,.menu-item.report:disabled:hover{background:none}.menu-divider{height:1px;background:#ffffff14;margin:4px 0}.edit-post-inline textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px;color:#fff;font-size:.9rem;resize:vertical;font-family:inherit}.btn-primary.btn-sm{background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-secondary.btn-sm{background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer}.poll-question-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#faf8f5;color:#2c2c2c;outline:none;margin-bottom:12px;box-sizing:border-box}.poll-option-input-row input{flex:1;padding:10px 14px;font-size:14px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff;color:#2c2c2c;outline: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-header-right{display:flex;align-items:center;gap:8px}.listing-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#8a8075}.listing-menu-wrapper{position:relative}.listing-menu-btn{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;border-radius:6px;display:flex;align-items:center}.listing-menu-btn:hover{background:#0000000d;color:#6b7280}.listing-menu{position:absolute;top:100%;right:0;background:#fffcf7;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:4px;min-width:110px;z-index:50;box-shadow:0 4px 12px #0000001a}.listing-menu button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:none;border:none;font-size:13px;color:#4a4a4a;cursor:pointer;border-radius:6px}.listing-menu button:hover{background:#f3eee5}.listing-menu button.danger{color:#ef4444}.listing-menu button.danger:hover{background:#ef444414}.listing-title-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.listing-title-row>div{flex:1;min-width:0}.listing-title{font-size:16px;font-weight:500;color:#1a1a1a;margin:0 0 6px}.listing-details{font-size:14px;color:#8a8075;margin:0;line-height:1.5}.listing-thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,.06);flex-shrink:0}.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)}.listing-contact-links{display:flex;gap:8px}.contact-link{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:500;color:#5b9a9a;background:#5b9a9a1a;border-radius:10px;text-decoration:none;transition:all .2s ease}.contact-link:hover{background:#5b9a9a33}.bulletin-contact-section{margin-bottom:16px;padding:14px;background:#f5f0e8;border-radius:12px}.bulletin-contact-section>label{display:block;font-size:13px;font-weight:600;color:#2c2520;margin-bottom:10px}.bulletin-contact-option{margin-bottom:10px}.bulletin-contact-option:last-of-type{margin-bottom:8px}.bulletin-contact-option .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4a4a4a;margin-bottom:6px}.bulletin-contact-option .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#5B9A9A;cursor:pointer}.bulletin-contact-option input[type=email],.bulletin-contact-option input[type=tel]{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;color:#2c2520;background:#fffcf7;border:1px solid rgba(200,185,165,.3);border-radius:10px;outline:none;transition:all .2s ease;box-sizing:border-box}.bulletin-contact-option input[type=email]:focus,.bulletin-contact-option input[type=tel]:focus{border-color:#5b9a9a}.bulletin-contact-helper{font-size:12px;color:#8b7e74;margin:0;line-height:1.4}.bulletin-attach-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;color:#8b7e74;background:#f5f0e8;border:1px dashed rgba(200,185,165,.4);border-radius:12px;cursor:pointer;transition:all .2s ease}.bulletin-attach-btn:hover{background:#fffcf7;border-color:#c8b9a599;color:#6b5e52}.bulletin-image-preview-container{position:relative;display:inline-block;width:100%}.bulletin-image-preview-thumb{width:100%;max-height:120px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.bulletin-image-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.bulletin-image-preview-remove:hover{background:#000c}.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-container.resident-inner-page:before,.settings-container.resident-inner-page:after{display:none}.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)}.settings-legal-link{display:flex;align-items:center;gap:14px;width:100%;padding:14px;font-size:15px;font-weight:500;color:#4a3f35;background:transparent;border:none;border-radius:18px;cursor:pointer;transition:all .2s ease;text-decoration:none}.settings-legal-link:hover{background:#5b9a9a0f}.settings-legal-link span{flex:1;text-align:left}.settings-legal-link+.settings-legal-link{margin-top: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}.settings-save-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:#0d9488;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0d948833}.settings-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0d94884d}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fffcf7;border:1px solid #0D9488;border-radius:14px;color:#0d9488;font-size:15px;font-weight:500;box-shadow:0 10px 40px #0000001f;z-index:2000;animation:toastSlideUp .3s ease-out}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@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}}.pwa-row-installed{cursor:default;opacity:.6}.pwa-row-installed:hover{background:transparent}.link-row-arrow.rotated{transform:rotate(90deg)}.pwa-install-instructions{padding:12px 16px;margin:-4px 0 0;background:#c8a4560f;border-radius:0 0 14px 14px}.pwa-instruction-step{font-size:13px;color:#6b5e52;margin:0 0 8px;line-height:1.5}.pwa-instruction-step strong{color:#2c2520}.pwa-check{color:#10b981}.pwa-download{color:#c8a456}.settings-link-row:hover .pwa-download{color:#c8a456;transform:translateY(2px)}.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}}.calendar-view-content .create-event-button-container{display:flex;gap:10px;margin-bottom:16px}.calendar-view-content .sync-calendar-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:500;color:#1a1a1a;background:#f3eee5;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.calendar-view-content .sync-calendar-button:hover{background:#e8e3da;transform:translateY(-1px)}.create-event-button{width:100%;flex:1;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}.create-event-button:hover{background:#333;transform:translateY(-1px)}.event-card-menu{position:relative;flex-shrink:0;margin-left:auto}.event-menu-btn{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 .15s ease}.event-menu-btn:hover{background:#0000000f;color:#4a4a4a}.event-card-menu-dropdown{position:absolute;top:100%;right:0;z-index:50;min-width:130px;background:#fffcf7;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000f;padding:4px;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.event-card-menu-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:450;color:#1a1a1a;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.event-card-menu-dropdown button:hover{background:#0000000d}.event-card-menu-dropdown button.delete-option{color:#dc2626}.event-card-menu-dropdown button.delete-option:hover{background:#dc262614}.event-hosted-by{font-size:12px;font-weight:500;color:#5b9a9a;letter-spacing:.01em}.delete-confirm-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:300}.delete-confirm-dialog{background:#fffcf7;border-radius:16px;padding:24px;width:100%;max-width:380px;box-shadow:0 16px 48px #00000026;animation:eventModalSlideUp .2s ease}.delete-confirm-dialog h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.delete-confirm-dialog p{font-size:14px;color:#6a655d;line-height:1.5;margin:0 0 20px}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.delete-confirm-cancel{padding:10px 18px;font-size:14px;font-weight:500;color:#4a4a4a;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;transition:all .15s ease}.delete-confirm-cancel:hover{background:#0000000a}.delete-confirm-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease}.delete-confirm-btn:hover:not(:disabled){background:#b91c1c}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.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:72px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);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:3px;flex:1;min-width:0;max-width:25%;padding:10px 4px;background:transparent;border:none;color:#8a8075;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.global-bottom-nav .nav-tab span{white-space:nowrap;font-size:11px}.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:10px;padding:6px;margin:-6px}.global-bottom-nav .nav-tab svg{width:32px;height:32px;stroke-width:1.5;flex-shrink:0}.nav-tab-icon-wrapper{position:relative;display:inline-flex}.nav-tab-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;background:#e05555;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}@media(max-width:767px){.global-bottom-nav{height:72px!important}.global-bottom-nav .nav-tab{flex:1!important;width:25%!important}.global-bottom-nav .nav-tab span{font-size:11px!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-avatar-fallback{align-items:center;justify-content:center;background:#e8e3da;color:#4a4a4a;font-size:18px;font-weight:600;flex-shrink:0}.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-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#e8e3da;color:#4a4a4a;font-size:14px;font-weight:600}.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}.comment-menu-wrapper{position:relative;margin-left:auto}.comment-menu-btn{background:none;border:none;padding:2px 4px;cursor:pointer;color:#9ca3af;border-radius:4px;display:flex;align-items:center}.comment-menu-btn:hover{background:#0000000d;color:#6b7280}.comment-menu{position:absolute;top:100%;right:0;background:#fffcf7;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:4px;min-width:110px;z-index:50;box-shadow:0 4px 12px #0000001a}.comment-menu button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:none;border:none;font-size:13px;color:#4a4a4a;cursor:pointer;border-radius:6px}.comment-menu button:hover{background:#f3eee5}.comment-menu button.danger{color:#ef4444}.comment-menu button.danger:hover{background:#ef444414}.comment-edit-inline{display:flex;flex-direction:column;gap:6px;margin-top:4px}.comment-edit-inline input{width:100%;padding:8px 10px;font-size:14px;color:#1a1a1a;background:#f5f0e8;border:1px solid rgba(0,0,0,.08);border-radius:8px;outline:none;font-family:inherit}.comment-edit-inline input:focus{border-color:#00000026}.comment-edit-actions{display:flex;gap:6px;justify-content:flex-end}.comment-edit-actions button{padding:4px 10px;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;background:#f3eee5;color:#6b6560}.comment-edit-actions button:hover{background:#e8e3d9}.comment-edit-actions button.save{background:#1a1a1a;color:#fff}.comment-edit-actions button.save:hover{background:#2a2a2a}.comment-edit-actions button.save: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-image-container{margin-bottom:12px;border-radius:16px;overflow:hidden}.post-detail-image{width:100%;max-height:280px;object-fit:cover;border-radius:16px;border:1px solid rgba(0,0,0,.06);display:block}.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;padding-bottom:80px}.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}.post-detail-comments .comment-menu-wrapper{position:relative;margin-left:auto}.post-detail-comments .comment-menu-btn{background:none;border:none;padding:2px 4px;cursor:pointer;color:#9ca3af;border-radius:4px;display:flex;align-items:center}.post-detail-comments .comment-menu-btn:hover{background:#0000000d;color:#6b7280}.post-detail-comments .comment-menu{position:absolute;top:100%;right:0;background:#fffcf7;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:4px;min-width:110px;z-index:50;box-shadow:0 4px 12px #0000001a}.post-detail-comments .comment-menu button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:none;border:none;font-size:13px;color:#4a4a4a;cursor:pointer;border-radius:6px}.post-detail-comments .comment-menu button:hover{background:#f3eee5}.post-detail-comments .comment-menu button.danger{color:#ef4444}.post-detail-comments .comment-menu button.danger:hover{background:#ef444414}.post-detail-comments .comment-edit-inline{display:flex;flex-direction:column;gap:6px;margin-top:4px}.post-detail-comments .comment-edit-inline input{width:100%;padding:8px 10px;font-size:14px;color:#1a1a1a;background:#f5f0e8;border:1px solid rgba(0,0,0,.08);border-radius:8px;outline:none;font-family:inherit}.post-detail-comments .comment-edit-inline input:focus{border-color:#00000026}.post-detail-comments .comment-edit-actions{display:flex;gap:6px;justify-content:flex-end}.post-detail-comments .comment-edit-actions button{padding:4px 10px;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;background:#f3eee5;color:#6b6560}.post-detail-comments .comment-edit-actions button:hover{background:#e8e3d9}.post-detail-comments .comment-edit-actions button.save{background:#1a1a1a;color:#fff}.post-detail-comments .comment-edit-actions button.save:hover{background:#2a2a2a}.post-detail-comments .comment-edit-actions button.save:disabled{opacity:.5;cursor:not-allowed}.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:88px;left:0;right:0;background:#fffcf7;border-top:1px solid rgba(0,0,0,.06);padding:12px 16px;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}}.copied-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.85rem;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.onboarding-container{min-height:100vh;background:linear-gradient(180deg,#f5f0e8,#e8e4dc,#ded8ce);position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch}.onboarding-container .bg-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.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:translateZ(0) scale(1)}50%{transform:translate3d(20px,-20px,0) scale(1.03)}}.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,.logo-upload-area.dragover{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}.terms-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;width:100%;max-width:400px}@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}.generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 44px;font-size:20px;font-weight:600;color:#1a1a1a;background:linear-gradient(135deg,#5b8a8a26,#5b9a6b26);border:2px solid rgba(91,138,138,.3);border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #5b8a8a1a}.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:#1a1a1a;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:#1a1a1a}.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}}.ri-container{display:flex;flex-direction:column;gap:1rem}.ri-compact{gap:.75rem}.ri-tabs{display:flex;gap:.5rem;background:#faf8f5;border:1px solid rgba(139,115,85,.08);border-radius:10px;padding:4px}.ri-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--md-text-secondary, #7A7265);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ri-tab.active{background:#fff;color:var(--md-text-primary, #1A1A1A);box-shadow:0 1px 4px #0000000f}.ri-tab:hover:not(.active){color:var(--md-text-primary, #1A1A1A)}.ri-input-card{background:#fff;border:1px solid rgba(139,115,85,.08);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #7864460f}.ri-textarea{width:100%;min-height:200px;padding:1rem 1.25rem;font-size:.875rem;font-family:inherit;color:var(--md-text-primary, #1A1A1A);background:#fff;border:none;resize:vertical;line-height:1.6}.ri-textarea::placeholder{color:var(--md-text-secondary, #7A7265);opacity:.7}.ri-textarea:focus{outline:none}.ri-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 2rem;border:2px dashed rgba(139,115,85,.2);border-radius:12px;margin:1rem;cursor:pointer;transition:all .2s ease;color:var(--md-text-secondary, #7A7265)}.ri-drop-zone:hover,.ri-drop-zone.drag-over{border-color:var(--md-accent, #5B9A9A);background:#5b9a9a0a}.ri-drop-zone.drag-over{border-color:var(--md-accent, #5B9A9A);background:#5b9a9a14}.ri-drop-title{font-size:.9375rem;font-weight:500;color:var(--md-text-primary, #1A1A1A);margin:0}.ri-drop-hint{font-size:.8125rem;color:var(--md-text-secondary, #7A7265);margin:0}.ri-file-row{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:var(--md-text-secondary, #7A7265)}.ri-file-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.ri-file-name{font-size:.875rem;font-weight:500;color:var(--md-text-primary, #1A1A1A)}.ri-file-size{font-size:.75rem;color:var(--md-text-secondary, #7A7265)}.ri-file-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--md-text-secondary, #7A7265);cursor:pointer;transition:all .2s}.ri-file-remove:hover{background:#ef44441a;color:#ef4444}.ri-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:.8125rem;line-height:1.4}.ri-error svg{flex-shrink:0;margin-top:1px}.ri-organize-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--md-accent, #5B9A9A),#4A8888);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ri-organize-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #5b9a9a4d}.ri-organize-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:ri-spin 1s linear infinite}@keyframes ri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ri-quick-add-section{text-align:center}.ri-quick-add-toggle{background:none;border:none;color:var(--md-accent, #5B9A9A);font-size:.8125rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ri-quick-add-toggle:hover{color:var(--md-text-primary, #1A1A1A)}.ri-quick-add-form{background:#fff;border:1px solid rgba(139,115,85,.08);border-radius:12px;padding:1rem 1.25rem;text-align:left;box-shadow:0 2px 8px #7864460f}.ri-quick-add-form label{font-size:.8125rem;font-weight:500;color:var(--md-text-secondary, #7A7265);display:block;margin-bottom:.5rem}.ri-quick-textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;font-family:inherit;border:1px solid rgba(139,115,85,.15);border-radius:8px;resize:vertical;color:var(--md-text-primary, #1A1A1A);background:#fff}.ri-quick-textarea:focus{outline:none;border-color:var(--md-accent, #5B9A9A);box-shadow:0 0 0 3px #5b9a9a1a}.ri-quick-add-actions{display:flex;gap:.5rem;margin-top:.75rem}.ri-review-header{display:flex;justify-content:space-between;align-items:center}.ri-review-title{display:flex;align-items:center;gap:.75rem}.ri-review-title svg{color:var(--md-accent, #5B9A9A)}.ri-review-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--md-text-primary, #1A1A1A)}.ri-review-title p{margin:0;font-size:.8125rem;color:var(--md-text-secondary, #7A7265)}.ri-select-bar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#faf8f5;border:1px solid rgba(139,115,85,.08);border-radius:8px}.ri-select-all{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--md-text-secondary, #7A7265)}.ri-select-count{font-size:.8125rem;color:var(--md-text-secondary, #7A7265)}.ri-checkbox{width:20px;height:20px;border:2px solid rgba(139,115,85,.25);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.ri-checkbox.checked{background:var(--md-accent, #5B9A9A);border-color:var(--md-accent, #5B9A9A);color:#fff}.ri-table-wrap{overflow-x:auto;border:1px solid rgba(139,115,85,.08);border-radius:10px;background:#fff;box-shadow:0 2px 8px #7864460f}.ri-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ri-table thead th{padding:.75rem;text-align:left;font-weight:600;color:var(--md-text-secondary, #7A7265);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(139,115,85,.08);background:#faf8f5}.ri-table tbody td{padding:.625rem .75rem;color:var(--md-text-primary, #1A1A1A);border-bottom:1px solid rgba(139,115,85,.04);white-space:nowrap}.ri-row-even{background:#faf8f580}.ri-table tbody tr:last-child td{border-bottom:none}.ri-cell-input{width:100%;padding:.375rem .5rem;font-size:.8125rem;font-family:inherit;border:1px solid rgba(139,115,85,.2);border-radius:4px;color:var(--md-text-primary, #1A1A1A);background:#fff}.ri-cell-input:focus{outline:none;border-color:var(--md-accent, #5B9A9A)}.ri-cell-sm{max-width:80px}.ri-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap}.ri-status-ready{color:#10b981;background:#10b9811a}.ri-status-warn{color:#f59e0b;background:#f59e0b1a}.ri-row-actions{display:flex;gap:.25rem}.ri-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--md-text-secondary, #7A7265);cursor:pointer;transition:all .15s}.ri-action-btn:hover{background:#0000000a;color:var(--md-text-primary, #1A1A1A)}.ri-action-btn.ri-delete:hover{background:#ef44441a;color:#ef4444}.ri-action-btn.ri-save{color:#10b981}.ri-action-btn.ri-cancel{color:#ef4444}.ri-review-summary{display:flex;gap:1rem;flex-wrap:wrap}.ri-summary-ready,.ri-summary-warn{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500}.ri-summary-ready{color:#10b981}.ri-summary-warn{color:#f59e0b}.ri-review-actions{display:flex;gap:.75rem;flex-wrap:wrap}.ri-sending-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;background:#fff;border:1px solid rgba(139,115,85,.08);border-radius:12px;text-align:center;box-shadow:0 2px 8px #7864460f}.ri-sending-card svg{color:var(--md-accent, #5B9A9A)}.ri-sending-card h3{margin:0;font-size:1.125rem;color:var(--md-text-primary, #1A1A1A)}.ri-progress-bar{width:100%;max-width:320px;height:8px;background:#8b73551a;border-radius:4px;overflow:hidden}.ri-progress-fill{height:100%;background:var(--md-accent, #5B9A9A);border-radius:4px;transition:width .3s ease}.ri-sending-note{font-size:.8125rem;color:var(--md-text-secondary, #7A7265);margin:0}.ri-done-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;background:#fff;border:1px solid rgba(16,185,129,.15);border-radius:12px;text-align:center;box-shadow:0 2px 8px #7864460f}.ri-done-icon{color:#10b981}.ri-done-card h3{margin:0;font-size:1.25rem;color:var(--md-text-primary, #1A1A1A)}.ri-done-sub{font-size:.875rem;color:var(--md-text-secondary, #7A7265);margin:0}.ri-done-warn{font-size:.875rem;color:#f59e0b;margin:0}.ri-done-code{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ri-done-code>span{font-size:.8125rem;color:var(--md-text-secondary, #7A7265)}.ri-code-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#faf8f5;border:1px solid rgba(139,115,85,.1);border-radius:8px}.ri-code-value{font-family:monospace;font-size:1.125rem;font-weight:600;letter-spacing:2px;color:var(--md-text-primary, #1A1A1A)}.ri-code-copy{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--md-accent, #5B9A9A);border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.ri-code-copy:hover{transform:translateY(-1px);box-shadow:0 2px 8px #5b9a9a4d}.ri-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--md-accent, #5B9A9A);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ri-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #5b9a9a4d}.ri-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ri-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid rgba(139,115,85,.15);border-radius:8px;color:var(--md-text-secondary, #7A7265);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ri-btn-secondary:hover:not(:disabled){background:#faf8f5;color:var(--md-text-primary, #1A1A1A)}.ri-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ri-btn-ghost{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--md-text-secondary, #7A7265);font-size:.8125rem;cursor:pointer;transition:all .2s}.ri-btn-ghost:hover{color:var(--md-text-primary, #1A1A1A)}.ri-btn-sm{padding:.5rem .875rem;font-size:.8125rem}@media(max-width:768px){.ri-table-wrap{margin:0 -.5rem;border-radius:0;border-left:none;border-right:none}.ri-table tbody td,.ri-table thead th{padding:.5rem;font-size:.75rem}.ri-review-actions{flex-direction:column}.ri-review-actions button{width:100%}}.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:#1a1a1a;background:transparent;border:2px solid #5B8A8A;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}.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:#f5f0eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #7864501f}.email-header{padding:16px 20px;background:#ebe5de;border-bottom:1px solid #e0d5c8}.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:40px 30px;text-align:center}.email-brand{margin:0 0 32px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:#8b7e74;text-transform:uppercase}.email-tagline{margin:0 0 4px;font-family:Georgia,Times New Roman,Times,serif;font-size:24px;font-weight:300;line-height:1.3;color:#2c2520}.email-tagline-italic{margin:0 0 32px;font-family:Georgia,Times New Roman,Times,serif;font-size:24px;font-weight:300;font-style:italic;line-height:1.3;color:#8b6914}.email-divider{width:60%;margin:0 auto 28px;border-top:1px solid #E0D5C8}.email-context{margin:0 0 28px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;color:#6b5e52}.email-cta{text-align:center;margin:0 0 12px}.fake-button{display:inline-block;padding:14px 36px;background-color:#2c2520;color:#f5f0eb;font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-radius:50px}.email-footer-tagline{margin:28px 0 6px;font-family:Georgia,Times New Roman,Times,serif;font-size:13px;font-style:italic;color:#b5a99d}.email-disclaimer{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5;color:#c8bfad}.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}.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{flex-direction:column;text-align:center}.email-body{padding:28px 20px}.email-tagline,.email-tagline-italic{font-size: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: #F5F0EB;--md-bg-gradient: #F5F0EB;--md-sidebar-bg: rgba(255, 255, 255, .85);--md-sidebar-blur: 20px;--md-card-bg: rgba(255, 255, 255, .7);--md-card-blur: 20px;--md-card-border: rgba(255, 255, 255, .5);--md-card-border-hover: rgba(255, 255, 255, .7);--md-card-shadow: 0 2px 12px rgba(44, 37, 32, .05);--md-card-shadow-hover: 0 4px 16px rgba(44, 37, 32, .08);--md-accent: #5B9A9A;--md-accent-light: #6BAAAA;--md-accent-glow: rgba(91, 154, 154, .22);--md-accent-subtle: rgba(91, 154, 154, .1);--md-accent-soft: #5B9A9A;--md-accent-muted: rgba(91, 154, 154, .7);--md-accent-whisper: rgba(91, 154, 154, .4);--md-purple: #8B5CF6;--md-purple-subtle: rgba(139, 92, 246, .1);--md-text-primary: #2C2520;--md-text-secondary: #6B5E52;--md-text-muted: #8B7E74;--md-text-heading: #2C2520;--md-border: rgba(200, 185, 165, .2);--md-border-subtle: rgba(200, 185, 165, .1);--md-border-hover: rgba(200, 185, 165, .3);--md-green: #059669;--md-yellow: #D97706;--md-red: #DC2626;--md-blue: #2563EB}.manager-dashboard{display:flex;min-height:100vh;background:var(--md-bg-gradient);position:relative;overflow:hidden}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--md-border);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 var(--md-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200}.demo-mode .sidebar{top:40px}.demo-mode .main-content{padding-top:40px}.sidebar-header{padding:16px 0 8px;border-bottom:none}.building-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#5b9a9a1f;border-radius:var(--radius-lg);color:var(--md-accent);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);background:#5b9a9a1f;border-radius:var(--radius-full)}.nav-divider{height:1px;background:var(--md-border-subtle);margin:var(--spacing-sm) 0}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--md-text-muted);padding:16px 16px 4px;margin-top:4px;-webkit-user-select:none;user-select:none}.sidebar-footer{flex-shrink:0;padding:16px 16px 24px;border-top:1px solid var(--md-border-subtle)}.manager-profile{display:flex;align-items:center;gap:12px}.manager-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;min-height:38px;background:#5b9a9a26;border-radius:var(--radius-full);overflow:hidden;color:var(--md-accent);font-size:12px;font-weight:600;flex-shrink:0}.manager-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.manager-info{display:flex;flex-direction:column;gap:2px;min-width:0}.manager-name{font-size:13px;font-weight:600;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;display:block}.sidebar-footer .logout-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:var(--md-text-muted);background:transparent;border:none;border-radius:0;padding:0;margin:0;width:auto;cursor:pointer;transition:color var(--transition-base)}.sidebar-footer .logout-btn:hover{color:var(--md-red);background:transparent}.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;overflow-x:hidden;position:relative;z-index:2;background:#f5f0eb;max-width:100%;box-sizing:border-box}.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}.top-bar.top-bar-minimal{position:absolute;top:0;right:0}.top-bar.top-bar-minimal{left:auto;padding:16px 24px;justify-content:flex-end;z-index:10}.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:#ffffffd9;border:1px solid var(--md-border);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.notification-btn:hover{background:var(--md-card-bg);border-color:var(--md-border-hover);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:var(--md-accent);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: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);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:#c8aa781f;color:#2563eb}.stat-yellow .stat-icon{background:#c8aa781f;color:#d97706}.stat-purple .stat-icon{background:#c8aa781f;color:#7c3aed}.stat-cyan .stat-icon{background:#c8aa781f;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: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);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:#00000008;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:#05966914;color:#059669}.activity-blue{background:#2563eb14;color:#2563eb}.activity-purple{background:#8b5cf614;color:#7c3aed}.activity-pink{background:#db277714;color:#db2777}.activity-orange{background:#ea580c14;color:#ea580c}.activity-teal{background:#0d948814;color:#0d9488}.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:#fff9;border:1px solid rgba(200,185,165,.2);border-radius:var(--radius-lg);color:#6b5e52;cursor:pointer;transition:all var(--transition-base)}.quick-action-btn:hover{background:var(--md-card-bg);border-color:var(--md-border-hover);color:var(--md-text-primary);transform:translateY(-2px);box-shadow:var(--md-card-shadow-hover)}.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:var(--md-card-bg);border-radius:var(--radius-lg);border:1px solid var(--md-card-border);cursor:pointer;transition:all var(--transition-base)}.event-item:hover{background:#ffffffd9;border-color:var(--md-border-hover);box-shadow:var(--md-card-shadow)}.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:var(--md-card-shadow-hover)}.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:#0000000a}.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}.activity-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--md-text-muted)}.activity-empty-state p{margin:var(--spacing-sm) 0 4px;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-secondary)}.activity-empty-state span{font-size:var(--font-size-xs);color:var(--md-text-muted)}.event-item.clickable:hover{background:#0000000a;transform:translate(4px)}.event-item.clickable:hover .event-arrow{color:var(--md-purple)}.activity-yellow{background:#d9770614;color:#d97706}.activity-cyan{background:#5b9a9a14;color:var(--md-accent-soft)}.notification-wrapper{position:relative}.notification-btn.active{background:#5b9a9a1a;border-color:var(--md-accent);color:var(--md-accent)}.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: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);box-shadow:0 8px 32px #7864461f,0 2px 8px #7864460f;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:hover{background:#00000008}.notification-item.unread{background:#5b9a9a14}.notification-item.unread:hover{background:#5b9a9a1f}.notification-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#5b9a9a1a;border-radius:var(--radius-md);color:var(--md-accent);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:#2c25204d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#fffcf7;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(200,185,165,.2);border-radius:20px;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 #2c252026,0 8px 24px #2c252014}.modal-content.large-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.modal-header h3{font-size:20px;font-weight:600;color:#2c2520;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#e8e3da;color:#2c2520}.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)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.form-group label{display:block;font-size:13px;font-weight:500;color:#6b5e52;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#f5f0e8;border:1px solid transparent;border-radius:12px;color:#2c2520;font-size:15px;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fffcf7;border-color:#5b9a9a}.form-group input::placeholder,.form-group textarea::placeholder{color:#8b7e74}.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:#5b9a9a14;border:1px solid rgba(91,154,154,.15);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:#fff9;border:1px solid rgba(200,185,165,.2);border-radius:var(--radius-md);color:#6b5e52;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--md-card-bg);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:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);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 8px 32px #7864461f;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(20px);-webkit-backdrop-filter:blur(20px);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){.manager-dashboard{overflow-x:hidden;max-width:100vw}.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.demo-mode .mobile-header{top:40px}.demo-mode .sidebar{top:100px}.main-content{margin-left:0;padding-top:60px;width:100vw;max-width:100vw;overflow-x:hidden}.demo-mode .main-content{padding-top:100px}.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)}.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);border-radius:24px;border:1px solid var(--md-border);box-shadow:var(--md-card-shadow);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)}.dashboard-home-v2{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-xl);position:relative;z-index:1}.dashboard-columns{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);padding:0 var(--spacing-md);position:relative;z-index:1}.dashboard-column-left,.dashboard-column-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.narrative-card{background:var(--md-card-bg);border:1px solid var(--md-border);border-radius:20px;padding:var(--spacing-lg);transition:all .2s ease;box-shadow:var(--md-card-shadow)}.narrative-card:hover{border-color:var(--md-border-hover);box-shadow:var(--md-card-shadow-hover)}.card-title-v2{font-size:var(--font-size-md);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-md)}.card-header-v2{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-header-v2 .card-title-v2{margin:0}.view-all-link{font-size:var(--font-size-xs);color:var(--md-accent-soft);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.view-all-link:hover{background:#82aaaa1a;color:var(--md-accent)}.welcome-card-v2{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:linear-gradient(135deg,#8b5cf614,#a855f70a);border-color:#8b5cf626}.welcome-card-v2:hover{border-color:#8b5cf640;background:linear-gradient(135deg,#8b5cf61f,#a855f70f)}.welcome-content{display:flex;align-items:center;gap:var(--spacing-md)}.welcome-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:12px;color:#a78bfa}.welcome-text{display:flex;flex-direction:column;gap:2px}.welcome-headline{font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-primary)}.welcome-subtext{font-size:var(--font-size-xs);color:var(--md-text-muted)}.welcome-arrow{color:var(--md-text-muted);transition:transform .15s ease}.welcome-card-v2:hover .welcome-arrow{transform:translate(4px);color:#a78bfa}.activity-list-v2{display:flex;flex-direction:column;gap:2px}.activity-item-v2{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:12px;cursor:pointer;transition:background .15s ease}.activity-item-v2:hover{background:#00000008}.activity-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.activity-content-v2{flex:1;min-width:0}.activity-text-v2{display:block;font-size:var(--font-size-sm);color:var(--md-text-primary);line-height:1.4}.activity-time-v2{font-size:var(--font-size-xs);color:var(--md-text-muted)}.activity-empty-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--md-text-muted)}.activity-empty-v2 p{margin:var(--spacing-sm) 0 4px;font-size:var(--font-size-sm);color:var(--md-text-secondary)}.activity-empty-v2 span{font-size:var(--font-size-xs)}.quick-actions-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.quick-action-v2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--md-bg-base);border:1px solid var(--md-border);border-radius:14px;cursor:pointer;transition:all .15s ease}.quick-action-v2:hover{background:var(--md-card-bg);border-color:var(--md-border-hover);transform:translateY(-2px);box-shadow:var(--md-card-shadow)}.action-icon-v2{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--md-accent-subtle);border-radius:12px;color:var(--md-accent-soft);transition:all .15s ease}.quick-action-v2:hover .action-icon-v2{background:var(--md-accent-glow);color:var(--md-accent)}.action-label-v2{font-size:var(--font-size-xs);font-weight:500;color:var(--md-text-secondary);text-align:center}.snapshot-rows{display:flex;flex-direction:column;gap:2px}.snapshot-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-xs);border-radius:10px;background:none;border:none;cursor:pointer;transition:background .15s ease;width:100%;text-align:left}.snapshot-row:hover{background:#0000000a}.snapshot-info{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--md-text-secondary)}.snapshot-info svg{opacity:.6}.snapshot-label{font-size:var(--font-size-sm)}.snapshot-stat{font-size:var(--font-size-xs);color:var(--md-text-muted);background:#0000000a;padding:4px 10px;border-radius:12px}.snapshot-stat.warning,.snapshot-stat.needs-attention{background:#fbbf241a;color:var(--md-yellow)}.snapshot-right{display:flex;align-items:center;gap:8px}.snapshot-chevron{color:var(--md-text-muted);opacity:0;transition:opacity .15s ease;flex-shrink:0}.snapshot-row:hover .snapshot-chevron{opacity:1}.snapshot-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.snapshot-badge.urgent{background:#dc503c1a;color:#b94a3a}.snapshot-trend{font-size:12px;font-weight:500;white-space:nowrap}.snapshot-trend.placeholder{color:var(--md-text-muted)}.snapshot-trend.positive{color:#5a7a5a}.snapshot-trend.negative{color:#c0392b}.events-list-v2{display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-item-v2{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:12px;cursor:pointer;transition:background .15s ease}.event-item-v2:hover{background:#00000008}.event-date-v2{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--md-purple-subtle);border-radius:10px;flex-shrink:0}.event-day-v2{font-size:var(--font-size-xs);font-weight:600;color:var(--md-purple);text-transform:uppercase}.event-details-v2{flex:1;min-width:0}.event-title-v2{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-meta-v2{font-size:var(--font-size-xs);color:var(--md-text-muted)}@media(max-width:1024px){.dashboard-columns{grid-template-columns:1fr}.dashboard-column-right{order:-1}.quick-actions-v2{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.dashboard-columns{padding:0;gap:var(--spacing-md)}.quick-actions-v2{grid-template-columns:repeat(2,1fr)}.narrative-card{padding:var(--spacing-md);border-radius:16px}.card-header-v2{gap:var(--spacing-sm);flex-wrap:nowrap}.card-header-v2 .card-title-v2{white-space:nowrap}}.feedback-fab{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#5a7a6a;color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #00000026;z-index:100;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.feedback-fab:hover{background:#4a6a5a;transform:scale(1.08);box-shadow:0 6px 24px #0003}.announcement-modal{background:#fffcf7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(200,185,165,.2);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:announcementModalSlideUp .3s ease;box-shadow:0 24px 80px #2c252026,0 8px 24px #2c252014}@keyframes announcementModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.announcement-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.announcement-modal .modal-header-left{display:flex;align-items:center;gap:8px}.announcement-modal .modal-header-left svg{color:#5b9a9a}.announcement-modal .modal-header h2{font-size:20px;font-weight:600;color:#2c2520;margin:0}.announcement-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.announcement-modal .modal-close:hover{background:#e8e3da;color:#2c2520}.announcement-modal .modal-body{padding:20px}.announcement-modal .form-group{margin-bottom:16px}.announcement-modal .form-group label{display:block;font-size:13px;font-weight:500;color:#6b5e52;margin-bottom:6px}.announcement-modal .form-group input,.announcement-modal .form-group textarea,.announcement-modal .form-group select{width:100%;padding:12px 14px;font-size:15px;color:#2c2520;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.announcement-modal .form-group input:focus,.announcement-modal .form-group textarea:focus,.announcement-modal .form-group select:focus{background:#fffcf7;border-color:#5b9a9a}.announcement-modal .form-group input::placeholder,.announcement-modal .form-group textarea::placeholder{color:#8b7e74}.announcement-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.announcement-modal .attach-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;color:#8b7e74;background:#f5f0e8;border:1px dashed rgba(200,185,165,.4);border-radius:12px;cursor:pointer;transition:all .2s ease}.announcement-modal .attach-btn:hover{background:#fffcf7;border-color:#c8b9a599;color:#6b5e52}.announcement-modal .form-checkbox{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.announcement-modal .form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#5B9A9A;cursor:pointer}.announcement-modal .form-checkbox label{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b5e52;cursor:pointer}.announcement-modal .form-checkbox label svg{color:#d97706}.announcement-modal .form-checkbox .email-helper-text{margin:4px 0 0 26px;font-size:12px;line-height:1.4;color:#8b7e74;width:100%}.announcement-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.announcement-modal .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#6b5e52;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.announcement-modal .btn-secondary:hover{background:#f3eee5;border-color:#c8b9a566}.announcement-modal .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#5b9a9a;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.announcement-modal .btn-primary:hover:not(:disabled){background:#4a8585;transform:translateY(-1px)}.announcement-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.announcement-modal .image-preview-container{position:relative;display:inline-block}.announcement-modal .image-preview-thumb{width:100%;max-height:120px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.announcement-modal .image-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.announcement-modal .image-preview-remove:hover{background:#000c}.targeting-section{margin-top:16px;padding:16px;background:#f8f5ef;border-radius:14px;border:1px solid rgba(200,185,165,.15)}.targeting-label{display:block;font-size:13px;font-weight:600;color:#6b5e52;margin-bottom:10px}.targeting-modes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.targeting-mode-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:500;color:#6b5e52;background:#fffcf7;border:1px solid rgba(200,185,165,.3);border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:inherit}.targeting-mode-btn:hover{border-color:#c8b9a580}.targeting-mode-btn.active{color:#fff;background:#5b8a72;border-color:#5b8a72}.targeting-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.targeting-pill{padding:6px 14px;font-size:12px;font-weight:500;color:#6b5e52;background:#fffcf7;border:1px solid rgba(200,185,165,.3);border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:inherit}.targeting-pill:hover{border-color:#5b8a72}.targeting-pill.selected{color:#fff;background:#5b8a72;border-color:#5b8a72}.targeting-pill .pill-count{opacity:.7;font-size:11px}.targeting-empty{font-size:12px;color:#8b7e74;font-style:italic}.targeting-resident-picker{margin-bottom:8px}.targeting-search-wrapper{position:relative;margin-bottom:8px}.targeting-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8b7e74;pointer-events:none}.targeting-search{width:100%;padding:8px 10px 8px 30px;font-size:12px;color:#2c2520;background:#fffcf7;border:1px solid rgba(200,185,165,.3);border-radius:10px;font-family:inherit;outline:none;box-sizing:border-box}.targeting-search:focus{border-color:#5b8a72}.targeting-resident-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.targeting-resident-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.targeting-resident-row:hover{background:#5b8a720f}.targeting-resident-row input[type=checkbox]{width:16px;height:16px;accent-color:#5b8a72;cursor:pointer;flex-shrink:0}.targeting-resident-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b8a72,#4ade80);flex-shrink:0}.targeting-resident-info{display:flex;flex-direction:column;min-width:0}.targeting-resident-name{font-size:12px;font-weight:500;color:#2c2520}.targeting-resident-unit{font-size:11px;color:#8b7e74}.targeting-count{font-size:12px;font-weight:600;color:#5b8a72;margin-top:8px}.manager-messages{display:flex;height:calc(100vh - 140px);background:var(--md-card-bg);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--md-card-border)}.messages-list-panel{width:340px;min-width:300px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--md-card-border)}.messages-list-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)}.messages-list-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-heading);margin:0}.new-menu-wrapper{position:relative}.new-message-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:#fff;background:#5b8a72;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.new-message-btn:hover{background:#4a7660;transform:translateY(-1px)}.new-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:260px;background:#fff;border:1px solid rgba(200,185,165,.25);border-radius:14px;box-shadow:0 12px 40px #2c25201f;z-index:100;overflow:hidden}.new-menu-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid rgba(200,185,165,.1);cursor:pointer;text-align:left;transition:background .15s}.new-menu-item:last-child{border-bottom:none}.new-menu-item:hover{background:#5b8a720f}.new-menu-item svg{color:#5b8a72;flex-shrink:0;margin-top:2px}.new-menu-item div{display:flex;flex-direction:column;gap:2px}.new-menu-label{font-size:14px;font-weight:500;color:#2c2520}.new-menu-desc{font-size:12px;color:#8b7e74}.messages-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#00000005;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:#00000005}.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;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--md-text-muted)}.no-messages svg{margin-bottom:var(--spacing-md);opacity:.5}.message-item{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:14px 16px;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:#00000005}.message-item.selected{background:#82aaaa1a}.message-item.unread{background:#82aaaa0f}.message-item.unread:hover{background:#82aaaa1a}.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-icon-square{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:#fff;flex-shrink:0}.message-icon-square.targeted-icon{background:linear-gradient(135deg,#5b8a72,#4ade80)}.message-icon-square.blast-icon{background:linear-gradient(135deg,#d97706,#f59e0b)}.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:14px;font-weight:600;color:var(--md-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{font-size:12px;color:var(--md-text-muted);flex-shrink:0}.message-unit{font-size:12px;color:var(--md-text-muted)}.message-preview{font-size:13px;color:var(--md-text-secondary);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-name{color:var(--md-text-heading)}.message-item.unread .message-preview{color:var(--md-text-primary)}.unread-dot{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--md-accent-soft);border-radius:var(--radius-full)}.message-meta-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.target-pill{display:inline-flex;align-items:center;padding:2px 10px;font-size:11px;font-weight:500;color:#5b8a72;background:#5b8a721a;border-radius:10px}.target-pill.blast-pill{color:#d97706;background:#d977061a}.message-stats{font-size:11px;color:var(--md-text-muted)}.targeted-item:hover,.blast-item:hover{background:#5b8a720a}.messages-detail-panel{flex:1;display:flex;flex-direction:column;background:#faf8f5}.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:#fff;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:#fff;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:#00000005;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-meta-row{display:flex;align-items:center;gap:10px}.detail-time-label{font-size:12px;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:#00000005;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:#fff;border:1px solid var(--md-card-border);border-bottom-left-radius:var(--radius-xs)}.thread-message.sent .thread-bubble{background:#5b8a72;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}.empty-thread{display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-text-muted);font-size:var(--font-size-sm)}.thread-time-row{display:flex;align-items:center;gap:8px;margin-top:var(--spacing-xs)}.thread-message.sent .thread-time-row{justify-content:flex-end}.dm-read-status{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--md-text-muted)}.dm-read-status.read{color:#5b8a72}.dm-read-status svg{flex-shrink:0}.reply-box{padding:var(--spacing-md) var(--spacing-lg);background:#fff;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:#00000005;color:var(--md-text-secondary)}.action-btn.resolve{color:#5b8a72;border-color:#5b8a724d}.action-btn.resolve:hover{background:#5b8a721a}.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:#fff;border:1px solid var(--md-border-hover);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:#5b8a72;box-shadow:0 0 0 3px #5b8a721f}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#5b8a72;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:#4a7660;transform:scale(1.02);box-shadow:0 4px 12px #5b8a7240}.targeted-detail{display:flex;flex-direction:column;height:100%}.targeted-body-scroll{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl)}.targeted-message-card{background:#fff;border:1px solid rgba(200,185,165,.2);border-radius:16px;padding:20px 24px;margin-bottom:24px}.targeted-message-card p{margin:0;font-size:15px;line-height:1.6;color:#2c2520}.blast-image{width:100%;max-height:300px;object-fit:cover;border-radius:12px;margin-top:16px}.read-receipts-section{margin-top:8px}.read-receipts-section h4{font-size:14px;font-weight:600;color:#2c2520;margin:0 0 12px}.receipts-loading{font-size:13px;color:#8b7e74}.receipts-summary{font-size:13px;font-weight:600;color:#5b8a72;margin-bottom:12px}.receipts-list{display:flex;flex-wrap:wrap;gap:8px}.receipt-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;border-radius:20px}.receipt-pill.read{background:#eaf3de;color:#3b6d11}.receipt-pill.unread{background:#fcebeb;color:#a32d2d}.receipt-dot{width:8px;height:8px;border-radius:50%}.receipt-pill.read .receipt-dot{background:#3b6d11}.receipt-pill.unread .receipt-dot{background:#a32d2d}.compose-targeted-modal{background:#fffcf7;border:1px solid rgba(200,185,165,.2);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease;box-shadow:0 24px 80px #2c252026}.compose-targeted-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.compose-targeted-modal .modal-header h3{font-size:20px;font-weight:600;color:#2c2520;margin:0}.compose-targeted-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.compose-targeted-modal .modal-close:hover{background:#e8e3da;color:#2c2520}.compose-body{flex:1;overflow-y:auto;padding:20px}.compose-field{margin-bottom:16px}.compose-field label{display:block;font-size:13px;font-weight:500;color:#6b5e52;margin-bottom:6px}.compose-field input,.compose-field textarea{width:100%;padding:12px 14px;font-size:15px;color:#2c2520;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.compose-field input:focus,.compose-field textarea:focus{background:#fffcf7;border-color:#5b8a72}.compose-field input::placeholder,.compose-field textarea::placeholder{color:#8b7e74}.compose-targeting{margin-top:16px;padding:16px;background:#f8f5ef;border-radius:14px;border:1px solid rgba(200,185,165,.15)}.compose-targeting-label{display:block;font-size:13px;font-weight:600;color:#6b5e52;margin-bottom:10px}.compose-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.compose-footer .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#6b5e52;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.compose-footer .btn-secondary:hover{background:#f3eee5}.compose-footer .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#5b8a72;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.compose-footer .btn-primary:hover:not(:disabled){background:#4a7660;transform:translateY(-1px)}.compose-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.new-message-modal{background:#fffcf7;border:1px solid rgba(200,185,165,.2);border-radius:20px;box-shadow:0 8px 32px #7864461f;width:100%;max-width:480px;max-height:80vh;overflow:hidden;animation:modalSlideUp .3s ease}.new-message-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--md-border-subtle)}.new-message-modal .modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-heading);margin:0}.new-message-modal .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)}.new-message-modal .modal-close:hover{background:#00000008;color:var(--md-text-primary)}.new-message-modal .modal-body{padding:var(--spacing-lg)}.resident-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f5f0e8;border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.resident-search svg{color:var(--md-text-muted);flex-shrink:0}.resident-search input{flex:1;background:transparent;border:none;font-size:var(--font-size-base);color:var(--md-text-primary);outline:none}.resident-search input::placeholder{color:var(--md-text-muted)}.resident-list{max-height:400px;overflow-y:auto}.no-residents{padding:var(--spacing-xl);text-align:center;color:var(--md-text-muted)}.resident-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.resident-item:hover{background:#5b8a720f}.resident-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5b8a72,#4ade80);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:#fff;flex-shrink:0}.resident-info{display:flex;flex-direction:column;gap:2px}.resident-name{font-size:var(--font-size-base);font-weight:500;color:var(--md-text-primary)}.resident-unit{font-size:var(--font-size-sm);color:var(--md-text-muted)}.messages-loading,.messages-error{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--md-text-muted)}.messages-error{color:#ef4444}@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);max-width:100%;box-sizing:border-box;overflow-x:hidden}.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:#00000005;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:var(--md-card-bg);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:var(--md-card-bg);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:#fff;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:var(--md-card-bg);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:#00000008;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:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 24px #7864461a,0 4px 12px #7864460f}.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:#00000005;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);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.residents-filters::-webkit-scrollbar{display:none}.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);white-space:nowrap;flex-shrink:0;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:#00000005}.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:#00000005;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);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.joined,.resident-avatar.active{background:linear-gradient(135deg,var(--md-green),var(--md-accent-soft))}.resident-avatar.sent,.resident-avatar.pending{background:linear-gradient(135deg,var(--md-yellow),#f59e0b)}.resident-avatar.not_invited{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.resident-avatar.failed{background:linear-gradient(135deg,#ef4444,#f87171)}.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:#00000005;color:var(--md-text-primary)}.resident-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 24px #7864461a,0 4px 12px #7864460f}.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:#00000005;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-joined,.resident-status.status-active{color:var(--md-green);background:#34d39926}.resident-status.status-invited{color:#d97706;background:#fbbf2426}.resident-status.status-pending{color:var(--md-yellow);background:#fbbf2426}.resident-status.status-not-invited{color:#6b7280;background:#9ca3af26}.resident-status.status-failed{color:#ef4444;background:#f8717126}.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}.invite-modal{background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #7864461f,0 8px 24px #7864460f}.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:#fff;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:#fff;box-shadow:0 0 0 3px #82aaaa1f}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--md-border-subtle)}.resident-header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.btn-send-invite{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--md-accent);background:#82aaaa1a;border:1px solid rgba(130,170,170,.25);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-send-invite:hover:not(:disabled){background:var(--md-accent);color:#fff;border-color:var(--md-accent)}.btn-send-invite:disabled{opacity:.6;cursor:not-allowed}.add-modal-tabs{display:flex;border-bottom:1px solid var(--md-border-subtle);padding:0 var(--spacing-lg)}.add-modal-tab{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-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-base);margin-bottom:-1px}.add-modal-tab:hover{color:var(--md-text-primary)}.add-modal-tab.active{color:var(--md-accent);border-bottom-color:var(--md-accent)}.add-modal{max-width:640px}@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}.residents-search-row{flex-direction:column;gap:var(--spacing-sm)}.floor-filter{width:100%}.sort-dropdown-wrapper{width:100%;align-self:stretch}.residents-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.residents-filters::-webkit-scrollbar{display:none}.resident-card{padding:var(--spacing-md)}}.manager-ai-assistant{display:flex;height:calc(100vh - 140px);background:#faf8f5;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--md-card-border);box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608;position:relative;z-index:2}.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:#00000005;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-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ai-history-header h3{margin:0}.new-chat-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#82aaaa1f;border:1px solid var(--md-card-border);border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.new-chat-btn:hover{background:var(--md-accent);border-color:var(--md-accent);color:#fff}.conversation-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#00000005;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.conversation-item:hover{background:#82aaaa1a;border-color:var(--md-card-border)}.conversation-item.active{background:#82aaaa26;border-color:var(--md-accent)}.conversation-item-content{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1;min-width:0}.conversation-title{font-size:var(--font-size-sm);color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.conversation-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--md-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-base);flex-shrink:0;margin-left:var(--spacing-xs)}.conversation-item:hover .conversation-delete-btn{opacity:1}.conversation-delete-btn:hover{background:#ef44441a;color:var(--md-red)}.ai-chat-area{flex:1;display:flex;flex-direction:column;background:var(--md-bg-base)}.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,#82aaaa14,#5b9a9a0f);border:1px solid rgba(91,154,154,.15);border-radius:var(--radius-xl);max-width:100%;box-sizing:border-box}.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{min-width:0;flex:1}.welcome-content p{font-size:var(--font-size-sm);color:var(--md-text-secondary);margin:0;line-height:1.5;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.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;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.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 #7864460f}.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:var(--md-card-bg);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:#00000005;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;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ai-sidebar::-webkit-scrollbar{display:none}.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;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ai-quick-actions::-webkit-scrollbar{display:none}.ai-quick-actions h3{display:none}.suggestion-chips{flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-sm)}.suggestion-chip{white-space:nowrap;flex-shrink:0}.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;padding:var(--spacing-md)}.welcome-content h3{font-size:var(--font-size-md)}.welcome-content p{font-size:var(--font-size-xs);line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.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:#00000005;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:#00000005;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);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:16px;transition:all var(--transition-base);position:relative;box-shadow:var(--md-card-shadow)}.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:#00000005;color:var(--md-text-primary)}.post-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f;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:#00000005;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-row{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.post-content-row .post-content{flex:1;min-width:0}.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}.manager-post-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,0,0,.06);flex-shrink:0}.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:#00000008;color:var(--md-text-secondary)}.action-btn.liked{color:#ef4444}.action-btn.liked:hover{background:#ef44441a}.action-btn.active{color:var(--md-accent)}.comments-section{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--md-border-subtle)}.comments-loading{padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-text-muted);text-align:center}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);max-height:300px;overflow-y:auto}.comment-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.comment-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:#5b9a9a1f;color:var(--md-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.comment-author{font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-primary)}.comment-unit,.comment-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.comment-text{font-size:var(--font-size-sm);color:var(--md-text-primary);line-height:1.4;margin:0}.comment-input-row{display:flex;align-items:center;gap:var(--spacing-xs)}.comment-input-row input{flex:1;padding:8px 12px;font-size:var(--font-size-sm);border:1px solid var(--md-border);border-radius:var(--radius-lg);background:var(--md-bg-base);color:var(--md-text-primary);outline:none;transition:border-color var(--transition-base)}.comment-input-row input:focus{border-color:var(--md-accent)}.comment-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--md-accent);color:#fff;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.comment-send-btn:hover:not(:disabled){transform:scale(1.05)}.comment-send-btn:disabled{opacity:.4;cursor:not-allowed}.manager-community .modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.announcement-modal,.post-modal{background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);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 #78644626}@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:#0000000a;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:#fff;border:1px solid rgba(139,115,85,.08);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:#fff;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:#fff;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:#00000005;border:1px dashed var(--md-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.attach-btn:hover{background:#00000008;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:#00000005}.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)}}.edit-post-inline{display:flex;flex-direction:column;gap:8px}.edit-post-inline textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px;color:var(--text-primary, #fff);font-size:.9rem;resize:vertical;font-family:inherit}.edit-post-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{padding:6px 12px!important;font-size:.8rem!important;display:flex;align-items:center;gap:4px}.poll-question-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid #e8e4dc;border-radius:10px;background:#faf8f5;color:#2c2c2c;outline:none;margin-bottom:12px;box-sizing:border-box}.poll-question-input:focus{border-color:#5b8a72}.poll-options-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.poll-option-input-row{display:flex;align-items:center;gap:8px}.poll-option-input-row input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #e8e4dc;border-radius:8px;background:#fff;color:#2c2c2c;outline:none}.poll-option-input-row input:focus{border-color:#5b8a72}.poll-remove-option{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:#f3eee5;border-radius:6px;color:#8a8475;cursor:pointer;flex-shrink:0}.poll-remove-option:hover{background:#e8e4dc;color:#a32d2d}.poll-add-option{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:#5b8a72;background:transparent;border:1px dashed #5b8a72;border-radius:8px;cursor:pointer;transition:background .15s ease}.poll-add-option:hover{background:#f0f7f3}.poll-toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b6560;cursor:pointer}.poll-toggle-row input[type=checkbox]{accent-color:#5b8a72;width:16px;height:16px}.manager-calendar{padding:var(--spacing-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.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)}.sync-calendar-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:500;color:var(--md-text-primary);background:var(--md-bg-secondary);border:1px solid var(--md-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.sync-calendar-btn:hover{background:var(--md-bg-hover);transform:translateY(-2px)}.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-lg)}.event-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.event-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--md-card-border);margin-bottom:var(--spacing-xs)}.event-group-title{font-size:var(--font-size-md);font-weight:700;color:var(--md-accent-soft);margin:0;text-transform:uppercase;letter-spacing:.05em}.event-group-count{font-size:var(--font-size-xs);color:var(--md-text-muted)}.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);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base);overflow:hidden;box-shadow:0 2px 8px #7864460f}.event-card:hover{background:var(--md-card-bg);border-color:#0000001a;box-shadow:0 4px 12px #7864461a}.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:flex-start;gap:var(--spacing-sm);flex-shrink:0;margin-left:auto}.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:#0000000a;color:var(--md-text-secondary)}.event-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.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:#0000000a;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);align-items:flex-start}.event-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0;background:#3b82f61a}.event-icon svg{color:#3b82f6}.event-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-details-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap}.event-title{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0}.event-datetime{font-size:var(--font-size-sm);color:#666;font-weight:500}.event-location-text{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#666}.event-location-text svg{color:#5b9a9a;flex-shrink:0}.event-description{font-size:var(--font-size-sm);color:#888;line-height:1.5;margin:var(--spacing-xs) 0 0 0}.event-rsvps{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#666;margin-top:var(--spacing-xs)}.event-rsvps svg{color:#5b9a9a}.event-card.past-event{opacity:.7}.event-card.past-event .event-title{color:#888}.event-card.past-event .event-card-accent{opacity:.5}.event-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.event-time,.event-location{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{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:#00000005;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:#0000000a;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:var(--md-card-bg);transition:all var(--transition-base)}.day-cell.empty{background:var(--md-bg-base)}.day-cell.has-events{cursor:pointer}.day-cell:hover:not(.empty){background:#00000005}.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}.modal-content{width:100%;max-width:500px;max-height:90vh;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #7864461f}.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:var(--md-bg-base);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}.calendar-filters{padding-right:var(--spacing-lg);position:relative}.sync-calendar-btn span,.create-event-btn span{display:none}.sync-calendar-btn,.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);max-width:100%;box-sizing:border-box;overflow-x:hidden}.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);white-space:nowrap;max-width:100%;box-sizing:border-box}.log-package-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a40}.packages-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}.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:#00000008}.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:#0000000a;color:var(--md-text-primary)}.sort-menu{position:absolute;top:100%;right:0;min-width:160px;margin-top:var(--spacing-xs);background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.12);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.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:#0000000a;color:var(--md-text-primary)}.sort-menu button.active{background:#82aaaa1f;color:var(--md-accent-soft)}.packages-list{display:flex;flex-direction:column;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);overflow:hidden}.package-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;gap:var(--spacing-sm);padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--md-text-muted);background:#00000005;border-bottom:1px solid var(--md-card-border)}.package-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;gap:var(--spacing-sm);align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-border-subtle);transition:background var(--transition-base)}.package-row:last-child{border-bottom:none}.package-row:hover{background:#00000005}.package-row.overdue{background:#ef44440a}.package-row.critical{background:#ef444414}.package-row.picked_up{opacity:.6}.package-row .col-resident{display:flex;flex-direction:column;gap:1px;min-width:0}.package-row .resident-name{font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.package-row .resident-unit{font-size:var(--font-size-xs);color:var(--md-text-muted)}.package-row .col-carrier{display:flex;align-items:center;gap:var(--spacing-xs)}.package-row .carrier-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.qty-badge{font-size:11px;font-weight:600;color:var(--md-text-muted)}.package-row .col-time{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);color:var(--md-text-secondary)}.overdue-tag{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;color:var(--md-red)}.overdue-tag.critical{color:var(--md-red)}.package-row .col-status{display:flex;align-items:center}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full)}.status-pill.pending{background:#fbbf2426;color:#b45309}.status-pill.picked_up{background:#10b98126;color:var(--md-green)}.package-row .col-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}.row-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.row-action-btn:hover{background:#0000000d;color:var(--md-text-primary)}.row-action-btn.primary{color:var(--md-accent)}.row-action-btn.primary:hover{background:#5b9a9a1a}.no-packages{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-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:#0000000a;color:var(--md-text-secondary)}.package-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.12);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.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:#0000000a;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:#00000005;border:1px solid rgba(139,115,85,.08);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:#0000000a;color:var(--md-text-primary)}.modal-content{width:100%;max-width:480px;max-height:90vh;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.12);border-radius:var(--radius-xl);box-shadow:0 8px 32px #7864461f;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(min-width:1025px){.packages-stats{grid-template-columns:repeat(4,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 .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)}.log-package-btn{max-width:100%;box-sizing:border-box}.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}.package-list-header{display:none}.package-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-xs);padding:var(--spacing-md)}.package-row .col-resident{grid-column:1}.package-row .col-actions{grid-column:2;grid-row:1}.package-row .col-carrier{grid-column:1;grid-row:2}.package-row .col-time{grid-column:2;grid-row:2}.package-row .col-status{display:none}.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);padding:var(--spacing-sm);min-width:0;overflow:hidden}.packages-stats .stat-value{font-size:var(--font-size-md)}.packages-stats .stat-label{font-size:var(--font-size-xs)}.package-actions{flex-direction:column}.action-btn{width:100%}}.manager-elevator{padding:var(--spacing-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.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:#00000005}.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);white-space:nowrap;max-width:100%;box-sizing:border-box;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(2,1fr);gap:12px;margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}.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:#00000008}.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;flex-shrink:0}.filter-chip:hover{background:#0000000a;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-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-secondary);text-transform:uppercase;letter-spacing:.05em}.booking-section-header.upcoming{color:var(--md-accent)}.booking-section-header.past{color:var(--md-text-muted);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--md-border)}.booking-section-header .section-count{font-size:var(--font-size-xs);background:#0000000f;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.booking-card.past-booking{opacity:.7}.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:#00000008}.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:#0000000a;color:var(--md-text-secondary)}.booking-menu-dropdown{position:absolute;top:100%;right:0;min-width:200px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.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:#0000000a;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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:#00000005;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:#0000000a;color:var(--md-text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-sm)}.calendar-day{background:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:#0000000a}.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}.modal-content{width:100%;max-width:500px;max-height:90vh;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-xl);box-shadow:0 8px 32px #7864461f;display:flex;flex-direction:column;overflow:hidden}.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(min-width:1025px){.elevator-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.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 .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);padding:var(--spacing-sm);min-width:0;overflow:hidden}.elevator-stats .stat-value{font-size:var(--font-size-md)}.elevator-stats .stat-label{font-size:var(--font-size-xs)}.booking-actions{flex-direction:column}.booking-actions .action-btn{width:100%}}.manager-bulletin{padding:var(--spacing-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.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);white-space:nowrap;max-width:100%;box-sizing:border-box}.create-listing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.bulletin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}.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:#00000008}.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)}.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:#0000000a;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:#00000008;transform:translateY(-4px);box-shadow:0 8px 24px #7864461a}.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:var(--md-card-bg);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 6px #78644614}.listing-menu-btn:hover{background:var(--md-card-bg);border-color:#8b735540;box-shadow:0 2px 8px #7864461f}.listing-menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;margin-top:var(--spacing-xs);background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.12);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.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:#0000000a;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:#0006;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:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.12);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #7864461f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--md-card-border)}.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:#0000000a;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 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:#fff;border:1px solid rgba(139,115,85,.15);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-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:#fff;border:1px solid rgba(139,115,85,.15);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(min-width:1025px){.bulletin-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.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;max-width:100%;box-sizing:border-box}.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);padding:var(--spacing-sm);min-width:0;overflow:hidden}.bulletin-stats .stat-value{font-size:var(--font-size-md)}.bulletin-stats .stat-label{font-size:var(--font-size-xs)}.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:#00000005}.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:#00000008;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:#0000000a;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:var(--md-card-border-hover)}.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:#0000000a;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:#00000005;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:#0000000a;color:var(--md-text-primary)}.faq-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-card-border);border-radius:8px;min-width:180px;padding:.5rem;z-index:100;box-shadow:0 10px 40px #7864461f}.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:#00000008;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:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-card-border);border-radius:16px;box-shadow:0 10px 40px #7864461f;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)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--md-purple);background:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--md-text-secondary)}.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{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{background:#0000000a;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-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}.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}.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}}.faq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;color:var(--md-text-secondary)}.faq-loading .spin{animation:spin 1s linear infinite}.faq-wizard{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;max-width:600px;margin:0 auto}.wizard-header{text-align:center;margin-bottom:2.5rem}.wizard-header svg{color:var(--md-accent);margin-bottom:1.5rem}.wizard-header h2{font-size:1.75rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .75rem}.wizard-header p{font-size:1rem;color:var(--md-text-secondary);margin:0;max-width:400px}.wizard-options{display:flex;flex-direction:column;gap:1rem;width:100%}.wizard-option{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px;cursor:pointer;transition:all var(--transition-base);text-align:left}.wizard-option:hover{border-color:var(--md-accent);background:#ffffff0d;transform:translateY(-2px)}.wizard-option.skip-option{opacity:.7}.wizard-option.skip-option:hover{opacity:1;border-color:var(--md-card-border)}.option-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#5b9a9a26;border-radius:12px;flex-shrink:0}.option-icon svg{color:var(--md-accent)}.skip-option .option-icon{background:#ffffff14}.skip-option .option-icon svg{color:var(--md-text-secondary)}.option-content h3{font-size:1.125rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .375rem}.option-content p{font-size:.875rem;color:var(--md-text-secondary);margin:0}.wizard-option>svg:last-child{color:var(--md-text-secondary);flex-shrink:0}.faq-import{display:flex;flex-direction:column;height:100%;max-width:700px;margin:0 auto}.import-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.import-header h2{font-size:1.5rem;font-weight:600;color:var(--md-text-primary);margin:0}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--md-card-border);border-radius:8px;color:var(--md-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.back-btn:hover{background:#ffffff0d;color:var(--md-text-primary)}.import-content{flex:1}.paste-section label{display:block;font-size:.875rem;font-weight:500;color:var(--md-text-secondary);margin-bottom:.75rem}.paste-section textarea{width:100%;padding:1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px;color:var(--md-text-primary);font-size:.875rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:300px;transition:all var(--transition-base)}.paste-section textarea:focus{outline:none;border-color:var(--md-accent);background:#ffffff0d}.paste-section textarea::placeholder{color:var(--md-text-secondary);opacity:.7}.paste-hint{font-size:.8125rem;color:var(--md-text-secondary);margin-top:.75rem}.upload-section{display:flex;justify-content:center}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;padding:3rem 2rem;background:var(--md-card-bg);border:2px dashed var(--md-card-border);border-radius:16px;cursor:pointer;transition:all var(--transition-base)}.upload-dropzone:hover{border-color:var(--md-accent);background:#5b9a9a0d}.upload-dropzone svg{color:var(--md-text-secondary);margin-bottom:1rem}.upload-dropzone p{font-size:.9375rem;color:var(--md-text-primary);margin:0 0 .5rem}.upload-dropzone .file-name{font-weight:600;color:var(--md-accent)}.upload-dropzone .file-size,.upload-hint{font-size:.8125rem;color:var(--md-text-secondary)}.extract-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-top:1.5rem}.extract-error svg{color:#ef4444;flex-shrink:0;margin-top:2px}.extract-error span{font-size:.875rem;color:#fca5a5;line-height:1.5}.import-footer{display:flex;justify-content:flex-end;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--md-card-border)}.generate-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:2px solid var(--md-accent);border-radius:10px;color:#1a1a1a;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #5b9a9a59}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn .spin{animation:spin 1s linear infinite}.faq-review{display:flex;flex-direction:column;height:100%}.review-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.review-title{display:flex;align-items:baseline;gap:1rem}.review-title h2{font-size:1.5rem;font-weight:600;color:var(--md-text-primary);margin:0}.review-title .item-count{font-size:.875rem;color:var(--md-text-secondary);background:#ffffff1a;padding:.25rem .75rem;border-radius:12px}.review-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.no-items{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-items svg{color:var(--md-text-secondary);opacity:.5;margin-bottom:1rem}.no-items p{font-size:.9375rem;color:var(--md-text-secondary);margin:0}.review-item{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:12px;overflow:hidden}.review-item-header{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#ffffff08;border-bottom:1px solid var(--md-card-border)}.item-number{font-size:.8125rem;font-weight:600;color:var(--md-accent);min-width:28px}.review-item-header 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;flex:1;max-width:200px}.review-item-header select:focus{outline:none;border-color:var(--md-accent)}.visibility-toggle{display:flex;align-items:center;gap:.375rem;cursor:pointer;padding:.375rem .5rem;border-radius:6px;transition:all var(--transition-base)}.visibility-toggle:hover{background:#ffffff14}.visibility-toggle input{width:16px;height:16px;cursor:pointer}.visibility-toggle svg{color:var(--md-text-secondary)}.visibility-toggle:has(input:checked) svg{color:var(--md-green)}.delete-item-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)}.delete-item-btn:hover{background:#ef444426;color:#ef4444}.review-item-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.review-item-body .form-group{margin-bottom:0}.review-item-body .form-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.review-item-body .form-group input,.review-item-body .form-group textarea{font-size:.875rem;padding:.625rem .875rem}.review-item-body .form-group textarea{min-height:80px}.review-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--md-card-border)}.cancel-btn{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)}.cancel-btn:hover{background:#ffffff1a;color:var(--md-text-primary)}.publish-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--md-green);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.publish-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.publish-btn:disabled{opacity:.5;cursor:not-allowed}.reimport-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--md-card-border);border-radius:8px;color:var(--md-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.reimport-btn:hover{background:#ffffff0d;border-color:var(--md-accent);color:var(--md-accent)}.no-faqs-actions{display:flex;gap:.75rem}.import-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;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)}.import-btn:hover{background:#ffffff0d;border-color:var(--md-accent);color:var(--md-accent)}@media(max-width:768px){.wizard-header h2{font-size:1.5rem}.wizard-option{padding:1.25rem;gap:1rem}.option-icon{width:52px;height:52px}.option-icon svg{width:24px;height:24px}.option-content h3{font-size:1rem}.import-header,.review-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-title{flex-direction:column;gap:.5rem}.review-item-header{flex-wrap:wrap;gap:.5rem}.review-item-header select{max-width:none;flex:1 1 auto}.review-footer{flex-direction:column-reverse}.review-footer button{width:100%;justify-content:center}.no-faqs-actions{flex-direction:column;width:100%}.no-faqs-actions button{width:100%;justify-content:center}}.import-modal{max-width:640px}.import-modal-tabs{display:flex;border-bottom:1px solid var(--md-card-border)}.import-modal-tab{display:flex;align-items:center;gap:.5rem;flex:1;padding:.875rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--md-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);justify-content:center}.import-modal-tab:hover{color:var(--md-text-primary);background:#00000005}.import-modal-tab.active{color:var(--md-accent);border-bottom-color:var(--md-accent)}.import-modal .paste-section textarea{width:100%;padding:1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:10px;color:var(--md-text-primary);font-size:.875rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:240px;transition:all var(--transition-base)}.import-modal .paste-section textarea:focus{outline:none;border-color:var(--md-accent);background:#fff}.import-modal .paste-section textarea::placeholder{color:var(--md-text-secondary);opacity:.7}.import-modal .upload-section{display:flex;justify-content:center;padding:1rem 0}.import-modal .upload-dropzone{width:100%;max-width:100%;padding:2.5rem 1.5rem}.import-modal .extract-error{margin-top:1rem}.import-modal .extract-error span{color:#ef4444}.import-modal .generate-btn{padding:.75rem 1.25rem;font-size:.875rem}.review-summary{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:10px}.select-all-toggle{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--md-card-border);border-radius:6px;color:var(--md-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.select-all-toggle:hover{background:#00000008;color:var(--md-text-primary)}.selected-count{font-size:.8125rem;color:var(--md-text-secondary)}.review-item-checkbox{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--md-accent);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.review-item-checkbox:hover{background:#5b9a9a1a}.review-item-deselected{opacity:.5}.bulk-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--md-card-border);border-radius:8px;color:var(--md-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.bulk-mode-btn:hover{background:#00000008;color:var(--md-text-primary)}.bulk-mode-btn.active{background:#5b9a9a1a;border-color:var(--md-accent);color:var(--md-accent)}.bulk-action-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--md-accent);border-radius:10px;color:#fff}.bulk-count{font-size:.875rem;font-weight:600;white-space:nowrap}.bulk-actions{display:flex;align-items:center;gap:.5rem;flex:1}.bulk-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.bulk-btn:hover{background:#ffffff4d}.bulk-btn-danger{background:#ef444499}.bulk-btn-danger:hover{background:#ef4444cc}.bulk-select-all{padding:.5rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.bulk-select-all:hover{background:#ffffff26}.bulk-checkbox{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--md-accent);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.bulk-checkbox:hover{background:#5b9a9a1a}.faq-item.bulk-selected{border-color:var(--md-accent);background:#5b9a9a0d}@media(max-width:768px){.bulk-action-bar{flex-wrap:wrap;gap:.5rem}.bulk-actions{flex-wrap:wrap}.bulk-mode-btn span{display:none}}@media(max-width:480px){.import-modal-tab{font-size:.8125rem;padding:.75rem .5rem}.review-summary{flex-direction:column;align-items:flex-start;gap:.5rem}}.manager-documents{padding:var(--spacing-lg)}.documents-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--spacing-md);color:var(--md-text-muted)}.documents-loading .spin{animation:spin 1s linear infinite}.documents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.documents-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.documents-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.upload-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)}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.documents-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.documents-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)}.documents-stats .stat-card:hover{background:#00000005}.documents-stats .stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.documents-stats .stat-blue .stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.documents-stats .stat-green .stat-icon{background:#10b98126;color:var(--md-green)}.documents-stats .stat-yellow .stat-icon{background:#f59e0b26;color:#f59e0b}.documents-stats .stat-purple .stat-icon{background:#8b5cf626;color:var(--md-purple)}.documents-stats .stat-content{display:flex;flex-direction:column}.documents-stats .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary)}.documents-stats .stat-label{font-size:var(--font-size-sm);color:var(--md-text-muted)}.documents-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;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-wrapper{position:relative}.filter-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover,.filter-btn.active{border-color:var(--md-accent-soft);color:var(--md-text-primary)}.filter-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 10px 40px #7864461f}.filter-menu button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-base)}.filter-menu button:hover{background:#00000008;color:var(--md-text-primary)}.filter-menu button.active{background:#82aaaa26;color:var(--md-accent-soft)}.documents-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.documents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--md-text-muted)}.documents-empty svg{margin-bottom:var(--spacing-md);opacity:.4}.documents-empty h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.documents-empty p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0}.empty-upload-btn{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-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-base)}.empty-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.document-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.group-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.group-count{font-size:var(--font-size-sm);color:var(--md-text-muted)}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-row{display:flex;align-items:center;gap:var(--spacing-md);padding: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)}.document-row:hover{background:#00000005;border-color:var(--md-card-border-hover)}.document-row.hidden-doc{opacity:.6}.document-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#82aaaa1f;border-radius:var(--radius-lg);color:var(--md-accent-soft);flex-shrink:0}.document-info{flex:1;min-width:0}.document-title{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.document-meta .type-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:#fff}.document-meta .document-size,.document-meta .document-date{font-size:var(--font-size-xs);color:var(--md-text-muted)}.document-meta .hidden-badge{padding:2px 8px;background:#f59e0b26;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:#f59e0b}.document-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{background:#00000008;border-color:var(--md-card-border);color:var(--md-text-primary)}.action-btn.view:hover{color:var(--md-accent-soft)}.action-btn.download:hover,.action-btn.visibility.visible{color:var(--md-green)}.action-btn.visibility.hidden{color:#f59e0b}.more-actions{position:relative}.actions-backdrop{position:fixed;inset:0;z-index:99}.actions-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 10px 40px #7864461f}.actions-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.actions-menu button:hover{background:#00000008;color:var(--md-text-primary)}.actions-menu button.delete{color:#ef4444}.actions-menu button.delete:hover{background:#ef44441a}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{width:100%;max-width:500px;max-height:90vh;background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #7864461f}.modal-content.view-modal{max-width:900px;height:80vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 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:32px;height:32px;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:#00000008;color:var(--md-text-primary)}.view-modal-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.view-modal-actions .download-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--md-accent);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-base)}.view-modal-actions .download-btn:hover{background:var(--md-accent-hover)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-body.pdf-viewer{padding:0}.modal-body.pdf-viewer iframe{border:none;background:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) 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 select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus{border-color:var(--md-accent-soft);box-shadow:0 0 0 3px #82aaaa1f}.form-group.visibility-toggle{display:flex;align-items:center;justify-content:space-between}.toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--md-text-muted);cursor:pointer;transition:all var(--transition-base)}.toggle-btn.active{border-color:var(--md-green);color:var(--md-green)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--md-bg-base);border:2px dashed rgba(139,115,85,.15);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-lg)}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--md-accent-soft);background:#82aaaa14}.upload-dropzone svg{color:var(--md-text-muted);margin-bottom:var(--spacing-sm)}.upload-dropzone p{font-size:var(--font-size-sm);color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.upload-dropzone span{font-size:var(--font-size-xs);color:var(--md-text-muted)}.upload-dropzone.has-file{border-style:solid;border-color:var(--md-green);background:#10b98114}.selected-file{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative;width:100%}.selected-file svg{color:var(--md-green)}.selected-file .file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file .file-size{font-size:var(--font-size-xs);color:var(--md-text-muted)}.selected-file .remove-file{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all var(--transition-base)}.selected-file .remove-file:hover{background:#dc2626}.upload-progress{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.progress-bar{flex:1;height:6px;background:var(--md-card-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--md-accent);border-radius:var(--radius-full);transition:width .3s ease}.upload-progress span{font-size:var(--font-size-sm);font-weight:600;color:var(--md-accent-soft);min-width:40px;text-align:right}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md) 0}.delete-warning svg{color:#ef4444;margin-bottom:var(--spacing-md)}.delete-warning p{font-size:var(--font-size-base);color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.delete-warning span{font-size:var(--font-size-sm);color:var(--md-text-muted)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--md-accent);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--md-accent-hover)}.btn-primary .spin{animation:spin 1s linear infinite}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--md-card-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:var(--md-card-border-hover);color:var(--md-text-primary)}.btn-danger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ef4444;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#dc2626}.toast-notification{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-bg-secondary);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--md-text-primary);box-shadow:0 10px 40px #0000004d;z-index:2000;animation:slideIn .3s ease}.toast-notification.success svg{color:var(--md-green)}.toast-notification.error svg{color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.documents-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.manager-documents{padding:var(--spacing-md)}.documents-header{flex-direction:column;align-items:stretch}.upload-btn{width:100%;justify-content:center}.documents-stats{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.documents-stats .stat-card{padding:var(--spacing-sm) var(--spacing-md)}.documents-stats .stat-icon{width:36px;height:36px}.documents-toolbar{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.document-row{flex-wrap:wrap}.document-info{flex:1 1 100%;order:2;margin-top:var(--spacing-sm)}.document-icon{order:1}.document-actions{order:1;margin-left:auto}.modal-content{margin:var(--spacing-md);max-height:calc(100vh - 32px)}.modal-content.view-modal{height:calc(100vh - 32px)}}@media(max-width:480px){.documents-stats{grid-template-columns:1fr}.document-meta{flex-direction:column;align-items:flex-start;gap:4px}}.manager-maintenance{padding:var(--spacing-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.mm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.mm-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.mm-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.mm-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}@media(min-width:900px){.mm-stats{grid-template-columns:repeat(4,1fr)}}.mm-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)}.mm-stat-card:hover{background:#00000008}.mm-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.mm-stat-yellow .mm-stat-icon{background:#f59e0b26;color:#f59e0b}.mm-stat-blue .mm-stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.mm-stat-green .mm-stat-icon{background:#10b98126;color:#10b981}.mm-stat-red .mm-stat-icon{background:#ef444426;color:#ef4444}.mm-stat-content{display:flex;flex-direction:column}.mm-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary);line-height:1.2}.mm-stat-label{font-size:var(--font-size-xs);color:var(--md-text-muted);margin-top:2px}.mm-toolbar{margin-bottom:var(--spacing-lg)}.mm-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);color:var(--md-text-muted)}.mm-search input{flex:1;border:none;background:none;font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none;font-family:inherit}.mm-search input::placeholder{color:var(--md-text-muted)}.mm-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.mm-filter-tab{padding:var(--spacing-xs) 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}.mm-filter-tab:hover{background:#0000000a;color:var(--md-text-primary)}.mm-filter-tab.active{background:var(--md-accent);color:#fff;border-color:var(--md-accent)}.mm-request-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--md-text-muted)}.mm-empty svg{opacity:.4;margin-bottom:var(--spacing-md)}.mm-empty h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.mm-empty p{font-size:var(--font-size-sm);margin:0}.mm-request-card{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)}.mm-request-card:hover{box-shadow:0 4px 16px #0000000f}.mm-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.mm-card-badges{display:flex;align-items:center;gap:var(--spacing-sm)}.mm-status-badge{display:inline-flex;padding:3px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.mm-urgency-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600}.mm-card-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.mm-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.mm-card-desc{font-size:var(--font-size-sm);color:var(--md-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.mm-card-photo{width:100%;max-height:250px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);display:block}.mm-card-meta{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--md-card-border)}.mm-card-resident{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-secondary)}.mm-card-unit{color:var(--md-text-muted);margin-left:var(--spacing-xs)}.mm-card-actions{display:flex;justify-content:flex-end}.mm-status-dropdown-wrapper{position:relative}.mm-status-dropdown-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-accent);background:#5b9a9a14;border:1px solid rgba(91,154,154,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.mm-status-dropdown-btn:hover{background:#5b9a9a26}.mm-status-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:4px;min-width:160px;z-index:50;box-shadow:0 8px 24px #0000001f}.mm-status-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:8px 12px;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.mm-status-option:hover:not(:disabled){background:#0000000a}.mm-status-option:disabled{opacity:.4;cursor:not-allowed}.mm-status-option.current{font-weight:600}.mm-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mm-toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;background:var(--md-text-primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);z-index:300;animation:mmToastIn .3s ease;box-shadow:0 8px 24px #00000026}@keyframes mmToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mm-backdrop{position:fixed;inset:0;z-index:40}.manager-amenities{padding:var(--spacing-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.amenity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.amenity-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.amenity-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.amenity-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.amenity-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:4px;width:fit-content}.amenity-tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.amenity-tab:hover{color:var(--md-text-secondary);background:#00000005}.amenity-tab.active{background:var(--md-accent);color:#fff}.amenity-add-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);white-space:nowrap;font-weight:600;color:#fff;background:var(--md-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.amenity-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b9a9a4d}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.room-card{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--md-card-shadow, 0 2px 8px rgba(0, 0, 0, .04))}.room-card:hover{border-color:var(--md-card-border-hover, rgba(91, 154, 154, .2));transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.room-card.inactive{opacity:.55}.room-card-image{height:140px;background:linear-gradient(135deg,#e8d5b7,#c8a87a,#b8956a);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;color:#ffffff80}.room-card-image.has-photo{color:transparent}.room-card-inactive-badge{position:absolute;top:10px;left:10px;padding:4px 10px;font-size:11px;font-weight:600;color:#6b7280;background:#ffffffe6;border-radius:var(--radius-full)}.room-card-menu-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.room-card-menu-btn:hover{background:#fff}.room-card-body{padding:var(--spacing-lg)}.room-card-name{font-size:var(--font-size-lg);font-weight:700;color:var(--md-text-primary);margin-bottom:4px}.room-card-desc{font-size:var(--font-size-sm);color:var(--md-text-muted);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.room-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);background:#0000000a;color:var(--md-text-secondary)}.room-badge.capacity{background:#5b9a9a1a;color:var(--md-accent)}.room-badge.hours{background:#8b5cf61a;color:var(--md-purple)}.room-badge.approval{background:#f59e0b1a;color:#f59e0b}.room-badge.auto-approve{background:#10b9811a;color:var(--md-green)}.room-menu-dropdown{position:absolute;top:46px;right:10px;min-width:160px;background:var(--md-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.room-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}.room-menu-dropdown button:hover{background:#0000000a;color:var(--md-text-primary)}.room-menu-dropdown button.danger{color:var(--md-red)}.room-menu-dropdown button.danger:hover{background:#ef444414}.add-room-card{background:var(--md-card-bg);border:2px dashed rgba(91,154,154,.2);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;cursor:pointer;gap:var(--spacing-sm);transition:all var(--transition-base)}.add-room-card:hover{border-color:#5b9a9a66;background:#5b9a9a05}.add-room-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:#5b9a9a0f;display:flex;align-items:center;justify-content:center;color:var(--md-accent)}.add-room-text{font-size:var(--font-size-md);font-weight:600;color:var(--md-accent)}.add-room-sub{font-size:var(--font-size-sm);color:var(--md-text-muted)}.photo-upload-area{border:2px dashed var(--md-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-md)}.photo-upload-area:hover{border-color:var(--md-accent);background:#5b9a9a05}.photo-upload-area.has-photo{border-style:solid;padding:0;overflow:hidden}.photo-upload-area img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-lg)}.photo-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--md-text-muted)}.photo-upload-placeholder svg{opacity:.5}.photo-upload-placeholder span{font-size:var(--font-size-sm)}.no-rooms{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-rooms svg{margin-bottom:var(--spacing-md);opacity:.5}.no-rooms h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.no-rooms p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0}.amenity-view-toggle{display:flex;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:4px}.amenity-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)}.amenity-view-toggle-btn:hover{color:var(--md-text-secondary);background:#00000005}.amenity-view-toggle-btn.active{background:var(--md-accent);color:#fff}.amenity-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}.amenity-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)}.amenity-stats .stat-card:hover{background:#00000008}.amenity-stats .stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.amenity-stats .stat-blue .stat-icon{background:#82aaaa1f;color:var(--md-accent-soft)}.amenity-stats .stat-purple .stat-icon{background:#8b5cf626;color:var(--md-purple)}.amenity-stats .stat-yellow .stat-icon{background:#f59e0b26;color:#f59e0b}.amenity-stats .stat-green .stat-icon{background:#10b98126;color:var(--md-green)}.amenity-stats .stat-content{display:flex;flex-direction:column}.amenity-stats .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary)}.amenity-stats .stat-value.text-value{font-size:var(--font-size-md);color:var(--md-green)}.amenity-stats .stat-label{font-size:var(--font-size-sm);color:var(--md-text-muted)}.amenity-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none}.amenity-filters::-webkit-scrollbar{display:none}.amenity-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;flex-shrink:0}.amenity-filter-chip:hover{background:#0000000a;color:var(--md-text-secondary)}.amenity-filter-chip.active{background:var(--md-accent);border-color:transparent;color:#fff}.amenity-filter-chip.warning{color:#f59e0b;border-color:#f59e0b4d}.amenity-filter-chip.warning.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.amenity-bookings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.amenity-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)}.amenity-no-bookings svg{margin-bottom:var(--spacing-md);opacity:.5}.amenity-no-bookings h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-secondary);margin:0 0 var(--spacing-xs) 0}.amenity-no-bookings p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0}.amenity-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)}.amenity-booking-card:hover{background:#00000008}.amenity-booking-card.pending{border-color:#f59e0b4d;background:#f59e0b0d}.amenity-booking-card.rejected{opacity:.6;border-color:#ef44444d}.amenity-booking-card.cancelled{opacity:.5}.amenity-booking-card.past-booking{opacity:.7}.amenity-booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.amenity-booking-resident{display:flex;flex-direction:column;gap:2px}.amenity-booking-resident .resident-name{font-size:var(--font-size-md);font-weight:600;color:var(--md-text-primary)}.amenity-booking-resident .resident-unit{font-size:var(--font-size-sm);color:var(--md-text-muted)}.amenity-booking-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.amenity-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)}.amenity-status-badge.approved{background:#10b98126;color:var(--md-green)}.amenity-status-badge.pending{background:#f59e0b26;color:#f59e0b}.amenity-status-badge.rejected{background:#ef444426;color:var(--md-red)}.amenity-status-badge.cancelled{background:#6b728026;color:#6b7280}.amenity-booking-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.amenity-booking-datetime{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--md-text-secondary)}.amenity-booking-datetime svg{color:var(--md-accent-soft)}.amenity-booking-date{font-weight:600;color:var(--md-text-primary)}.amenity-room-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);background:#5b9a9a1a;color:var(--md-accent)}.amenity-booking-notes{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--md-text-secondary);background:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.amenity-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)}.amenity-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)}.amenity-booking-actions .action-btn.approve{color:#fff;background:linear-gradient(135deg,var(--md-green),#059669);border:none}.amenity-booking-actions .action-btn.approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.amenity-booking-actions .action-btn.reject{color:var(--md-red);background:transparent;border:1px solid rgba(239,68,68,.3)}.amenity-booking-actions .action-btn.reject:hover{background:#ef44441a}.amenity-booking-menu-wrapper{position:relative}.amenity-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)}.amenity-booking-menu-btn:hover{background:#0000000a;color:var(--md-text-secondary)}.amenity-booking-menu-dropdown{position:absolute;top:100%;right:0;min-width:200px;background:var(--md-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 32px #7864461f}.amenity-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}.amenity-booking-menu-dropdown button:hover{background:#0000000a;color:var(--md-text-primary)}.amenity-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--md-text-secondary);text-transform:uppercase;letter-spacing:.05em}.amenity-section-header.upcoming{color:var(--md-accent)}.amenity-section-header.past{color:var(--md-text-muted);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--md-border)}.amenity-section-header .section-count{font-size:var(--font-size-xs);background:#0000000f;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.amenity-calendar-view{background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.amenity-calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.amenity-calendar-nav h3{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary);margin:0}.amenity-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00000005;border:1px solid var(--md-card-border);border-radius:var(--radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--transition-base)}.amenity-nav-btn:hover{background:#0000000a;color:var(--md-text-primary)}.amenity-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-sm)}.amenity-calendar-day{background:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:var(--radius-lg);padding:var(--spacing-sm);min-height:150px}.amenity-calendar-day.today{background:#82aaaa1a;border:1px solid rgba(91,154,154,.3)}.amenity-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)}.amenity-day-name{font-size:var(--font-size-xs);font-weight:600;color:var(--md-text-muted);text-transform:uppercase}.amenity-day-num{font-size:var(--font-size-lg);font-weight:700;color:var(--md-text-primary)}.amenity-calendar-day.today .amenity-day-num{color:var(--md-accent-soft)}.amenity-day-bookings{display:flex;flex-direction:column;gap:var(--spacing-xs)}.amenity-cal-booking{padding:var(--spacing-xs) var(--spacing-sm);background:var(--md-card-bg);border-left:3px solid var(--md-accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.amenity-cal-booking:hover{background:#0000000a}.amenity-cal-booking.pending{opacity:.7;border-left-color:#f59e0b}.amenity-cal-time{display:block;font-size:10px;font-weight:600;color:var(--md-text-muted)}.amenity-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}.amenity-cal-room{display:block;font-size:10px;color:var(--md-accent)}.amenity-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}.reject-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.reject-warning svg{color:var(--md-red);margin-bottom:var(--spacing-md)}.reject-warning p{font-size:var(--font-size-md);color:var(--md-text-primary);margin:0 0 var(--spacing-sm) 0}.reject-warning strong{color:var(--md-accent-soft)}.reject-datetime{font-size:var(--font-size-sm);color:var(--md-text-muted)}.amenity-menu-backdrop{position:fixed;inset:0;z-index:50}.amenity-toast{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:amenitySlideIn .3s ease}@keyframes amenitySlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media(min-width:1025px){.amenity-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.amenity-calendar-grid{grid-template-columns:repeat(4,1fr)}.amenity-calendar-day:nth-child(n+5){display:none}}@media(max-width:768px){.manager-amenities{padding:var(--spacing-md)}.amenity-header{flex-direction:column;align-items:stretch}.amenity-header-actions{justify-content:space-between}.amenity-add-btn span{display:none}.amenity-add-btn{padding:var(--spacing-sm);width:44px;height:44px}.rooms-grid{grid-template-columns:1fr}.amenity-booking-card{padding:var(--spacing-md)}.amenity-booking-details{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.amenity-calendar-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.amenity-calendar-day{min-height:auto}.amenity-calendar-day:nth-child(n+5){display:block}.amenity-day-header{flex-direction:row;justify-content:space-between;padding-bottom:var(--spacing-xs)}.amenity-toast{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}}@media(max-width:480px){.amenity-stats{grid-template-columns:1fr 1fr}.amenity-stats .stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.amenity-stats .stat-value{font-size:var(--font-size-md)}.amenity-stats .stat-label{font-size:var(--font-size-xs)}.amenity-booking-actions{flex-direction:column}.amenity-booking-actions .action-btn{width:100%}}.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;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608}.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:#00000008;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-nav-legal{margin-top:12px;padding-top:12px;border-top:1px solid var(--md-border, rgba(200, 185, 165, .2));display:flex;flex-direction:column;gap:4px}.settings-nav-legal-link{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--md-text-muted, #8B7E74);text-decoration:none;border-radius:8px;transition:all .2s}.settings-nav-legal-link:hover{color:var(--md-text-secondary, #6B5E52);background:#5b9a9a0f}.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 rgba(139,115,85,.08);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #7864460f,0 4px 16px #78644608;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.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:#0000000a;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)}.background-image-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--md-card-border);margin-bottom:1.5rem}.background-image-header{margin-bottom:1rem}.background-image-header h4{font-size:.9375rem;font-weight:600;color:var(--md-text-primary);margin:0 0 .25rem}.background-image-header p{font-size:.8125rem;color:var(--md-text-secondary);margin:0}.background-image-preview-container{width:100%;aspect-ratio:16 / 9;max-height:240px;border-radius:12px;overflow:hidden;background:var(--md-bg-base);border:1px solid var(--md-card-border);margin-bottom:1rem}.background-image-preview{width:100%;height:100%;object-fit:cover}.background-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--md-text-secondary)}.background-image-placeholder svg{opacity:.4}.background-image-placeholder span{font-size:.875rem}.background-image-placeholder .placeholder-hint{font-size:.75rem;opacity:.7}.background-image-controls{margin-bottom:.75rem}.background-image-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.background-image-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.8125rem;margin-bottom:.75rem}.background-image-guidance{display:flex;gap:.75rem;padding:.875rem 1rem;background:#82aaaa14;border:1px solid rgba(130,170,170,.15);border-radius:10px}.background-image-guidance svg{color:var(--md-accent-soft);flex-shrink:0;margin-top:2px}.background-image-guidance>div{display:flex;flex-direction:column;gap:.25rem}.background-image-guidance span{font-size:.75rem;color:var(--md-text-secondary);line-height:1.4}.spin{animation:spin 1s linear infinite}.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:#fff;border:1px solid rgba(139,115,85,.15);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:#fff;box-shadow:0 0 0 3px #5b9a9a1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--md-text-muted)}.form-group select{cursor:pointer}.form-group select option{background:#fff;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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:1px solid rgba(139,115,85,.08);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:#0000000a;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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:#fff;border:1px solid rgba(139,115,85,.15);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:#00000008;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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:#00000008;border-color:#8b735526}.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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:10px;transition:all var(--transition-base)}.notification-item:hover{background:#00000005}.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:#8b735533;border-radius:12px;transition:all var(--transition-base)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:0 1px 3px #78644626}.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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:#fff;border:1px solid rgba(139,115,85,.15);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:var(--md-bg-base);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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:10px;cursor:pointer;transition:all var(--transition-base);text-align:left}.data-action-btn:hover{background:#00000008;border-color:#8b735526}.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:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);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:#0000000a;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-bg-base);border:1px solid rgba(139,115,85,.08);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 rgba(139,115,85,.15);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:var(--md-bg-base);color:var(--md-text-primary);border-color:#8b735540}.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:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.1);border-radius:16px;width:100%;max-width:480px;overflow:hidden;animation:modalIn .2s ease-out;box-shadow:0 8px 32px #7864461f,0 2px 8px #7864460f}.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:#0000000a;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:var(--md-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--md-green);border-radius:10px;color:var(--md-green);font-size:.875rem;font-weight:500;box-shadow:0 10px 40px #78644626;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)}}.readonly-input{background:var(--md-bg-base)!important;color:var(--md-text-secondary)!important;cursor:default}.access-code-display{margin-bottom:1.5rem}.access-code-value{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:10px}.access-code-value>svg{color:var(--md-accent);flex-shrink:0}.access-code-value>span{flex:1;font-family:monospace;font-size:1.25rem;font-weight:600;letter-spacing:2px;color:var(--md-text-primary)}.access-code-value .code-hidden-text{color:var(--md-text-secondary)}.access-code-value .code-revealed{color:var(--md-text-primary)}.resident-counter{margin-top:1rem}.resident-counter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.resident-counter-label{font-size:.875rem;color:var(--md-text-secondary)}.resident-counter-label strong{color:var(--md-text-primary)}.resident-counter-pct{font-size:.875rem;font-weight:600;color:var(--md-accent)}.resident-progress-bar{height:8px;background:#8b73551a;border-radius:4px;overflow:hidden}.resident-progress-fill{height:100%;background:var(--md-accent);border-radius:4px;transition:width .3s ease;min-width:2px}.checklist{display:flex;flex-direction:column;gap:.5rem}.checklist-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:10px;transition:all .2s ease}.checklist-item.done{background:#10b98114;border-color:#10b98133}.checklist-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#8b73551a;color:var(--md-text-secondary)}.checklist-item.done .checklist-icon{background:var(--md-green);color:#fff}.checklist-number{font-size:.75rem;font-weight:600}.checklist-item span{font-size:.875rem;color:var(--md-text-secondary)}.checklist-item.done span{color:var(--md-text-primary);text-decoration:line-through;text-decoration-color:#0003}.invite-summary-stats{display:flex;gap:1rem;margin-bottom:1.25rem}.summary-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:var(--md-bg-base);border:1px solid rgba(139,115,85,.08);border-radius:10px}.summary-stat-value{font-size:1.5rem;font-weight:700;color:var(--md-text-primary)}.summary-stat-label{font-size:.75rem;font-weight:500;color:var(--md-text-secondary);text-transform:uppercase;letter-spacing:.03em}.invite-summary-links{display:flex;flex-direction:column;gap:.5rem}.invite-summary-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#82aaaa14;border:1px solid rgba(130,170,170,.15);border-radius:8px;color:var(--md-accent);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.invite-summary-link:hover{background:#82aaaa26}.invite-summary-link.failed-link{background:#ef44440f;border-color:#ef444426;color:#ef4444}.invite-summary-link.failed-link:hover{background:#ef44441a}.card-header.collapsible{cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.card-header.collapsible:hover{background:#00000003}.collapse-chevron{color:var(--md-text-muted);transition:transform .2s ease;flex-shrink:0}.collapse-chevron.expanded{transform:rotate(180deg)}.invite-history-table{font-size:.8125rem}.invite-history-header{display:grid;grid-template-columns:1.5fr 2fr .8fr 1fr;gap:.75rem;padding:.5rem 0;font-weight:600;color:var(--md-text-secondary);border-bottom:1px solid var(--md-border);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem}.invite-history-row{display:grid;grid-template-columns:1.5fr 2fr .8fr 1fr;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--md-border);align-items:center}.invite-history-row:last-child{border-bottom:none}.invite-history-name{font-weight:500;color:var(--md-text-primary)}.invite-history-email{color:var(--md-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-history-unit{color:var(--md-text-secondary)}.invite-history-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.invite-history-status.status-sent{color:#0d9488}.invite-history-status.status-pending{color:#d97706}.invite-history-status.status-joined{color:#059669}.invite-history-status.status-failed{color:#ef4444}.invite-history-more{text-align:center;color:var(--md-text-secondary);font-size:.8125rem;padding:.75rem 0 0;margin:0}@media(max-width:1024px){.settings-layout{grid-template-columns:240px 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;scrollbar-width:none;-ms-overflow-style:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-legal{display:flex;flex-direction:row;margin-top:0;padding-top:0;border-top:none;border-left:1px solid var(--md-border, rgba(200, 185, 165, .2));padding-left:.25rem;gap:.25rem}.settings-nav-legal-link{flex-direction:column;gap:.25rem;padding:.75rem;min-width:70px;text-align:center;justify-content:center;align-items:center}.settings-nav-legal-link span{font-size:.6875rem;white-space:nowrap}.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}.profile-header{flex-direction:column;text-align:center}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1;min-width:120px}}@media(max-width:480px){.settings-card .card-body{padding:1rem}}.join-policy-options{display:flex;flex-direction:column;gap:10px}.join-policy-card{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px;background:#fafaf8;border:2px solid transparent;border-radius:12px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s ease}.join-policy-card:hover{background:#f5f3f0;border-color:#8b735526}.join-policy-card.selected{background:#5b9a9a0f;border-color:var(--md-green, #5B9A9A)}.join-policy-icon{font-size:24px;flex-shrink:0;margin-top:2px}.join-policy-info{flex:1;min-width:0}.join-policy-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.join-policy-title{font-size:15px;font-weight:600;color:#1a1a1a}.join-policy-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:20px;background:#5b9a9a1f;color:var(--md-green, #5B9A9A)}.join-policy-desc{font-size:13px;color:#666;line-height:1.4}.join-policy-radio{width:20px;height:20px;border-radius:50%;border:2px solid #D0CCC6;flex-shrink:0;margin-top:2px;transition:all .2s ease}.join-policy-radio.checked{border-color:var(--md-green, #5B9A9A);background:var(--md-green, #5B9A9A);box-shadow:inset 0 0 0 3px #fff}.join-policy-detail-box{display:flex;gap:10px;padding:14px 16px;margin-top:12px;background:#5b9a9a0f;border:1px solid rgba(91,154,154,.12);border-radius:10px;color:var(--md-green, #5B9A9A)}.join-policy-detail-box svg{flex-shrink:0;margin-top:1px}.join-policy-detail-box p{font-size:13px;color:#555;margin:0;line-height:1.5}.pwa-install-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0;background:none;border:none;cursor:default;text-align:left}.pwa-install-row-info{display:flex;align-items:center;gap:12px}.pwa-install-row-info>svg{color:#8b7355;flex-shrink:0}.pwa-install-row-label{display:block;font-size:14px;font-weight:500;color:#1a1a1a}.pwa-install-row-desc{display:block;font-size:12px;color:#8b7355;margin-top:1px}.pwa-installable{cursor:pointer;border-radius:8px;transition:background .15s}.pwa-installable:hover{background:#c8a4560f}.pwa-install-row-action{color:#c8a456;transition:transform .15s}.pwa-install-row-action.rotated{transform:rotate(90deg)}.pwa-installable:hover .pwa-install-row-action:not(.rotated){transform:translateY(2px)}.pwa-installed{opacity:.6}.pwa-installed-check{color:#10b981}.pwa-install-instructions{padding:12px 16px;background:#c8a4560f;border-radius:0 0 12px 12px}.pwa-instruction-step{font-size:13px;color:var(--md-text-secondary, #6B5E52);margin:0 0 8px;line-height:1.5}.pwa-instruction-step:last-child{margin-bottom:0}.pwa-instruction-step strong{color:var(--md-text-primary, #2C2520)}.pwa-instruction-icon{font-weight:600}.manager-reports{padding:var(--spacing-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.mr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.mr-header-left h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.mr-header-left p{font-size:var(--font-size-sm);color:var(--md-text-muted);margin:0}.mr-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}@media(min-width:900px){.mr-stats{grid-template-columns:repeat(4,1fr)}}.mr-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)}.mr-stat-card:hover{background:#00000008}.mr-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0}.mr-stat-yellow .mr-stat-icon{background:#f59e0b26;color:#f59e0b}.mr-stat-blue .mr-stat-icon{background:#3b82f626;color:#3b82f6}.mr-stat-green .mr-stat-icon{background:#10b98126;color:#10b981}.mr-stat-gray .mr-stat-icon{background:#6b728026;color:#6b7280}.mr-stat-content{display:flex;flex-direction:column}.mr-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--md-text-primary);line-height:1.2}.mr-stat-label{font-size:var(--font-size-xs);color:var(--md-text-muted);margin-top:2px}.mr-toolbar{margin-bottom:var(--spacing-lg)}.mr-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);color:var(--md-text-muted)}.mr-search input{flex:1;border:none;background:none;font-size:var(--font-size-sm);color:var(--md-text-primary);outline:none;font-family:inherit}.mr-search input::placeholder{color:var(--md-text-muted)}.mr-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.mr-filter-tab{padding:var(--spacing-xs) 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}.mr-filter-tab:hover{background:#0000000a;color:var(--md-text-primary)}.mr-filter-tab.active{background:var(--md-accent);color:#fff;border-color:var(--md-accent)}.mr-report-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--md-text-muted)}.mr-empty svg{opacity:.4;margin-bottom:var(--spacing-md)}.mr-empty h3{font-size:var(--font-size-lg);font-weight:600;color:var(--md-text-primary);margin:0 0 var(--spacing-xs) 0}.mr-empty p{font-size:var(--font-size-sm);margin:0}.mr-report-card{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)}.mr-report-card:hover{box-shadow:0 4px 16px #0000000f}.mr-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.mr-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.mr-card-time{font-size:var(--font-size-xs);color:var(--md-text-muted)}.mr-card-reason{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:600;color:var(--md-text-primary);margin-bottom:var(--spacing-xs)}.mr-card-details{font-size:var(--font-size-sm);color:var(--md-text-secondary);font-style:italic;margin:0 0 var(--spacing-sm) 0;line-height:1.5}.mr-card-preview{background:#00000008;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.mr-card-preview p{font-size:var(--font-size-sm);color:var(--md-text-secondary);margin:0;line-height:1.5}.mr-card-meta{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--md-card-border)}.mr-card-reporter{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--md-text-secondary)}.mr-card-unit{color:var(--md-text-muted);margin-left:var(--spacing-xs)}.mr-card-actions{display:flex;justify-content:flex-end}.mr-status-dropdown-wrapper{position:relative}.mr-status-dropdown-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-accent);background:#5b9a9a14;border:1px solid rgba(91,154,154,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.mr-status-dropdown-btn:hover{background:#5b9a9a26}.mr-status-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;background:var(--md-card-bg);border:1px solid var(--md-card-border);border-radius:var(--radius-lg);padding:4px;min-width:160px;z-index:50;box-shadow:0 8px 24px #0000001f}.mr-status-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:8px 12px;font-size:var(--font-size-sm);font-weight:500;color:var(--md-text-primary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.mr-status-option:hover:not(:disabled){background:#0000000a}.mr-status-option:disabled{opacity:.4;cursor:not-allowed}.mr-status-option.current{font-weight:600}.mr-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mr-toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;background:var(--md-text-primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);z-index:300;animation:mrToastIn .3s ease;box-shadow:0 8px 24px #00000026}@keyframes mrToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mr-backdrop{position:fixed;inset:0;z-index:40}.manager-feedback{padding:0}.manager-feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.manager-feedback-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.manager-feedback-subtitle{font-size:14px;color:#777;margin:0}.manager-feedback-new-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;background:#5a7a6a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.manager-feedback-new-btn:hover{background:#4a6a5a}.manager-feedback-loading{text-align:center;padding:60px 20px;color:#999;font-size:14px}.manager-feedback-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;color:#999}.manager-feedback-empty svg{color:#ccc;margin-bottom:16px}.manager-feedback-empty h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.manager-feedback-empty p{font-size:14px;color:#999;margin:0 0 20px;max-width:400px}.manager-feedback-list{display:flex;flex-direction:column;gap:8px}.manager-feedback-row{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;transition:border-color .15s ease}.manager-feedback-row:hover{border-color:#0000001f}.manager-feedback-row.expanded{border-color:#5a7a6a4d}.manager-feedback-row-header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit}.manager-feedback-date{font-size:13px;color:#999;white-space:nowrap;min-width:90px}.manager-feedback-cat-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.manager-feedback-subject{flex:1;font-size:14px;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-feedback-status-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.manager-feedback-row-header svg{color:#999;flex-shrink:0}.manager-feedback-detail{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.04)}.manager-feedback-detail p{font-size:14px;color:#444;line-height:1.6;margin:12px 0 0;white-space:pre-wrap}@media(max-width:768px){.manager-feedback-row-header{flex-wrap:wrap;gap:8px}.manager-feedback-date{min-width:auto}.manager-feedback-subject{width:100%;order:5}}.package-modal{background:#fffcf7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(200,185,165,.2);border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:packageModalSlideUp .3s ease;box-shadow:0 24px 80px #2c252026,0 8px 24px #2c252014}@keyframes packageModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.package-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(200,185,165,.15)}.package-modal .modal-header h3{font-size:20px;font-weight:600;color:#2c2520;margin:0}.package-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3eee5;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;transition:all .2s ease}.package-modal .modal-close:hover{background:#e8e3da;color:#2c2520}.package-modal .modal-body{padding:20px}.package-modal .form-group{margin-bottom:16px}.package-modal .form-group label{display:block;font-size:13px;font-weight:500;color:#6b5e52;margin-bottom:6px}.package-modal .form-group input,.package-modal .form-group textarea,.package-modal .form-group select{width:100%;padding:12px 14px;font-size:15px;color:#2c2520;background:#f5f0e8;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.package-modal .form-group input:focus,.package-modal .form-group textarea:focus,.package-modal .form-group select:focus{background:#fffcf7;border-color:#5b9a9a}.package-modal .form-group input::placeholder,.package-modal .form-group textarea::placeholder{color:#8b7e74}.package-modal .form-group input:disabled,.package-modal .form-group select:disabled{opacity:.6;cursor:not-allowed}.package-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.package-modal .checkbox-group{display:flex;align-items:center}.package-modal .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#6b5e52}.package-modal .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#5B9A9A;cursor:pointer}.package-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid rgba(200,185,165,.15)}.package-modal .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;color:#6b5e52;background:transparent;border:1px solid rgba(200,185,165,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.package-modal .btn-secondary:hover{background:#f3eee5;border-color:#c8b9a566}.package-modal .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#5b9a9a;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.package-modal .btn-primary:hover:not(:disabled){background:#4a8585;transform:translateY(-1px)}.package-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.package-modal{max-width:100%;margin:12px;max-height:calc(100vh - 24px)}.package-modal .form-row{grid-template-columns:1fr}}.bm-hero-section{width:100%;padding:0!important;margin:0!important;box-sizing:border-box}.bm-hero-image-container{position:relative;height:28vh;min-height:200px;max-height:280px;width:100%;overflow:hidden;box-sizing:border-box}.bm-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.bm-hero-warm-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ff9b3261,#ffa54647,#ffaf5a26);pointer-events:none}.bm-hero-gradient-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 35%,rgba(245,240,235,.3) 48%,rgba(245,240,235,.6) 60%,rgba(245,240,235,.88) 75%,rgba(245,240,235,.98) 88%,#F5F0EB 100%)}.bm-hero-gradient-fallback{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(170deg,#c8b89a,#d8cbb2 15%,#e8dfd0,#f2ece3 55%,#f5f0eb 75% 100%)}.bm-hero-text-container{position:absolute;bottom:48px;left:20px;right:20px;text-align:center;box-sizing:border-box}.bm-hero-title{font-size:32px;font-weight:500;color:#2c2520;letter-spacing:-.01em;margin:0;word-wrap:break-word;overflow-wrap:break-word}.bm-hero-subtitle{font-size:15px;font-weight:400;color:#6b5e52;margin:8px 0 0;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:768px){.bm-hero-image-container{height:24vh;min-height:180px;max-height:220px}.bm-hero-title{font-size:28px}.bm-hero-text-container{bottom:40px}}@media(max-width:480px){.bm-hero-image-container{height:22vh;min-height:160px;max-height:200px}.bm-hero-text-container{bottom:32px}.bm-hero-title{font-size:22px;word-wrap:break-word;overflow-wrap:break-word}.bm-hero-subtitle{font-size:13px;word-wrap:break-word;overflow-wrap:break-word}}.building-switcher{margin:0 12px 8px;position:relative}.switcher-current{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:default;transition:all .2s ease;text-align:left}.switcher-current.clickable{cursor:pointer}.switcher-current.clickable:hover{border-color:#5b9a9a40;background:#5b9a9a05}.switcher-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#c8a87a26,#b8956a1a);display:flex;align-items:center;justify-content:center;color:#8b7e74;flex-shrink:0}.switcher-text{flex:1;min-width:0;display:flex;flex-direction:column}.switcher-name{font-size:13px;font-weight:700;color:#2c2520;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-role{font-size:10px;color:#8b7e74;line-height:1.3}.switcher-arrow{color:#b0a898;flex-shrink:0;display:flex;align-items:center}.switcher-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:6px;z-index:300;box-shadow:0 8px 32px #7864461f;animation:switcherFadeIn .15s ease}@keyframes switcherFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.switcher-divider{height:1px;background:#0000000f;margin:4px 0}.switcher-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.switcher-option:hover{background:#5b9a9a0f}.switcher-option.active{background:#5b9a9a14}.switcher-option.active .switcher-opt-name{color:var(--md-accent, #5B9A9A);font-weight:600}.switcher-opt-icon{width:28px;height:28px;border-radius:8px;background:#5b9a9a14;display:flex;align-items:center;justify-content:center;color:var(--md-accent, #5B9A9A);flex-shrink:0}.switcher-opt-icon.portfolio-icon{background:#4682b414;color:#4682b4}.switcher-opt-icon.add-icon{background:#5b9a9a0f;border:1px dashed rgba(91,154,154,.3)}.switcher-opt-name{font-size:12px;color:#4a4440;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-opt-units{font-size:10px;color:#b0a898;flex-shrink:0}.switcher-check{color:var(--md-accent, #5B9A9A);flex-shrink:0;display:flex;align-items:center}.switcher-portfolio .switcher-opt-name{font-weight:500}.switcher-add .switcher-opt-name{color:var(--md-accent, #5B9A9A);font-weight:500}.resident-groups-page{padding:0}.groups-section{margin-bottom:32px}.groups-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.groups-section-title{font-size:15px;font-weight:600;color:var(--md-text-primary, #1a1a1a);display:flex;align-items:center;gap:8px}.groups-section-title .auto-tag{font-size:11px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.new-group-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;color:#fff;background:#5b8a72;border:none;cursor:pointer;transition:all .2s ease}.new-group-btn:hover{background:#4a7a62}.groups-list{display:flex;flex-direction:column;gap:8px}.group-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .2s ease}.group-card:hover{border-color:#0000001a;box-shadow:0 2px 8px #0000000a}.group-card-left{display:flex;align-items:center;gap:12px}.group-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.group-icon.floor{background:linear-gradient(135deg,#3b82f6,#6366f1)}.group-icon.custom{background:linear-gradient(135deg,#5b8a72,#4ade80)}.group-card-info{display:flex;flex-direction:column;gap:2px}.group-card-name{font-size:14px;font-weight:600;color:var(--md-text-primary, #1a1a1a)}.group-card-count{font-size:12px;color:#6b7280}.group-card-actions{display:flex;align-items:center;gap:8px}.group-edit-btn,.group-delete-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.group-edit-btn{color:#5b8a72;background:#5b8a7214;border:1px solid rgba(91,138,114,.2)}.group-edit-btn:hover{background:#5b8a7226}.group-delete-btn{color:#ef4444;background:#ef44440f;border:1px solid rgba(239,68,68,.15)}.group-delete-btn:hover{background:#ef44441f}.groups-empty{text-align:center;padding:32px 16px;color:#9ca3af;font-size:14px}.group-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;z-index:1000;padding:24px}.group-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.group-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #F3F4F6}.group-modal-header h3{font-size:16px;font-weight:600;color:#1a1a1a}.group-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.group-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.group-name-input{width:100%;padding:10px 14px;border:1.5px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:inherit;margin-bottom:16px;transition:border-color .2s}.group-name-input:focus{outline:none;border-color:#5b8a72}.group-member-search{width:100%;padding:10px 14px;border:1.5px solid #E5E7EB;border-radius:10px;font-size:13px;font-family:inherit;margin-bottom:12px;transition:border-color .2s}.group-member-search:focus{outline:none;border-color:#5b8a72}.group-member-list{display:flex;flex-direction:column;gap:4px}.group-member-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.group-member-row:hover{background:#f9fafb}.group-member-row input[type=checkbox]{width:18px;height:18px;accent-color:#5b8a72;cursor:pointer}.group-member-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b8a72,#4ade80);flex-shrink:0}.group-member-info{flex:1;min-width:0}.group-member-name{font-size:13px;font-weight:500;color:#1a1a1a}.group-member-unit{font-size:12px;color:#9ca3af}.group-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #F3F4F6}.group-modal-count{font-size:13px;color:#5b8a72;font-weight:500}.group-modal-actions{display:flex;gap:8px}.group-modal-cancel{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;border:none;cursor:pointer}.group-modal-save{padding:8px 20px;border-radius:10px;font-size:13px;font-weight:600;color:#fff;background:#5b8a72;border:none;cursor:pointer;transition:background .2s}.group-modal-save:hover{background:#4a7a62}.group-modal-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.group-modal{max-height:90vh;margin:12px}}.portfolio-page{width:100%;background:#faf8f5}.portfolio-hero{position:relative;height:140px;background:linear-gradient(170deg,#c8b89a,#d8cbb2 15%,#e8dfd0,#f2ece3 55%,#f5f0eb 75% 100%);display:flex;align-items:flex-end;padding:20px 28px}.portfolio-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.03) 100%)}.portfolio-hero-content{position:relative;z-index:2}.portfolio-greeting{font-family:Playfair Display,"DM Serif Display",Georgia,serif;font-size:24px;font-weight:400;color:#2c2520;margin:0}.portfolio-sub{font-size:13px;color:#6b5e52;margin:4px 0 0}.portfolio-body{padding:20px 28px;display:flex;flex-direction:column;gap:20px}.portfolio-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.port-stat{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:14px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000a}.port-stat-value{font-size:28px;font-weight:700;color:#2c2520}.port-stat-label{font-size:12px;color:#8b7e74;margin-top:2px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.building-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .2s ease}.building-card:hover{border-color:#c8b9a54d;transform:translateY(-2px);box-shadow:0 6px 20px #2c252014}.building-card-photo{height:90px;background:linear-gradient(135deg,#c8b89a,#b5a68a);display:flex;align-items:center;justify-content:center;color:#ffffff80}.building-card-body{padding:14px 16px}.building-card-name{font-size:16px;font-weight:700;color:#2c2520}.building-card-address{font-size:12px;color:#8b7e74;margin-top:2px}.building-card-stats{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.building-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b5e52}.building-stat-value{font-weight:700}.building-card-attention{margin-top:10px;display:flex;flex-direction:column;gap:4px}.attention-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;width:fit-content}.pill-red{background:#c0392b0f;color:#c0392b}.pill-amber{background:#d4880f0f;color:#d4880f}.pill-green{background:#5a7a5a0f;color:#5a7a5a}.building-card-footer{padding:10px 16px;border-top:1px solid rgba(200,185,165,.15);display:flex;align-items:center;justify-content:space-between}.building-card-btn{font-size:12px;font-weight:600;color:#5a7a5a;display:flex;align-items:center;gap:2px}.building-card-adoption{display:flex;align-items:center;gap:6px}.mini-bar{width:60px;height:4px;background:#c8b9a533;border-radius:2px;overflow:hidden}.mini-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#b5a68a,#c8a84e)}.mini-pct{font-size:11px;font-weight:700;color:#8b6914}.add-building-card{background:#fff;border:2px dashed rgba(200,185,165,.4);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;cursor:pointer;gap:8px;transition:all .2s ease}.add-building-card:hover{border-color:#c8b9a599;background:#c8b9a50a}.add-building-icon{width:48px;height:48px;border-radius:14px;background:#c8b9a51a;display:flex;align-items:center;justify-content:center;color:#8b7e74}.add-building-text{font-size:14px;font-weight:600;color:#8b7e74}.add-building-sub{font-size:12px;color:#8b7e74}@media(max-width:768px){.portfolio-stats-row{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.portfolio-body{padding:16px}.portfolio-hero{padding:16px 20px;height:120px}}.attention-card{border-radius:20px;padding:18px 20px;transition:all .2s ease}.attention-card.has-items{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);box-shadow:0 2px 12px #fb922414}.attention-card.all-clear{background:#34d3990f;border:1px solid rgba(52,211,153,.12)}.attention-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.attention-header-icon.has-items{color:#d97706}.attention-header-icon.all-clear{color:#5a7a5a}.attention-title{font-size:16px;font-weight:600;color:#2c2520;margin:0;flex:1}.attention-card.all-clear .attention-title{color:#5a7a5a}.attention-header-chevron{color:#b0a898}.attention-clear-text{font-size:13px;color:#7a7265;margin:0}.attention-items{display:flex;flex-wrap:wrap;gap:8px}.attention-item{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s ease;background:none;font-family:inherit}.attention-item strong{font-weight:700}.attention-item.attention-urgent{background:#dc503c14;color:#b94a3a;border-color:#dc503c26}.attention-item.attention-urgent:hover{background:#dc503c24;transform:translateY(-1px);box-shadow:0 2px 8px #dc503c1f}.attention-item.attention-warn{background:#d9770614;color:#92600a;border-color:#d9770626}.attention-item.attention-warn:hover{background:#d9770624;transform:translateY(-1px);box-shadow:0 2px 8px #d977061f}@media(max-width:480px){.attention-items{flex-direction:column}.attention-item{width:100%}}.signup-entry-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;position:relative;overflow:hidden;background:#e8e4dc}.signup-entry-container .bg-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-image:url(https://jsjocdxqxfcashrhjbgn.supabase.co/storage/v1/object/public/building-images/5e3b6dae-b373-414e-9707-b6e182525ea6/background.jpg);background-size:120%;background-position:center 40%;background-repeat:no-repeat;filter:blur(12px);opacity:1}.signup-entry-container .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)}.signup-entry-container .floating-shapes{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.signup-entry-container .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)}.signup-entry-container .shape-1{width:120px;height:120px;bottom:25%;left:8%;opacity:.5;animation:floatBokeh 25s ease-in-out infinite}.signup-entry-container .shape-2{width:80px;height:80px;top:30%;right:15%;opacity:.4;animation:floatBokeh 20s ease-in-out infinite reverse}.signup-entry-container .shape-3{width:60px;height:60px;bottom:40%;right:10%;opacity:.5;animation:floatBokeh 18s ease-in-out infinite}@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}}.signup-entry-container .bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.signup-entry-container .bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,210,170,.35) 0%,transparent 70%);top:-100px;right:-60px;animation:floatOrb 20s ease-in-out infinite}.signup-entry-container .bg-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,195,145,.25) 0%,transparent 70%);bottom:-60px;left:-60px;animation:floatOrb 25s ease-in-out infinite reverse}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-25px) scale(1.08)}66%{transform:translate(-18px,18px) scale(.95)}}.signup-entry-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .8s ease;width:100%;max-width:420px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signup-entry-content .back-button-glass{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#5a5550;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:12px;cursor:pointer;transition:all .3s ease}.signup-entry-content .back-button-glass:hover{background:#ffffffe6;transform:translate(-4px)}.signup-entry-card{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}.signup-entry-header{text-align:center;margin-bottom:32px}.signup-entry-logo{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fffc;border:1px solid rgba(0,0,0,.06);border-radius:16px;color:#5a5550;margin-bottom:20px;box-shadow:0 4px 16px #0000000d}.signup-entry-title{font-size:32px;font-weight:400;font-family:Georgia,Times New Roman,serif;color:#2d3748;letter-spacing:.02em;margin:0 0 12px}.signup-entry-subtitle{font-size:15px;color:#6b7280;margin:0;font-weight:400;line-height:1.5}.signup-options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.signup-option-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left}.signup-option-card:hover{background:#fffffff2;border-color:#5b8a8a4d;transform:translateY(-2px);box-shadow:0 8px 24px #5b8a8a1f}.signup-option-card:hover .option-arrow{transform:translate(4px);color:#5b8a8a}.option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#5b8a8a1a,#5b8a8a0d);border-radius:12px;color:#5b8a8a;flex-shrink:0}.option-content{flex:1}.option-content h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 4px}.option-content p{font-size:13px;color:#6b7280;margin:0}.option-arrow{color:#9ca3af;flex-shrink:0;transition:all .3s ease}.signup-entry-card .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}.signup-entry-card .demo-login-btn:hover{color:#374151;background:#fffc;border-color:#0000001f}.signup-entry-card .demo-login-btn svg{color:#a855f7}.signup-entry-card .trust-signal{font-size:12px;color:#9ca3af;text-align:center;margin:20px 0 0}@media(max-width:768px){.signup-entry-container{padding:16px}.signup-entry-card{padding:32px 24px;border-radius:24px}.signup-entry-title{font-size:26px}.signup-option-card{padding:16px}.option-icon{width:44px;height:44px}.option-content h3{font-size:15px}}.address-search-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:60px 24px 24px;position:relative;overflow:hidden;background:#e8e4dc}.address-search-container .bg-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-image:url(https://jsjocdxqxfcashrhjbgn.supabase.co/storage/v1/object/public/building-images/5e3b6dae-b373-414e-9707-b6e182525ea6/background.jpg);background-size:120%;background-position:center 40%;background-repeat:no-repeat;filter:blur(12px);opacity:1}.address-search-container .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)}.address-search-container .bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.address-search-container .bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,210,170,.35) 0%,transparent 70%);top:-100px;right:-60px}.address-search-container .bg-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,195,145,.25) 0%,transparent 70%);bottom:-60px;left:-60px}.address-search-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .6s ease;width:100%;max-width:480px}.address-search-content .back-button-glass{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#5a5550;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:12px;cursor:pointer;transition:all .3s ease}.address-search-content .back-button-glass:hover{background:#ffffffe6;transform:translate(-4px)}.address-search-card{background:#ffffffbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:36px 32px;width:100%;box-shadow:0 8px 40px #78645014,0 2px 12px #0000000a}.address-search-header{text-align:center;margin-bottom:28px}.address-search-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#5b8a8a,#4a7878);border-radius:14px;color:#fff;margin-bottom:16px;box-shadow:0 4px 16px #5b8a8a40}.address-search-title{font-size:28px;font-weight:400;font-family:Georgia,Times New Roman,serif;color:#2d3748;margin:0 0 10px}.address-search-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.search-input-group{margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none;transition:color .3s ease}.search-input-wrapper:focus-within .search-icon{color:#5b8a8a}.search-input-wrapper input{width:100%;padding:16px 48px;font-size:15px;font-family:inherit;color:#1f2937;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:14px;transition:all .3s ease}.search-input-wrapper input::placeholder{color:#9ca3af}.search-input-wrapper input:focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 4px #5b8a8a1a}.search-spinner{position:absolute;right:16px;color:#5b8a8a;animation:spin 1s linear infinite}.search-helper{display:block;font-size:12px;color:#9ca3af;margin-top:8px;padding-left:4px}.search-results{min-height:120px}.search-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#6b7280}.search-loading .spinner{color:#5b8a8a;animation:spin 1s linear infinite}.results-label{font-size:13px;font-weight:500;color:#6b7280;margin:0 0 12px}.results-list{display:flex;flex-direction:column;gap:10px}.building-result-card{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.building-result-card:hover{background:#fffffff2;border-color:#5b8a8a4d;transform:translate(4px);box-shadow:0 4px 16px #5b8a8a1a}.building-result-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#5b8a8a1a;border-radius:10px;color:#5b8a8a;flex-shrink:0}.building-result-info{flex:1;min-width:0}.building-result-info h4{font-size:15px;font-weight:600;color:#2d3748;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-result-info p{font-size:13px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-result-name-row{display:flex;align-items:center;gap:8px}.building-mode-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:20px;flex-shrink:0}.building-mode-badge.managed{background:#5b8a8a1f;color:#5b8a8a}.building-mode-badge.community{background:#c294441f;color:#b08630}.resident-count{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#5b8a8a;margin-top:4px}.result-arrow{color:#9ca3af;flex-shrink:0;transition:all .3s ease}.building-result-card:hover .result-arrow{color:#5b8a8a;transform:translate(4px)}.no-results{text-align:center;padding:24px}.no-results-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#5b8a8a1a;border-radius:16px;color:#5b8a8a;margin-bottom:16px}.no-results h3{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.no-results p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.create-building-btn{display:flex;align-items:center;gap:14px;width:100%;padding:18px;margin-top:20px;background:linear-gradient(135deg,#5b8a8a14,#5b8a8a0a);border:1px dashed rgba(91,138,138,.3);border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:left}.create-building-btn:hover{background:linear-gradient(135deg,#5b8a8a1f,#5b8a8a0f);border-color:#5b8a8a80;transform:translateY(-2px)}.create-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#5b8a8a,#4a7878);border-radius:10px;color:#fff;flex-shrink:0}.create-content{flex:1;display:flex;flex-direction:column;gap:2px}.create-label{font-size:13px;color:#6b7280}.create-action{font-size:15px;font-weight:600;color:#5b8a8a}.create-arrow{color:#5b8a8a;flex-shrink:0;transition:transform .3s ease}.create-building-btn:hover .create-arrow{transform:translate(4px)}.search-tips{background:#5b8a8a0d;border-radius:12px;padding:16px 20px;margin-top:8px}.search-tips p{font-size:13px;color:#5a5550;margin:0 0 8px}.search-tips ul{margin:0;padding-left:18px}.search-tips li{font-size:13px;color:#6b7280;margin-bottom:4px}.search-tips li:last-child{margin-bottom:0}@media(max-width:768px){.address-search-container{padding:40px 16px 16px}.address-search-card{padding:28px 20px;border-radius:24px}.address-search-title{font-size:24px}.building-result-card{padding:14px}.building-result-icon{width:40px;height:40px}}.join-building-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:60px 24px 24px;position:relative;overflow:hidden;background:#e8e4dc}.join-building-container .bg-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-image:url(https://jsjocdxqxfcashrhjbgn.supabase.co/storage/v1/object/public/building-images/5e3b6dae-b373-414e-9707-b6e182525ea6/background.jpg);background-size:120%;background-position:center 40%;background-repeat:no-repeat;filter:blur(12px);opacity:1}.join-building-container .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)}.join-building-container .bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.join-building-container .bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,210,170,.35) 0%,transparent 70%);top:-100px;right:-60px}.join-building-container .bg-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,195,145,.25) 0%,transparent 70%);bottom:-60px;left:-60px}.join-building-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .6s ease;width:100%;max-width:440px}.join-building-content .back-button-glass{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#5a5550;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:12px;cursor:pointer;transition:all .3s ease}.join-building-content .back-button-glass:hover{background:#ffffffe6;transform:translate(-4px)}.join-building-card{background:#ffffffbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:32px 28px;width:100%;box-shadow:0 8px 40px #78645014,0 2px 12px #0000000a}.building-banner{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#5b8a8a14,#5b8a8a0a);border:1px solid rgba(91,138,138,.15);border-radius:14px;margin-bottom:24px}.building-banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#5b8a8a,#4a7878);border-radius:12px;color:#fff;flex-shrink:0}.building-banner-info{flex:1;min-width:0}.building-banner-label{font-size:11px;font-weight:500;color:#5b8a8a;text-transform:uppercase;letter-spacing:.5px}.building-banner-name{font-size:16px;font-weight:600;color:#2d3748;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-banner-address{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-banner-check{color:#5b8a8a;flex-shrink:0}.join-building-header{text-align:center;margin-bottom:24px}.join-building-header h1{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 6px}.join-building-header p{font-size:14px;color:#6b7280;margin:0}.join-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px 16px;margin-bottom:20px;color:#dc2626;font-size:13px;text-align:center;animation:shake .4s ease}.join-form{display:flex;flex-direction:column;gap:16px}.join-form .input-group{display:flex;flex-direction:column;gap:6px}.join-form label{font-size:13px;font-weight:500;color:#4a4a4a}.join-form label .optional{font-weight:400;color:#9ca3af}.join-form .input-wrapper{position:relative;display:flex;align-items:center}.join-form .input-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none;transition:color .3s ease}.join-form .input-wrapper:focus-within .input-icon{color:#5b8a8a}.join-form input:not(.terms-checkbox){width:100%;padding:14px 14px 14px 44px;font-size:15px;font-family:inherit;color:#1f2937;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;transition:all .3s ease}.join-form input:not(.terms-checkbox)::placeholder{color:#9ca3af}.join-form input:not(.terms-checkbox):focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 4px #5b8a8a1a}.join-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:8px;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;position:relative;overflow:hidden}.join-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a8585,#3d7070);opacity:0;transition:opacity .3s ease}.join-submit-btn:hover:before{opacity:1}.join-submit-btn span,.join-submit-btn svg{position:relative;z-index:1}.join-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a85854d}.join-submit-btn:hover svg:not(.spinner){transform:translate(4px)}.join-submit-btn svg:not(.spinner){transition:transform .3s ease}.join-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.join-submit-btn .spinner{animation:spin 1s linear infinite}.terms-checkbox-label .terms-checkbox{width:18px!important;min-width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#5B9A9A;cursor:pointer;padding:0}.join-building-type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px;flex-shrink:0}.join-building-type-badge.managed{background:#5b8a8a26;color:#5b8a8a}.join-building-type-badge.community{background:#c2944426;color:#b08630}.join-request-pending{text-align:center;padding:32px 16px}.join-request-pending .pending-icon{color:#b08630;margin-bottom:16px}.join-request-pending h2{font-size:20px;font-weight:600;color:#2d3748;margin:0 0 8px}.join-request-pending p{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.join-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#5b8a8a;background:#5b8a8a14;border:1px solid rgba(91,138,138,.2);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.join-back-btn:hover{background:#5b8a8a26}@media(max-width:768px){.join-building-container{padding:40px 16px 16px}.join-building-card{padding:24px 20px;border-radius:24px}.join-building-header h1{font-size:22px}.building-banner{padding:14px}.building-banner-icon{width:44px;height:44px}}.create-building-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 24px 24px;position:relative;overflow-y:auto;background:#e8e4dc}.create-building-container .bg-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-image:url(https://jsjocdxqxfcashrhjbgn.supabase.co/storage/v1/object/public/building-images/5e3b6dae-b373-414e-9707-b6e182525ea6/background.jpg);background-size:120%;background-position:center 40%;background-repeat:no-repeat;filter:blur(12px);opacity:1}.create-building-container .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)}.create-building-container .bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.create-building-container .bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,210,170,.35) 0%,transparent 70%);top:-100px;right:-60px}.create-building-container .bg-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,195,145,.25) 0%,transparent 70%);bottom:-60px;left:-60px}.create-building-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .6s ease;width:100%;max-width:460px;padding-bottom:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-building-content .back-button-glass{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#5a5550;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:12px;cursor:pointer;transition:all .3s ease}.create-building-content .back-button-glass:hover{background:#ffffffe6;transform:translate(-4px)}.create-building-card{background:#ffffffbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:32px 28px;width:100%;box-shadow:0 8px 40px #78645014,0 2px 12px #0000000a}.create-building-header{text-align:center;margin-bottom:28px}.create-building-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;width:60px;height:60px;background:linear-gradient(135deg,#5b8a8a,#4a7878);border-radius:16px;color:#fff;margin-bottom:16px;box-shadow:0 4px 16px #5b8a8a40}.create-building-icon .sparkle{position:absolute;top:-4px;right:-4px;color:#f59e0b;background:#fff;border-radius:50%;padding:2px}.create-building-header h1{font-size:26px;font-weight:600;color:#2d3748;margin:0 0 8px}.create-building-header p{font-size:14px;color:#6b7280;margin:0}.create-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px 16px;margin-bottom:20px;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)}}.create-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:14px}.section-title{font-size:13px;font-weight:600;color:#5b8a8a;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:8px;border-bottom:1px solid rgba(91,138,138,.15)}.create-form .input-group{display:flex;flex-direction:column;gap:6px}.create-form label{font-size:13px;font-weight:500;color:#4a4a4a}.create-form label .required{color:#ef4444}.create-form label .optional{font-weight:400;color:#9ca3af}.create-form .input-wrapper{position:relative;display:flex;align-items:center}.create-form .input-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none;transition:color .3s ease}.create-form .input-wrapper:focus-within .input-icon{color:#5b8a8a}.create-form input{width:100%;padding:14px 14px 14px 44px;font-size:15px;font-family:inherit;color:#1f2937;background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:12px;transition:all .3s ease}.create-form input::placeholder{color:#9ca3af}.create-form input:focus{outline:none;border-color:#5b8a8a;background:#fff;box-shadow:0 0 0 4px #5b8a8a1a}.input-hint{font-size:11px;color:#9ca3af;padding-left:4px}.create-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:8px;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;position:relative;overflow:hidden}.create-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a8585,#3d7070);opacity:0;transition:opacity .3s ease}.create-submit-btn:hover:before{opacity:1}.create-submit-btn span,.create-submit-btn svg{position:relative;z-index:1}.create-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a85854d}.create-submit-btn:hover svg:not(.spinner){transform:translate(4px)}.create-submit-btn svg:not(.spinner){transition:transform .3s ease}.create-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.create-submit-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.first-resident-info{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-top:20px;background:linear-gradient(135deg,#f59e0b14,#f59e0b0a);border:1px solid rgba(245,158,11,.2);border-radius:12px}.first-resident-info svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.first-resident-info p{font-size:13px;color:#92400e;margin:0;line-height:1.5}.terms-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:16px 0 4px}.terms-checkbox{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#5B9A9A;cursor:pointer}.terms-checkbox-text{font-size:13px;color:#6b5e52;line-height:1.5}.terms-checkbox-text a{color:#5b9a9a;text-decoration:none;font-weight:500}.terms-checkbox-text a:hover{text-decoration:underline}@media(max-width:768px){.create-building-container{padding:24px 16px 16px}.create-building-card{padding:24px 20px;border-radius:24px}.create-building-header h1{font-size:22px}.create-building-icon{width:52px;height:52px}}.resident-messages{display:flex;flex-direction:column;height:100vh}.resident-messages .inner-page-subtitle{font-size:var(--font-size-sm);color:#1a1a1a99;margin-top:4px}.messages-thread{flex:1;overflow-y:auto;padding:var(--spacing-lg);padding-top:calc(28vh + 16px);padding-bottom:140px;display:flex;flex-direction:column;gap:var(--spacing-md)}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);color:#8a8075;flex:1;margin-top:60px}.messages-empty svg{margin-bottom:var(--spacing-lg);opacity:.5;color:#8b7355}.messages-empty h3{font-size:var(--font-size-lg);font-weight:600;color:#4a4a4a;margin-bottom:var(--spacing-sm)}.messages-empty p{font-size:var(--font-size-sm);max-width:250px;color:#8a8075}.resident-messages .messages-loading,.resident-messages .messages-error{display:flex;align-items:center;justify-content:center;height:50vh;color:#8a8075}.resident-messages .messages-error{color:#ef4444}.message-bubble{display:flex;flex-direction:column;max-width:80%}.message-bubble.sent{align-self:flex-end}.message-bubble.received{align-self:flex-start}.bubble-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:18px;font-size:var(--font-size-base);line-height:1.4}.message-bubble.sent .bubble-content{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #0d948840}.message-bubble.received .bubble-content{background:#fffcf7;color:#1a1a1a;border-bottom-left-radius:4px;box-shadow:0 2px 8px #78644614;border:1px solid rgba(0,0,0,.04)}.bubble-content p{margin:0;white-space:pre-wrap;word-break:break-word}.bubble-time{font-size:11px;color:#8a8075;margin-top:4px;padding:0 var(--spacing-sm)}.message-bubble.sent .bubble-time{text-align:right}.bubble-sender{font-size:12px;font-weight:600;color:#8b7355;margin-bottom:4px;padding:0 var(--spacing-sm)}.message-input-container{position:fixed;bottom:72px;left:0;right:0;z-index:100;background:#fffcf7f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);padding:var(--spacing-md) var(--spacing-lg)}.message-input-row{display:flex;align-items:flex-end;gap:var(--spacing-sm);background:#f5f0e8;border-radius:24px;padding:var(--spacing-sm);border:1px solid rgba(0,0,0,.06)}.message-input{flex:1;background:transparent;border:none;color:#1a1a1a;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);resize:none;max-height:120px;line-height:1.4;font-family:inherit}.message-input::placeholder{color:#8a8075}.message-input:focus{outline:none}.resident-messages .send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.resident-messages .send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0d948859}.resident-messages .send-btn:disabled{opacity:.4;cursor:not-allowed}.targeted-messages-banner{position:relative;z-index:5;padding:12px 16px;padding-top:calc(28vh + 12px);display:flex;flex-direction:column;gap:8px}.targeted-msg-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:#fffcf7;border:1px solid rgba(91,138,114,.15);border-radius:14px;cursor:pointer;text-align:left;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #7864460f}.targeted-msg-item:hover{border-color:#5b8a724d;box-shadow:0 4px 12px #7864461a}.targeted-msg-item.unread{background:#5b8a720f;border-color:#5b8a7240}.targeted-msg-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#5b8a72,#4ade80);color:#fff;flex-shrink:0}.targeted-msg-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.targeted-msg-item-subject{font-size:14px;font-weight:600;color:#2c2520;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.targeted-msg-item-badge{font-size:11px;color:#5b8a72;font-weight:500}.targeted-msg-item-dot{width:10px;height:10px;border-radius:50%;background:#5b8a72;flex-shrink:0}.targeted-messages-banner+.messages-thread{padding-top:12px}.targeted-msg-detail{max-width:100%;margin:0 auto}.targeted-msg-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.targeted-msg-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#5b8a72,#4ade80);color:#fff;flex-shrink:0}.targeted-msg-subject{font-size:18px;font-weight:600;color:#2c2520;margin:0 0 4px}.targeted-msg-time{font-size:13px;color:#8b7e74}.targeted-msg-body{background:#fffcf7;border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:20px;box-shadow:0 2px 8px #7864460f}.targeted-msg-body p{margin:0;font-size:15px;line-height:1.6;color:#2c2520;white-space:pre-wrap}@media(max-width:480px){.message-bubble{max-width:85%}.messages-thread{padding:var(--spacing-md);padding-top:calc(28vh + 12px);padding-bottom:90px}}.resident-faq{display:flex;flex-direction:column;min-height:100vh}.resident-faq-content{flex:1;padding:var(--spacing-lg);padding-top:calc(28vh + 16px);padding-bottom:100px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-search-wrapper{position:relative;max-width:100%}.faq-search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a8075}.faq-search-wrapper input{width:100%;padding:14px 16px 14px 44px;background:#ffffffe6;border:1px solid rgba(139,115,85,.2);border-radius:14px;font-size:15px;color:#4a4a4a;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.faq-search-wrapper input:focus{outline:none;border-color:#8b7355;background:#fff;box-shadow:0 4px 12px #8b735526}.faq-search-wrapper input::placeholder{color:#9ca3af}.faq-category-pills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.category-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fffc;border:1px solid rgba(139,115,85,.15);border-radius:20px;font-size:13px;font-weight:500;color:#6b6560;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-pill:hover{background:#fff;border-color:#8b73554d}.category-pill.active{background:var(--pill-color, #8B7355);border-color:var(--pill-color, #8B7355);color:#fff}.category-pill svg{flex-shrink:0}.faq-list-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:#8a8075}.faq-empty-state svg{margin-bottom:16px;opacity:.4;color:#8b7355}.faq-empty-state h3{font-size:18px;font-weight:600;color:#4a4a4a;margin:0 0 8px}.faq-empty-state p{font-size:14px;color:#8a8075;margin:0}.faq-loading-state{display:flex;align-items:center;justify-content:center;height:40vh;color:#8a8075;font-size:15px}.faq-category-section{display:flex;flex-direction:column;gap:10px}.category-section-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffffb3;border-radius:10px;border-left:3px solid var(--cat-color, #8B7355)}.category-section-header svg{color:var(--cat-color, #8B7355);flex-shrink:0}.category-section-header span:first-of-type{font-size:14px;font-weight:600;color:#4a4a4a;flex:1}.category-section-header .category-count{font-size:12px;font-weight:500;color:#8a8075;background:#8b73551a;padding:3px 8px;border-radius:10px}.category-questions{display:flex;flex-direction:column;gap:8px}.faq-accordion{background:#fffffff2;border:1px solid rgba(139,115,85,.12);border-radius:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.faq-accordion:hover{border-color:#8b735540;box-shadow:0 2px 8px #0000000f}.faq-accordion.expanded{border-color:#8b7355;box-shadow:0 4px 16px #8b73551f}.faq-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:transparent;border:none;cursor:pointer;text-align:left;gap:12px}.faq-question-text{flex:1;font-size:15px;font-weight:500;color:#3a3a3a;line-height:1.45}.faq-expand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#8b735514;border-radius:8px;color:#8b7355;flex-shrink:0;transition:all .2s ease}.faq-accordion.expanded .faq-expand-icon{background:#8b735526}.faq-accordion-body{padding:16px;border-top:1px solid rgba(139,115,85,.1);margin-top:-4px;animation:fadeSlideIn .2s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-accordion-body p{font-size:14px;line-height:1.65;color:#5a5a5a;margin:0;white-space:pre-wrap}.animate-in{animation:animateIn .4s ease-out both}@keyframes animateIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.resident-faq-content{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.faq-category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin:0 calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md);-webkit-overflow-scrolling:touch}.faq-category-pills::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0}.faq-question-text{font-size:14px}.faq-accordion-body p{font-size:13px}}.resident-documents{display:flex;flex-direction:column;min-height:100vh}.resident-documents-content{flex:1;padding:var(--spacing-lg);padding-top:calc(28vh + 16px);padding-bottom:100px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.documents-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:40vh;color:#8a8075;font-size:15px;gap:var(--spacing-md)}.documents-loading-state .spin{animation:docsSpin 1s linear infinite}@keyframes docsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.docs-search-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);max-width:100%}.docs-search-wrapper svg{position:absolute;left:14px;color:#8a8075}.docs-search-wrapper input{width:100%;padding:14px 16px 14px 44px;background:#ffffffe6;border:1px solid rgba(139,115,85,.2);border-radius:14px;font-size:15px;color:#4a4a4a;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.docs-search-wrapper input:focus{outline:none;border-color:#8b7355;background:#fff;box-shadow:0 4px 12px #8b735526}.docs-search-wrapper input::placeholder{color:#9ca3af}.docs-filter-pills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.filter-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fffc;border:1px solid rgba(139,115,85,.15);border-radius:20px;font-size:13px;font-weight:500;color:#6b6560;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:#fff;border-color:#8b73554d}.filter-pill.active{background:var(--pill-color, #8B7355);border-color:var(--pill-color, #8B7355);color:#fff}.docs-list-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.docs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:#8a8075}.docs-empty-state svg{margin-bottom:16px;opacity:.4;color:#8b7355}.docs-empty-state h3{font-size:18px;font-weight:600;color:#4a4a4a;margin:0 0 8px}.docs-empty-state p{font-size:14px;color:#8a8075;margin:0}.docs-group{display:flex;flex-direction:column;gap:10px}.docs-group-header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffffb3;border-radius:10px}.group-type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.group-count{font-size:12px;font-weight:500;color:#8a8075;background:#8b73551a;padding:2px 8px;border-radius:10px}.docs-group-items{display:flex;flex-direction:column;gap:8px}.doc-card{display:flex;align-items:center;gap:var(--spacing-md);padding:14px 16px;background:#fffffff2;border:1px solid rgba(139,115,85,.12);border-radius:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.doc-card:hover{border-color:#8b735540;box-shadow:0 2px 8px #0000000f}.doc-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#8b73551a;border-radius:10px;color:#8b7355;flex-shrink:0}.doc-card-content{flex:1;min-width:0}.doc-card-title{display:block;font-size:15px;font-weight:500;color:#3a3a3a;margin-bottom:4px;line-height:1.3}.doc-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doc-type-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;color:#fff}.doc-size,.doc-date{font-size:12px;color:#8a8075}.doc-card-actions{display:flex;align-items:center;gap:4px}.doc-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#8b735514;border:none;border-radius:8px;color:#8b7355;cursor:pointer;transition:all .2s ease}.doc-action-btn:hover{background:#8b735526}.doc-action-btn:active{transform:scale(.95)}.docs-flat-list{display:flex;flex-direction:column;gap:8px}.docs-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:16px}.docs-modal-content{width:100%;max-width:900px;height:85vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.docs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(139,115,85,.15);background:#fafaf8}.docs-modal-header h3{font-size:16px;font-weight:600;color:#3a3a3a;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-modal-actions{display:flex;align-items:center;gap:8px}.docs-download-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#8b7355;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.docs-download-btn:hover{background:#7a6448}.docs-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#6b6560;cursor:pointer;transition:all .2s ease}.docs-modal-close:hover{background:#8b73551a}.docs-modal-body{flex:1;overflow:hidden}.docs-modal-body iframe{border:none;background:#fff}.docs-loading-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:#8a8075}.docs-loading-view .spin{animation:docsSpin 1s linear infinite}.animate-in{animation:docsAnimateIn .4s ease-out both}.animate-in.delay-1{animation-delay:.05s}.animate-in.delay-2{animation-delay:.1s}.animate-in.delay-3{animation-delay:.15s}.animate-in.delay-4{animation-delay:.2s}.animate-in.delay-5{animation-delay:.25s}.animate-in.delay-6{animation-delay:.3s}.animate-in.delay-7{animation-delay:.35s}.animate-in.delay-8{animation-delay:.4s}@keyframes docsAnimateIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.resident-documents-content{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.docs-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin:0 calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md);-webkit-overflow-scrolling:touch}.docs-filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0}.doc-card{flex-wrap:wrap}.doc-card-content{flex:1 1 calc(100% - 60px);order:2}.doc-card-icon{order:1}.doc-card-actions{order:3;width:100%;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,115,85,.1)}.docs-modal-content{height:calc(100vh - 32px);border-radius:12px}.docs-modal-header{flex-wrap:wrap;gap:8px}.docs-modal-header h3{flex:1 1 100%;order:1}.docs-modal-actions{order:2;width:100%;justify-content:space-between}}.invite-content{padding:16px 20px 100px;max-width:600px;margin:0 auto}.invite-building-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#5a7a6a14;border-radius:14px;margin-bottom:20px}.invite-banner-icon{width:40px;height:40px;border-radius:10px;background:#5a7a6a1f;color:#5a7a6a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-banner-info{display:flex;flex-direction:column}.invite-banner-name{font-size:15px;font-weight:600;color:#1a1a1a}.invite-banner-stats{font-size:12px;color:#888;margin-top:2px}.invite-section{margin-bottom:20px}.invite-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 10px}.invite-link-row{display:flex;gap:8px;align-items:center}.invite-link-display{flex:1;padding:12px 14px;background:#2d37410a;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-copy-btn{display:flex;align-items:center;gap:6px;padding:12px 18px;background:#5a7a6a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;white-space:nowrap}.invite-copy-btn:hover{background:#4d6a5c}.invite-copy-btn.copied{background:#5a7a6a1f;color:#5a7a6a}.invite-link-hint{font-size:12px;color:#aaa;margin:8px 0 0 4px}.invite-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#ccc;font-size:12px}.invite-divider:before,.invite-divider:after{content:"";flex:1;height:1px;background:#0000000f}.invite-form{display:flex;flex-direction:column;gap:10px}.invite-form-row{display:flex;gap:8px}.invite-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.invite-input-unit{flex:0 0 90px}.invite-input-icon{position:absolute;left:12px;color:#999;pointer-events:none}.invite-input-wrapper input{width:100%;padding:12px 12px 12px 36px;background:#2d37410a;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:14px;font-family:inherit;color:#1a1a1a;transition:border-color .2s ease}.invite-input-wrapper input:focus{outline:none;border-color:#5a7a6a66}.invite-input-wrapper input::placeholder{color:#bbb}.invite-send-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:#5a7a6a;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.invite-send-btn:hover:not(:disabled){background:#4d6a5c}.invite-send-btn:disabled{opacity:.5;cursor:not-allowed}.invite-send-btn .spin{animation:inviteSpin 1s linear infinite}@keyframes inviteSpin{to{transform:rotate(360deg)}}.invite-list{display:flex;flex-direction:column;gap:8px}.invite-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#2d37410a;border-radius:12px}.invite-list-avatar{width:36px;height:36px;border-radius:10px;background:#5a7a6a1a;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#5a7a6a;flex-shrink:0}.invite-list-info{flex:1;min-width:0}.invite-list-name{display:block;font-size:14px;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-list-unit{display:block;font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-list-status{font-size:13px;font-weight:400;color:#aaa;flex-shrink:0}.invite-list-status.joined{font-weight:600;color:#5a7a6a}.animate-in{opacity:0;transform:translateY(12px);animation:inviteFadeIn .4s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@keyframes inviteFadeIn{to{opacity:1;transform:translateY(0)}}.maintenance-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.maintenance-content{padding:0 16px 100px;max-width:800px;margin:0 auto}.new-request-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}.new-request-button:hover{background:#333;transform:translateY(-1px)}.maintenance-list{display:flex;flex-direction:column;gap:12px}.maintenance-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}.maintenance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.maintenance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.maintenance-status-badge{display:inline-flex;padding:4px 10px;font-size:11px;font-weight:600;border-radius:16px;text-transform:uppercase;letter-spacing:.02em}.maintenance-time{font-size:12px;color:#8a8075}.maintenance-card-title{font-size:16px;font-weight:500;color:#1a1a1a;margin:0 0 6px}.maintenance-card-desc{font-size:14px;color:#8a8075;margin:0 0 14px;line-height:1.5}.maintenance-card-photo{width:100%;max-height:200px;object-fit:cover;border-radius:12px;margin-bottom:14px;display:block}.maintenance-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.maintenance-urgency{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.maintenance-unit{font-size:12px;color:#8a8075}.maintenance-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:mtFadeIn .2s ease}@keyframes mtFadeIn{0%{opacity:0}to{opacity:1}}.maintenance-modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:#fffcf7;border-radius:20px;animation:mtSlideUp .3s ease}@keyframes mtSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.maintenance-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}.maintenance-container .modal-title{font-size:17px;font-weight:500;color:#1a1a1a;margin:0}.maintenance-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}.maintenance-container .modal-close:hover{background:#f3eee5;color:#1a1a1a}.maintenance-container .modal-body{padding:20px}.maintenance-container .modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid rgba(0,0,0,.06)}.maintenance-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}.maintenance-container .modal-cancel:hover{background:#f3eee5}.maintenance-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}.maintenance-container .modal-submit:hover:not(:disabled){background:#333}.maintenance-container .modal-submit:disabled{opacity:.5;cursor:not-allowed}.maintenance-container .form-group{margin-bottom:20px}.maintenance-container .form-group label{display:block;font-size:13px;font-weight:500;color:#4a4a4a;margin-bottom:8px}.maintenance-container .form-group input,.maintenance-container .form-group textarea,.maintenance-container .form-group select{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;box-sizing:border-box}.maintenance-container .form-group input::placeholder,.maintenance-container .form-group textarea::placeholder{color:#8a8075}.maintenance-container .form-group input:focus,.maintenance-container .form-group textarea:focus,.maintenance-container .form-group select:focus{outline:none;border-color:#8a8075;background:#fffcf7}.maintenance-container .form-group textarea{resize:vertical;min-height:80px}.readonly-input{opacity:.7;cursor:not-allowed}.urgency-options{display:flex;gap:8px;flex-wrap:wrap}.urgency-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#8a8075;background:#f3eee5;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.urgency-btn:hover{background:#f0ede8;color:#4a4a4a}.urgency-btn.active{border-color:transparent}.photo-upload-area{width:100%}.photo-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 20px;color:#8a8075;background:#f3eee5;border:2px dashed rgba(0,0,0,.1);border-radius:14px;cursor:pointer;transition:all .2s ease}.photo-upload-label:hover{background:#f0ede8;border-color:#00000026;color:#4a4a4a}.photo-upload-label span{font-size:13px;font-weight:500}.photo-preview{position:relative;border-radius:14px;overflow:hidden}.photo-preview img{width:100%;height:160px;object-fit:cover;display:block;border-radius:14px}.remove-photo{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer}.maintenance-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:500;border-radius:12px;z-index:300;animation:mtToastIn .3s ease;box-shadow:0 8px 24px #00000026}@keyframes mtToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.guidelines-items{display:flex;flex-direction:column;gap:16px}.guideline-row{display:flex;gap:14px;align-items:flex-start}.guideline-emoji-box{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#d2c3aa33;border-radius:12px;flex-shrink:0;font-size:20px}.guideline-text h3{font-size:15px;font-weight:600;color:#2c2520;margin:0 0 4px}.guideline-text p{font-size:13.5px;color:#7a7265;margin:0;line-height:1.5}.community-guidelines-container{min-height:100vh;background:#f5f0e8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}.community-guidelines-content{padding:0 20px 100px;max-width:600px;margin:0 auto}.community-guidelines-intro{margin-bottom:24px}.community-guidelines-intro h2{font-size:20px;font-weight:600;color:#2c2520;margin:0 0 4px}.community-guidelines-intro p{font-size:14px;color:#8b7e74;margin:0}.guidelines-agreement-overlay{position:fixed;inset:0;z-index:9999;background:#faf8f5;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.guidelines-agreement-page{min-height:100vh;width:100%;max-width:480px;display:flex;flex-direction:column}.guidelines-agreement-header{padding:48px 24px 28px;text-align:center;background:linear-gradient(180deg,#f5eee4,#faf8f5)}.guidelines-brand{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;color:#b8a080;margin-bottom:16px}.guidelines-agreement-header h1{font-size:24px;font-weight:700;color:#2c2520;margin:0 0 8px;letter-spacing:-.01em}.guidelines-agreement-header p{font-size:14.5px;color:#8b7e74;margin:0;line-height:1.5}.guidelines-agreement-body{padding:24px 24px 48px;flex:1}.guidelines-agreement-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(200,185,165,.3)}.guidelines-agreement-section-title{font-size:15px;font-weight:600;color:#2c2520;margin:0 0 12px}.guidelines-checkbox-label{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;cursor:pointer;padding:16px;background:#fffcf7;border:2px solid rgba(200,185,165,.35);border-radius:14px;transition:all .2s ease}.guidelines-checkbox-label:hover{border-color:#c8b9a599;background:#fffdf9}.guidelines-checkbox-label.checked{border-color:#5b8a72;background:#5b8a720a}.guidelines-checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.guidelines-checkbox-custom{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #C8B9A5;border-radius:6px;flex-shrink:0;margin-top:1px;transition:all .2s ease;background:#fffcf7}.guidelines-checkbox-label input:checked+.guidelines-checkbox-custom{background:#5b8a72;border-color:#5b8a72}.guidelines-checkbox-label input:checked+.guidelines-checkbox-custom:after{content:"✓";color:#fff;font-size:13px;font-weight:700}.guidelines-checkbox-text{font-size:13.5px;color:#5a5147;line-height:1.5}.guidelines-join-btn{width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:#fff;background:#c8b9a5;border:none;border-radius:14px;cursor:not-allowed;transition:all .3s ease;margin-bottom:20px;letter-spacing:.01em}.guidelines-join-btn.enabled{background:#5b8a72;cursor:pointer;box-shadow:0 4px 16px #5b8a7240}.guidelines-join-btn.enabled:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5b8a724d}.guidelines-join-btn:disabled{opacity:.7}.guidelines-join-btn.enabled:disabled{opacity:.7;cursor:wait}.guidelines-footer-note{text-align:center;font-size:12px;color:#b8a080;margin:0;line-height:1.5}.legal-page{min-height:100vh;background:#f5f0eb;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;color:#2c2520}.legal-header{position:sticky;top:0;z-index:10;background:#f5f0ebe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(200,185,165,.15);padding:16px 24px;display:flex;align-items:center;gap:12px}.legal-back-btn{display:flex;align-items:center;gap:6px;background:#2c25200f;border:none;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:500;color:#6b5e52;cursor:pointer;transition:all .2s}.legal-back-btn:hover{background:#2c25201a;color:#2c2520}.legal-header-title{font-size:16px;font-weight:600;color:#2c2520}.legal-content{max-width:720px;margin:0 auto;padding:40px 24px 80px}.legal-content h1{font-size:32px;font-weight:600;color:#2c2520;margin:0 0 8px;letter-spacing:-.02em}.legal-last-updated{font-size:14px;color:#8b7e74;margin:0 0 32px}.legal-intro{font-size:16px;line-height:1.7;color:#4a3f35;margin:0 0 36px}.legal-content h2{font-size:20px;font-weight:600;color:#2c2520;margin:36px 0 12px;letter-spacing:-.01em}.legal-content p{font-size:15px;line-height:1.7;color:#4a3f35;margin:0 0 16px}.legal-content ul{margin:0 0 16px;padding-left:20px}.legal-content li{font-size:15px;line-height:1.7;color:#4a3f35;margin-bottom:6px}.legal-content a{color:#5b9a9a;text-decoration:none}.legal-content a:hover{text-decoration:underline}@media(max-width:600px){.legal-content{padding:24px 16px 60px}.legal-content h1{font-size:26px}.legal-content h2{font-size:18px}.legal-header{padding:12px 16px}}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:#fffcf7;border-top:1px solid rgba(200,164,86,.25);box-shadow:0 -4px 24px #0000001f;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));animation:pwa-slide-up .35s cubic-bezier(.22,1,.36,1) forwards}.pwa-install-banner--closing{animation:pwa-slide-down .3s cubic-bezier(.55,0,1,.45) forwards}@keyframes pwa-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pwa-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.pwa-install-dismiss{position:absolute;top:12px;right:12px;background:none;border:none;color:#8b7355;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.pwa-install-dismiss:hover{background:#c8a4561f}.pwa-install-content{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-right:28px}.pwa-install-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #c8a45640}.pwa-install-icon img{width:100%;height:100%;display:block}.pwa-install-title{font-weight:700;font-size:15px;color:#1a1a1a;line-height:1.3}.pwa-install-subtitle{font-size:13px;color:#8b7355;margin-top:2px;line-height:1.3}.pwa-install-actions{display:flex;gap:10px}.pwa-install-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s,box-shadow .12s}.pwa-install-btn:active{transform:scale(.97)}.pwa-install-btn--primary{background:#c8a456;color:#fff;box-shadow:0 2px 8px #c8a45659}.pwa-install-btn--primary:hover{box-shadow:0 4px 12px #c8a45673}.pwa-install-btn--secondary{background:#c8a4561a;color:#8b7355}.pwa-install-btn--secondary:hover{background:#c8a4562e}