@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap);body{margin:0}.navbar{background:#0a0a0a;border-bottom:1px solid #ffffff0f;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:2rem;height:72px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}.navbar-logo{align-items:baseline;display:flex;flex-shrink:0;gap:.5rem;text-decoration:none;transition:transform .2s ease}.navbar-logo:hover{transform:translateY(-1px)}.logo-number{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.logo-number,.logo-text{font-family:DM Sans,sans-serif}.logo-text{color:#ffffffb3;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.navbar-menu{flex:1 1;gap:.25rem;justify-content:center}.navbar-link,.navbar-menu{align-items:center;display:flex}.navbar-link{background:#0000;border:none;border-radius:8px;color:#ffffffbf;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;gap:.4rem;padding:.6rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background:#ffffff14;color:#fff}.navbar-link.active{background:#ffffff1a;color:#fff}.link-text{white-space:nowrap}.admin-dropdown{position:relative}.admin-trigger{align-items:center;display:flex;gap:.3rem}.dropdown-arrow{height:14px;opacity:.6;transition:transform .2s ease;width:14px}.admin-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #00000080;left:50%;min-width:180px;opacity:0;padding:.5rem;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) translateY(-10px);transition:all .2s ease;visibility:hidden}.admin-dropdown:hover .dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.dropdown-item{align-items:center;border-radius:8px;color:#fffc;display:flex;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s ease}.dropdown-item:hover{background:#ffffff14;color:#fff}.dropdown-item svg{height:16px;opacity:.6;width:16px}.navbar-user{flex-shrink:0;gap:1rem}.navbar-user,.user-info{align-items:center;display:flex}.user-info{gap:.75rem}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.user-avatar.large{border-radius:12px;font-size:.9rem;height:48px;width:48px}.user-details{display:flex;flex-direction:column;gap:.1rem}.user-name{color:#fff;font-size:.875rem;font-weight:600}.user-name,.user-role{font-family:DM Sans,sans-serif;line-height:1.2}.user-role{color:#ffffff80;font-size:.7rem;font-weight:500;text-transform:capitalize}.logout-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.logout-btn svg{height:16px;width:16px}.mobile-menu-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.mobile-menu-btn:hover{background:#ffffff1a}.hamburger-line{background:#fff;border-radius:2px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.mobile-menu-btn.open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:all .3s ease;visibility:hidden;z-index:998}.mobile-overlay.open{opacity:1;visibility:visible}.mobile-menu{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);border-left:1px solid #ffffff14;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:320px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.mobile-menu.open{transform:translateX(0)}.mobile-user-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;gap:1rem;padding:1.5rem}.mobile-user-info{display:flex;flex-direction:column;gap:.2rem}.mobile-user-info .user-name{font-size:1rem}.mobile-user-info .user-role{font-size:.75rem}.mobile-menu-links{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem}.mobile-link{align-items:center;border-radius:10px;color:#ffffffbf;display:flex;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;gap:.875rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.mobile-link:hover{background:#ffffff0f;color:#fff}.mobile-link.active{background:#6366f126;color:#fff}.mobile-link.active svg{color:#8b5cf6}.mobile-link svg{flex-shrink:0;height:20px;opacity:.6;width:20px}.mobile-divider{align-items:center;display:flex;gap:.75rem;margin-top:.5rem;padding:1rem 1rem .5rem}.mobile-divider span{color:#ffffff59;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.mobile-divider:after{background:#ffffff14;content:"";flex:1 1;height:1px}.mobile-footer{background:#0003;border-top:1px solid #ffffff14;padding:1rem 1.5rem 2rem}.mobile-logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.mobile-logout-btn:hover{background:#ef444433;border-color:#ef444466}.mobile-logout-btn svg{height:18px;width:18px}@media (max-width:1100px){.desktop-menu,.desktop-user{display:none}.mobile-menu-btn{display:flex}.navbar-container{height:64px;padding:0 1rem}}@media (max-width:480px){.mobile-menu{max-width:100%}.logo-number{font-size:1.5rem}.logo-text{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.dropdown-menu,.hamburger-line,.logout-btn,.mobile-menu,.mobile-overlay,.navbar,.navbar-link{transition:none}}.logout-btn:focus-visible,.mobile-link:focus-visible,.mobile-logout-btn:focus-visible,.mobile-menu-btn:focus-visible,.navbar-link:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.alt2-page{-webkit-font-smoothing:antialiased;align-items:center;background:#e7e7e7;color-scheme:light;display:flex;isolation:isolate;justify-content:center;min-height:100vh;padding:2rem;position:relative}.alt2-container{border:2px solid #dbdbdb;border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a;display:flex;height:600px;max-height:85vh;max-width:95vw;overflow:hidden;width:960px;will-change:auto}.alt2-image{flex-shrink:0;width:570px;z-index:0}.alt2-image-img{background-position:50%;background-repeat:no-repeat;background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:scale(1.3)}.alt2-form-side{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:2rem 1.5rem;z-index:1}.alt2-content{max-width:320px;width:100%}.alt2-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:.02em;margin:0 0 .25rem;text-align:left}.alt2-subtitle{color:#666;font-size:.9rem;margin:0 0 1.5rem;text-align:left}.alt2-form{gap:.85rem}.alt2-field,.alt2-form{display:flex;flex-direction:column}.alt2-field{gap:.35rem}.alt2-field label{color:#333;font-size:.875rem;font-weight:600}.alt2-input{background:#fafafa;border:1px solid #d0d0d0;border-radius:6px;font-size:.9rem;padding:.65rem .85rem;transition:all .2s}.alt2-input:focus{background:#fff;border-color:#666;box-shadow:0 0 0 3px #0000000d;outline:none}.alt2-forgot{align-self:flex-start;background:none;border:none;color:#4285f4;cursor:pointer;font-family:inherit;font-size:.8rem;margin-top:-.4rem;padding:0;text-decoration:underline}.alt2-forgot:hover{color:#629eff}.alt2-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:.4rem;padding:.75rem;transition:all .2s}.alt2-btn:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.alt2-btn:active:not(:disabled){transform:translateY(0)}.alt2-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.alt2-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.85rem;padding:.7rem .8rem}.alt2-footer{color:#666;font-size:.82rem;margin-top:1.2rem;text-align:center}.alt2-footer a{color:#4285f4;font-weight:500;text-decoration:none}.alt2-footer a:hover{text-decoration:underline}.alt2-note{color:#999;font-size:.72rem;line-height:1.3;margin-top:.4rem;text-align:center}.alt2-success{background:#efffef;border:1px solid #b3e6b3;border-radius:6px;color:#2d7a2d;font-size:.85rem;padding:.7rem .8rem}.alt2-toggle-btn{background:none;border:none;color:#4285f4;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0;text-decoration:none;text-decoration:underline}.alt2-toggle-btn:hover{color:#629eff}.alt2-form-row{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:1fr 1fr;width:100%}.alt2-form-row .alt2-field{min-width:0}.alt2-form-row .alt2-input{box-sizing:border-box;width:100%}.alt2-password-note{color:#666;font-size:.7rem;margin-top:.15rem}.alt2-register-form{gap:.7rem}.alt2-forgot-instructions{color:#666;font-size:.85rem;line-height:1.4;margin:0 0 .5rem}@media (max-width:768px){.alt2-page{padding:1rem}.alt2-container{flex-direction:column;height:auto;max-width:420px;min-height:600px;width:100%}.alt2-image{flex-shrink:1;height:280px;width:100%}.alt2-form-side{padding:2rem 1.5rem 2.5rem}.alt2-content{max-width:100%}}@media (max-width:480px){.alt2-container{border-radius:16px;max-width:100%}.alt2-image{height:220px}.alt2-form-side{padding:1.5rem 1.25rem 2rem}.alt2-title{font-size:1.35rem}}.home-container{margin:0 auto;max-width:1200px;padding:2rem}.home-header{margin-bottom:3rem;text-align:center}.home-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.home-header p{color:#666;font-size:1.1rem}.category-filter{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.category-btn{background:#fff;border:2px solid #ddd;border-radius:25px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s}.category-btn:hover{border-color:#000;color:#000}.category-btn.active{background:#000;border-color:#0000;color:#fff}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.post-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.post-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.post-header,.post-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.quick-edit-btn{background:#0000;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.3px;padding:.4rem .9rem;transition:all .2s}.quick-edit-btn:hover{background:#fafafa;border-color:#333;color:#333}.post-attachment{margin:1rem 0 .5rem}.attachment-link{color:#007bff;display:inline-block;font-size:.95rem;font-weight:400;text-decoration:underline;transition:color .2s}.attachment-link:hover{color:#0056b3}.post-category{border-radius:15px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.post-category.fire-alarm{background:#fee;color:#c33}.post-category.sprinkler{background:#def;color:#36c}.post-category.pavement{background:#fed;color:#963}.post-category.maintenance{background:#dfe;color:#3c6}.post-category.announcement{background:#eef;color:#63c}.post-category.other{background:#eee;color:#666}.post-date{color:#666;font-size:.9rem}.post-title{color:#333;font-size:1.5rem;margin-bottom:.75rem}.post-description{color:#666;line-height:1.6;margin-bottom:1rem}.post-footer{border-top:1px solid #eee;color:#666;font-size:.9rem;padding-top:1rem}.post-footer>div{margin-bottom:.5rem}.post-footer strong{color:#333}.no-posts{color:#666;font-size:1.1rem;grid-column:1/-1;padding:3rem;text-align:center}.resources-container{margin:0 auto;max-width:1400px;padding:2rem}.resources-header{margin-bottom:3rem;text-align:center}.resources-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.resources-header p{color:#666;font-size:1.1rem}.resource-section{margin-bottom:4rem}.trustees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.trustee-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .2s}.trustee-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #00000014}.trustee-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.trustee-apartment{color:#666;font-size:.9rem;margin:0 0 1rem}.trustee-contact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.trustee-contact p{color:#555;font-size:.95rem;margin:0}@media (max-width:768px){.resources-container{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.emergency-grid,.trustees-grid{grid-template-columns:1fr}.document-footer{align-items:flex-start;gap:1rem}.card-actions,.document-footer{flex-direction:column}.card-actions button{width:100%}}.owners-page{background:#fafafa;min-height:calc(100vh - 72px);padding:2rem}.owners-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto 2.5rem;max-width:1200px}.header-content h1{color:#111;font-family:DM Sans,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.header-content p{color:#666;font-family:DM Sans,sans-serif;font-size:1rem;margin:0}.add-owner-btn{align-items:center;background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.add-owner-btn:hover{background:#333;transform:translateY(-1px)}.add-owner-btn svg{height:18px;width:18px}.owners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin:0 auto;max-width:1200px}.owner-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem;transition:all .2s ease}.owner-card:hover{border-color:#ddd;box-shadow:0 4px 12px #0000001a}.card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.unit-badge{background:#111;color:#fff;letter-spacing:.3px}.ownership-badge,.unit-badge{border-radius:6px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;padding:.35rem .75rem}.ownership-badge{background:#e8f5e9;color:#2e7d32}.owner-name{color:#111;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.owner-name,.owner-notes{font-family:DM Sans,sans-serif}.owner-notes{background:#f8f8f8;border-left:3px solid #ddd;border-radius:6px;color:#666;font-size:.9rem;margin:0 0 1rem;padding:.5rem .75rem}.contacts-section{display:flex;flex-direction:column;gap:1rem}.contact-item{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:.75rem}.contact-item.primary{background:#f0f7ff;border-color:#d0e3ff}.contact-name{align-items:center;color:#111;display:flex;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.contact-name svg{color:#888;height:16px;width:16px}.contact-detail{align-items:center;color:#555;display:flex;font-family:DM Sans,sans-serif;font-size:.875rem;gap:.5rem;padding:.25rem 0;text-decoration:none;transition:color .15s ease}.contact-detail:hover{color:#111}.contact-detail svg{color:#999;flex-shrink:0;height:14px;width:14px}.contact-detail.email:hover svg,.contact-detail.phone:hover svg{color:#555}.other-contacts{border-top:1px dashed #e0e0e0;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:.5rem}.card-actions{border-top:1px solid #eee;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.delete-btn,.edit-btn{align-items:center;border-radius:6px;display:flex;flex:1 1;font-family:DM Sans,sans-serif;font-size:.85rem;gap:.4rem;justify-content:center;padding:.6rem 1rem;transition:all .15s ease}.edit-btn{background:#f5f5f5;border:1px solid #ddd;color:#333}.edit-btn:hover{background:#eee;border-color:#ccc}.delete-btn{background:#fff;border:1px solid #ffcdd2;color:#dc3545}.delete-btn:hover{background:#ffebee;border-color:#ef9a9a}.delete-btn svg,.edit-btn svg{height:14px;width:14px}.no-owners{align-items:center;color:#999;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.no-owners svg{height:64px;margin-bottom:1rem;opacity:.4;width:64px}.no-owners p{font-size:1rem;margin:0}.no-owners p,.owners-loading{font-family:DM Sans,sans-serif}.owners-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:50vh}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:640px;overflow-y:auto}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-header h2{color:#111;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:#f5f5f5;border-radius:8px;height:36px;transition:all .15s ease;width:36px}.modal-close:hover{background:#eee}.modal-close svg{color:#666;height:18px;width:18px}.modal-content form{padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-section h3{color:#888;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.add-contact-btn{align-items:center;background:none;border:1px dashed #ccc;border-radius:6px;color:#111;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .75rem;transition:all .15s ease}.add-contact-btn:hover{background:#fafafa;border-color:#999}.add-contact-btn svg{height:14px;width:14px}.form-row{display:flex}.form-row.three-col{flex-wrap:wrap}.form-row.three-col .form-group{flex:1 1;min-width:140px}.form-group{flex:1 1;margin-bottom:1rem}.form-group.small{flex:0 0 120px}.form-group label{color:#444;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;margin-bottom:.4rem}.form-group input,.form-group textarea{background:#fafafa;border:1px solid #ddd;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.95rem;padding:.65rem .75rem;transition:all .15s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#111;outline:none}.form-group input::placeholder{color:#aaa}.contact-form-group{background:#f8f8f8;border:1px solid #eee;border-radius:10px;margin-bottom:1rem;padding:1rem}.contact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.primary-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem}.primary-checkbox input{accent-color:#111;height:16px;width:16px}.primary-checkbox span{color:#555;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500}.remove-contact-btn{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.remove-contact-btn:hover{background:#ffebee;color:#dc3545}.remove-contact-btn svg{height:16px;width:16px}.modal-actions{gap:.75rem;margin-top:.5rem;padding-top:1rem}.cancel-btn,.submit-btn{border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:all .15s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd}.cancel-btn:hover{background:#eee;border-color:#ccc}.submit-btn{background:#111;border:none}@media (max-width:768px){.owners-page{padding:1rem}.owners-header{flex-direction:column;gap:1rem}.add-owner-btn{justify-content:center;width:100%}.owners-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.form-row.three-col .form-group{min-width:100%}.form-group.small{flex:1 1}.card-actions{flex-direction:column}.modal-content{margin:.5rem;max-height:95vh}}.admin-container{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.admin-header p{color:#666;font-size:1.1rem}.admin-tabs{border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s}.tab-btn:hover{color:#000}.tab-btn.active{border-bottom-color:#000;color:#000}.admin-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem}.section-header h2{color:#333;font-size:1.8rem}.add-btn{border-radius:5px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.add-btn:hover{transform:translateY(-2px)}.category-colors-panel{background:#fafafa;border:1px solid #eee;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.category-colors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-header-actions{display:flex;gap:.5rem}.add-category-btn{background:#0000;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.add-category-btn:hover{background:#f5f5f5;border-color:#333}.add-category-form{background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.add-category-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.95rem;padding:.5rem}.add-category-form button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem}.add-category-form button:first-of-type{background:#000;color:#fff}.add-category-form button:last-of-type{background:#eee;color:#666}.delete-category-btn{align-items:center;background:#0000;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;line-height:1;transition:all .2s;width:28px}.delete-category-btn:hover{background:#e74c3c;color:#fff}.color-grid{display:flex;flex-direction:column;gap:.75rem}.color-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.color-name{color:#333;font-weight:600;min-width:140px;text-transform:capitalize}.color-input{align-items:center;color:#555;display:flex;gap:.5rem}.color-preview{border:1px solid #ddd;border-radius:6px;font-weight:700;min-width:40px;padding:.35rem .6rem;text-align:center}.save-btn{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.save-btn:disabled{cursor:not-allowed;opacity:.6}.colors-loading{color:#666;font-size:.95rem}.admin-table{display:flex;flex-direction:column;gap:1rem}.admin-card{align-items:center;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s}.admin-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(5px)}.card-content{flex:1 1}.card-content h3{color:#333;margin:0 0 .5rem}.card-category,.card-email{color:#000;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.card-amount{color:#27ae60;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.card-description{color:#666;margin-bottom:.5rem}.card-meta{color:#999;font-size:.85rem}.status-pending{color:#f39c12}.status-paid{color:#27ae60}.status-overdue{color:#e74c3c}.delete-btn,.edit-btn{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s}.edit-btn{background:#3498db}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c}.delete-btn:hover{background:#c0392b}.modal-content{border-radius:10px;width:90%}.modal-content h2{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px}.cancel-btn,.submit-btn{border-radius:5px;font-weight:600;transition:all .3s}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.submit-btn:hover{transform:translateY(-2px)}.card-attachment{color:#666;font-size:.9rem;font-style:italic;margin:.5rem 0}.card-attachment ul{list-style:none;margin:.5rem 0;padding-left:0}.card-attachment li{padding:.25rem 0}.forsale-container{margin:0 auto;max-width:1400px;padding:2rem}.forsale-header{margin-bottom:2rem;position:relative;text-align:center}.forsale-header h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.forsale-header p{color:#666;font-size:1.1rem}.add-listing-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;position:absolute;right:0;top:0;transition:background .2s}.add-listing-btn:hover{background:#0056b3}.forsale-filters{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.filter-btn.active,.filter-btn:hover{border-color:#007bff}.filter-btn.active{background:#007bff;color:#fff}.listings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.listing-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.listing-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.listing-image-container{height:250px;overflow:hidden;position:relative;width:100%}.listing-image{height:100%;object-fit:cover;width:100%}.listing-no-image{align-items:center;background:#f0f0f0;color:#999;display:flex;font-size:1rem;height:100%;justify-content:center;width:100%}.listing-status{background:#fff;border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.listing-status.active{color:#28a745}.listing-status.pending{color:#ffc107}.listing-status.sold{color:#dc3545}.listing-content{padding:1.5rem}.listing-price{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.listing-title{color:#333;font-size:1.25rem;margin-bottom:.5rem}.listing-specs{color:#666;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem}.listing-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;line-height:1.6;margin-bottom:1rem;overflow:hidden}.listing-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-tag{background:#f0f0f0;border-radius:15px;color:#555;font-size:.85rem;padding:.35rem .75rem}.listing-actions{display:flex;gap:.75rem}.view-details-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem;transition:background .2s}.view-details-btn:hover{background:#0056b3}.edit-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem}.edit-btn:hover{background:#218838}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem}.delete-btn:hover{background:#c82333}.no-listings{color:#666;font-size:1.1rem;padding:4rem;text-align:center}.listing-details-modal{max-height:90vh;max-width:900px;overflow-y:auto}.modal-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;width:40px;z-index:10}.image-gallery{background:#000;height:400px;position:relative;width:100%}.gallery-image{height:100%;object-fit:contain;width:100%}.gallery-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:50px}.gallery-btn.prev{left:1rem}.gallery-btn.next{right:1rem}.gallery-indicators{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#ffffff80;border-radius:50%;cursor:pointer;height:10px;width:10px}.indicator.active{background:#fff}.details-content{padding:2rem}.details-content h2{font-size:2rem;margin-bottom:.5rem}.details-price{color:#007bff;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.details-specs{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:1.5rem}.spec{text-align:center}.spec-label{color:#666;display:block;font-size:.9rem;margin-bottom:.25rem}.spec-value{color:#1a1a1a;display:block;font-size:1.5rem;font-weight:600}.details-section{margin-bottom:2rem}.details-section h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.details-section p{color:#555;line-height:1.8}.features-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;padding:0}.features-list li{background:#f8f9fa;border-radius:6px;color:#555;padding:.75rem}.features-list li:before{color:#28a745;content:"✓ ";font-weight:700;margin-right:.5rem}.contact-section{background:#f8f9fa;border-radius:8px;padding:1.5rem}.contact-section a{color:#007bff;text-decoration:none}.contact-section a:hover{text-decoration:underline}.listing-date{color:#999;font-size:.9rem;margin-top:1rem}.listing-form-modal{max-height:90vh;max-width:700px;overflow-y:auto}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.listings-grid{grid-template-columns:1fr}.add-listing-btn{margin-top:1rem;position:static}.forsale-header{text-align:center}.details-specs,.features-list{grid-template-columns:1fr}}.change-password-container{align-items:center;background:#f6f6f6;display:flex;justify-content:center;min-height:calc(100vh - 72px);padding:2rem}.change-password-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;max-width:520px;padding:2rem;width:100%}.change-password-card h1{color:#222;margin:0 0 .75rem}.change-password-hint{color:#555;margin:0 0 1.5rem}.change-password-form .form-group{margin-bottom:1rem}.change-password-form label{color:#333;display:block;font-weight:600;margin-bottom:.35rem}.change-password-form input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem .85rem;width:100%}.password-note{color:#666;display:block;margin-top:.35rem}.change-password-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:.5rem;padding:.85rem 1rem;width:100%}.change-password-btn:disabled{cursor:not-allowed;opacity:.65}.change-password-error{background:#ffe9ea;border:1px solid #ffb7bd;border-radius:8px;color:#8a1f2b;margin-bottom:1rem;padding:.75rem}.change-password-success{background:#e9ffef;border:1px solid #a8f0bf;border-radius:8px;color:#14532d;margin-bottom:1rem;padding:.75rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:4rem}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;padding:.5rem;position:absolute;right:.75rem;transition:color .2s}.password-toggle:hover{color:#333}.admin-info-container{margin:0 auto;max-width:1400px;padding:2rem}.admin-info-header{margin-bottom:3rem;text-align:center}.admin-info-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.admin-info-header p{color:#666;font-size:1.1rem}.admin-info-section{margin-bottom:4rem}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:.75rem}.section-header h2{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin:0}.add-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.3px;padding:.65rem 1.25rem;transition:all .2s}.add-btn:hover{background:#333;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.section-actions{display:flex;gap:.5rem}.section-actions button{background:#0000;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:all .2s}.section-actions button:hover{background:#fafafa;border-color:#333;color:#333}.emergency-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.emergency-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #dc3545;border-radius:8px;padding:1.5rem;transition:all .2s}.emergency-card:hover{border-color:#d0d0d0 #d0d0d0 #d0d0d0 #dc3545;box-shadow:0 2px 8px #00000014}.emergency-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.emergency-phone{color:#dc3545;font-size:1.5rem;font-weight:600;margin:.5rem 0}.emergency-description{color:#666;font-size:.95rem;margin:0}.card-actions{border-top:1px solid #f0f0f0;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.card-actions button{background:#0000;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.5rem;transition:all .2s}.card-actions button:hover{background:#fafafa;border-color:#333;color:#333}.documents-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.section-documents{margin-top:1.25rem}.document-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .2s}.document-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #00000014}.document-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.document-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.doc-category{border-radius:12px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.doc-category.bylaw{background:#e3f2fd;color:#1976d2}.doc-category.policy{background:#f3e5f5;color:#7b1fa2}.doc-category.form{background:#fff3e0;color:#f57c00}.doc-category.section-document{background:#e8f5e9;color:#2e7d32}.document-description{color:#666;line-height:1.6;margin:0 0 1rem}.document-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:1rem}.document-actions{align-items:center;display:flex;gap:.75rem}.document-date{color:#999;font-size:.85rem}.download-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;text-decoration:none;transition:all .2s}.download-btn:hover{background:#0056b3;box-shadow:0 2px 8px #007bff4d;transform:translateY(-1px)}.section-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.section-content p{color:#555;line-height:1.8;margin:0}.section-description{color:#666;font-size:.98rem;margin:0 0 .75rem}.section-body{color:#333;line-height:1.8;white-space:pre-wrap}.admin-add-section{margin-top:3rem;text-align:center}.add-section-btn{background:#0000;border:2px dashed #d0d0d0;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.add-section-btn:hover{background:#fafafa;border-color:#000;color:#000}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:100%}.modal-content h2{border-bottom:1px solid #eee;color:#1a1a1a;flex-shrink:0;font-size:1.75rem;font-weight:600;margin:0;padding:2rem 2rem 1.5rem}.modal-content form{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.modal-form-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#000;outline:none}.current-attachment{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-top:.75rem;padding:.75rem}.current-attachment ul{list-style:none;margin:0;padding:0}.current-attachment li{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.current-attachment li:not(:last-child){border-bottom:1px solid #e0e0e0}.current-file{color:#555;font-size:.9rem;margin:0 0 .5rem}.new-file{color:#28a745;font-size:.9rem;margin-top:.5rem}.remove-attachment-btn{background:#0000;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:all .2s}.remove-attachment-btn:hover{background:#dc3545;color:#fff}.modal-actions{background:#fff;border-top:1px solid #eee;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;margin:0;padding:1.5rem 2rem}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background:#0000;border:1px solid #e0e0e0;color:#666}.cancel-btn:hover{background:#fafafa;border-color:#333;color:#333}.submit-btn{background:#000;color:#fff}.submit-btn:hover{background:#333;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}@media (max-width:768px){.admin-info-container{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.emergency-grid{grid-template-columns:1fr}.document-footer{align-items:flex-start;gap:1rem}.card-actions,.document-footer{flex-direction:column}.card-actions button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 2rem}button{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.ea5ed5ce.css.map*/