@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.error-boundary__content{text-align:center;max-width:400px}.error-boundary h2{color:#ef4444;margin-bottom:1rem;font-size:1.5rem}.error-boundary p{color:#6b7280;margin-bottom:2rem;line-height:1.6}.error-boundary__retry-btn{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-boundary__retry-btn:hover{background:#059669}.landing-page{position:relative;min-height:100vh;overflow:hidden;font-family:Inter,sans-serif;color:#fff}.landing-page__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.landing-page__background-image{width:100%;height:100%;object-fit:cover;object-position:center}.landing-page__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#0006,#000c);z-index:1}.landing-page__header{position:relative;z-index:10;padding:2rem 0}.landing-page__header-container{max-width:min(75rem,90vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between}.landing-page__logo{display:flex;flex-direction:column}.landing-page__logo-main{font-size:2rem;font-weight:800;color:#00ff41;letter-spacing:-.02em;line-height:1}.landing-page__logo-subtitle{font-size:.75rem;font-weight:400;color:#ffffffe6;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.landing-page__nav{display:flex;align-items:center;gap:2.5rem}.landing-page__nav-link{color:#fffc;text-decoration:none;font-size:.95rem;font-weight:400;transition:color .3s ease;display:flex;align-items:center;gap:.25rem}.landing-page__nav-link:hover{color:#fff}.landing-page__nav-link.active{color:#00ff41;font-weight:600}.landing-page__nav-plus{font-size:.8rem;font-weight:600;color:#00ff41}.landing-page__cta-button{background:transparent;border:.125rem solid #00ff41;color:#fff;padding:.75rem 1.5rem;border-radius:1.5625rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.03125rem}.landing-page__cta-button:hover{background:#00ff41;color:#000;transform:translateY(-.125rem);box-shadow:0 .25rem 1.25rem #00ff414d}.landing-page__main{position:relative;z-index:5;min-height:calc(100vh - 7.5rem);display:flex;align-items:center;padding:0 clamp(1rem,3vw,2rem)}.landing-page__main-container{max-width:min(75rem,90vw);margin:0 auto;width:100%}.landing-page__heading{margin-bottom:2rem}.landing-page__heading-line{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.9;color:#ffffffe6;margin-bottom:.5rem;letter-spacing:-.02em}.landing-page__heading-line--outline{color:transparent;-webkit-text-stroke:.125rem #00ff41;position:relative}.landing-page__heading-line--outline:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#00ff41,#0c3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:-1}.landing-page__heading-dot{color:#00ff41}.landing-page__heading-underline{width:8ch;height:.125rem;background:#fff;margin-top:.5rem;margin-left:0}.landing-page__description{font-size:1.1rem;line-height:1.6;color:#fffc;max-width:min(37.5rem,90%);font-weight:400;margin:0 0 2.5rem}.landing-page__value-props{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem;max-width:min(37.5rem,90%)}.landing-page__value-prop{display:flex;align-items:center;gap:.625rem;color:#ffffffe6;font-size:.95rem;font-weight:500}.landing-page__value-icon{width:1.5rem;height:1.5rem;color:#00ff41;flex-shrink:0}.landing-page__hero-ctas{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;margin-bottom:3rem}.landing-page__hero-cta-primary{background:linear-gradient(135deg,#00ff41,#0c3);color:#000;padding:1.125rem 2.25rem;border-radius:3.125rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 .5rem 1.5rem #00ff414d;position:relative;overflow:hidden}.landing-page__hero-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.landing-page__hero-cta-primary:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 2rem #00ff4166}.landing-page__hero-cta-primary:hover:before{left:100%}.landing-page__hero-cta-primary .landing-page__cta-icon{width:1.5rem;height:1.5rem}.landing-page__hero-cta-primary .landing-page__cta-arrow{font-size:1.5rem;transition:transform .3s ease}.landing-page__hero-cta-primary:hover .landing-page__cta-arrow{transform:translate(.25rem)}.landing-page__hero-cta-secondary{background:transparent;border:.125rem solid rgba(255,255,255,.3);color:#fff;padding:1.125rem 2rem;border-radius:3.125rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.625rem}.landing-page__hero-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-.125rem)}.landing-page__hero-cta-secondary .landing-page__cta-play-icon{width:1.25rem;height:1.25rem;transition:transform .3s ease}.landing-page__hero-cta-secondary:hover .landing-page__cta-play-icon{transform:scale(1.2)}.landing-page__about{position:relative;z-index:5;padding:6rem 0;margin-top:4rem;background:#1a1a2e}.landing-page__about-container{max-width:min(87.5rem,90vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:grid;grid-template-columns:40% 60%;min-height:clamp(37.5rem,80vh,50rem);align-items:stretch}.landing-page__about-image-wrapper{position:relative;background:#2c2c54}.landing-page__about-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.8)}.landing-page__about-content{background:#16213e;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;color:#fff}.landing-page__about-header{margin-bottom:2rem}.landing-page__about-title{font-size:1rem;font-weight:500;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em}.landing-page__about-underline{width:3.75rem;height:.125rem;background:#00ff41;margin-bottom:2rem}.landing-page__about-dot{color:#00ff41}.landing-page__about-subtitle{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.1;margin:0 0 2rem;font-family:Inter,sans-serif}.landing-page__about-description{font-size:1.1rem;line-height:1.7;color:#ffffffe6;margin-bottom:3rem}.landing-page__about-cta{background:transparent;border:.125rem solid #00ff41;color:#fff;padding:1rem 2rem;border-radius:1.5625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.03125rem;align-self:flex-start}.landing-page__about-cta:hover{background:#00ff41;color:#000;transform:translateY(-.125rem);box-shadow:0 .25rem 1.25rem #00ff414d}.landing-page__features{position:relative;z-index:5;padding:8rem 0;background:#1a1a2e}.landing-page__features-container{max-width:min(87.5rem,90vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.landing-page__features-header{margin-bottom:4rem;text-align:left}.landing-page__features-title-wrapper{display:flex;align-items:center;margin-bottom:2rem}.landing-page__features-underline{width:5rem;height:.125rem;background:#00ff41;margin-right:1rem;flex-shrink:0}.landing-page__features-title{font-size:1rem;font-weight:500;color:#ffffffb3;margin:0;text-transform:uppercase;letter-spacing:.1em}.landing-page__features-dot{color:#00ff41}.landing-page__features-subtitle{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.1;margin:0 0 1rem;font-family:Inter,sans-serif}.landing-page__features-tagline{font-size:1.1rem;line-height:1.6;color:#fffc;margin:0;max-width:min(37.5rem,90%)}.landing-page__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(21.875rem,100%),1fr));gap:2rem;margin-bottom:4rem}.landing-page__feature-card{border:.0625rem solid rgba(255,255,255,.1);border-radius:.75rem;padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.landing-page__feature-card:nth-child(odd){background:#16213e}.landing-page__feature-card:nth-child(2n){background:#1a1a2e}.landing-page__feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00ff411a}.landing-page__feature-card:nth-child(odd):hover{background:#1a2a4a}.landing-page__feature-card:nth-child(2n):hover{background:#252548}.landing-page__feature-title{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.3}.landing-page__feature-description{font-size:1rem;line-height:1.6;color:#fffc;margin:0 0 1.5rem}.landing-page__feature-benefits{display:flex;flex-wrap:wrap;gap:.5rem}.landing-page__feature-benefit{background:#00ff411a;color:#00ff41;padding:.4rem .8rem;border-radius:1.25rem;font-size:.8rem;font-weight:500;border:.0625rem solid rgba(0,255,65,.2)}.landing-page__features-cta{text-align:center}.landing-page__features-button{background:transparent;border:.125rem solid #00ff41;color:#fff;padding:1rem 2.5rem;border-radius:1.5625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.03125rem;text-decoration:none;display:inline-block}.landing-page__features-button:hover{background:#00ff41;color:#000;transform:translateY(-.125rem);box-shadow:0 .25rem 1.25rem #00ff414d;text-decoration:none}.landing-page__testimonials{position:relative;z-index:10;padding:6rem 0;background:#0000004d;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.landing-page__testimonials-container{max-width:min(75rem,90vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.landing-page__testimonials-header{text-align:left;margin-bottom:4rem}.landing-page__testimonials-title-wrapper{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.landing-page__testimonials-title{font-size:1.2rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.2em;font-weight:500;margin:0}.landing-page__testimonials-underline{flex:1;height:.0625rem;background:linear-gradient(to right,#ffffff4d,#fff0)}.landing-page__testimonials-subtitle{font-size:clamp(2rem,4.5vw,3rem);font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.2}.landing-page__testimonials-dot{color:#00ff41}.landing-page__testimonials-tagline{font-size:1.1rem;color:#ffffffb3;margin:0;line-height:1.6}.landing-page__testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.landing-page__testimonial-card{background:#ffffff0d;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.1);border-radius:1rem;padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease;display:flex;flex-direction:column}.landing-page__testimonial-card:hover{transform:translateY(-.3125rem);border-color:#00ff414d;background:#ffffff14;box-shadow:0 .625rem 1.875rem #00ff411a}.landing-page__testimonial-quote{margin-bottom:1.5rem}.landing-page__testimonial-quote-icon{width:2.5rem;height:2.5rem;color:#00ff41;opacity:.5}.landing-page__testimonial-text{font-size:1rem;line-height:1.7;color:#ffffffe6;margin:0 0 2rem;flex:1}.landing-page__testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:.0625rem solid rgba(255,255,255,.1)}.landing-page__testimonial-author-info{flex:1}.landing-page__testimonial-author-name{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.landing-page__testimonial-author-title{font-size:.9rem;color:#fff9;margin:0}.landing-page__faqs{position:relative;z-index:5;padding:8rem 0;background:#1a1a2e}.landing-page__faqs-container{max-width:min(75rem,90vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.landing-page__faqs-header{margin-bottom:4rem;text-align:left}.landing-page__faqs-title-wrapper{display:flex;align-items:center;margin-bottom:2rem}.landing-page__faqs-underline{width:5rem;height:.125rem;background:#00ff41;margin-right:1rem;flex-shrink:0}.landing-page__faqs-title{font-size:1rem;font-weight:500;color:#ffffffb3;margin:0;text-transform:uppercase;letter-spacing:.1em}.landing-page__faqs-dot{color:#00ff41}.landing-page__faqs-subtitle{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.1;margin:0 0 1rem;font-family:Inter,sans-serif}.landing-page__faqs-tagline{font-size:1.1rem;line-height:1.6;color:#fffc;margin:0;max-width:min(37.5rem,90%)}.landing-page__faqs-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.landing-page__faq-item{border:.0625rem solid rgba(255,255,255,.1);border-radius:.75rem;background:#16213e;overflow:hidden;transition:all .3s ease}.landing-page__faq-item:hover{border-color:#00ff414d}.landing-page__faq-item.active{border-color:#00ff41;background:#1a2a4a}.landing-page__faq-item.active .landing-page__faq-icon{transform:rotate(180deg);color:#00ff41}.landing-page__faq-item.active .landing-page__faq-answer{max-height:31.25rem;padding:0 1.5rem 1.5rem;opacity:1}.landing-page__faq-question{width:100%;padding:1.5rem;background:transparent;border:none;color:#fff;font-size:1.125rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s ease;font-family:Inter,sans-serif}.landing-page__faq-question:hover{color:#00ff41}.landing-page__faq-question span{flex:1}.landing-page__faq-icon{width:1.5rem;height:1.5rem;flex-shrink:0;transition:transform .3s ease,color .3s ease;color:#ffffff80}.landing-page__faq-answer{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0 1.5rem}.landing-page__faq-answer p{font-size:1rem;line-height:1.7;color:#ffffffd9;margin:0}.landing-page__faqs-cta{text-align:center;padding:3rem 0;border-top:.0625rem solid rgba(255,255,255,.1)}.landing-page__faqs-cta-text{font-size:1.25rem;color:#ffffffe6;margin:0 0 1.5rem;font-weight:500}.landing-page__faqs-button{background:linear-gradient(135deg,#00ff41,#0c3);color:#000;padding:1rem 2.5rem;border-radius:3.125rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 .5rem 1.5rem #00ff414d;text-transform:uppercase;letter-spacing:.03125rem}.landing-page__faqs-button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 2rem #00ff4166;text-decoration:none}.landing-page__footer{position:relative;z-index:10;min-height:clamp(31.25rem,70vh,43.75rem);display:flex;align-items:stretch;overflow:hidden}.landing-page__footer-container{display:grid;grid-template-columns:60% 40%;width:100%;min-height:clamp(31.25rem,70vh,43.75rem)}.landing-page__footer-left{position:relative;background:linear-gradient(135deg,#1a1a2ef2,#16213ee6,#1a1a2ef2);background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80);background-size:cover;background-position:center;background-attachment:local;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:space-between}.landing-page__footer-cta{flex:1;display:flex;flex-direction:column;justify-content:center}.landing-page__footer-cta-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0 0 1rem;font-weight:400;line-height:1.5}.landing-page__footer-cta-line{width:6.25rem;height:.125rem;background:#00ff41;margin-bottom:2rem}.landing-page__footer-cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.1;margin:0 0 2rem;font-family:Inter,sans-serif}.landing-page__footer-cta-highlight{color:#00ff41}.landing-page__footer-cta-button{background:transparent;border:.125rem solid #00ff41;color:#fff;padding:1rem 2rem;border-radius:1.5625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.03125rem;align-self:flex-start}.landing-page__footer-cta-button:hover{background:#00ff41;color:#000;transform:translateY(-.125rem);box-shadow:0 .25rem 1.25rem #00ff414d}.landing-page__footer-social{display:flex;gap:1.5rem;margin-top:3rem;margin-bottom:2rem}.landing-page__footer-social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:.125rem solid #00ff41;border-radius:50%;background:transparent;color:#fff;text-decoration:none;transition:all .3s ease}.landing-page__footer-social-link:hover{background:#00ff41;color:#000;transform:translateY(-.125rem)}.landing-page__footer-social-icon{width:1.25rem;height:1.25rem}.landing-page__footer-logo{font-size:1.5rem;font-weight:800;color:#00ff41;letter-spacing:-.02em}.landing-page__footer-right{position:relative;background:#1a1a2e;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:space-between}.landing-page__footer-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3rem}.landing-page__footer-section{display:flex;flex-direction:column}.landing-page__footer-section-title{font-size:1rem;font-weight:600;color:#00ff41;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em}.landing-page__footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.landing-page__footer-link{color:#fff;text-decoration:none;font-size:1rem;font-weight:400;transition:color .3s ease}.landing-page__footer-link:hover{color:#00ff41}.landing-page__footer-contact{display:flex;flex-direction:column;gap:1.5rem}.landing-page__footer-contact-item{display:flex;align-items:center;gap:1rem;color:#fff;font-size:1rem;font-weight:400}.landing-page__footer-contact-icon{width:1.25rem;height:1.25rem;color:#fff;flex-shrink:0}.landing-page__footer-copyright{margin-top:2rem}.landing-page__footer-copyright-line{width:100%;height:.0625rem;background:#ffffff4d;margin-bottom:1rem}.landing-page__footer-copyright p{color:#fff;font-size:.9rem;font-weight:400;margin:0;opacity:.8}.landing-page__whatsapp{position:fixed;bottom:clamp(1.5rem,3vw,2rem);right:clamp(1.5rem,3vw,2rem);z-index:20}.landing-page__whatsapp-link{display:flex;align-items:center;justify-content:center;width:clamp(3.125rem,8vw,3.75rem);height:clamp(3.125rem,8vw,3.75rem);background:#00ff41;border-radius:50%;text-decoration:none;transition:all .3s ease;box-shadow:0 .25rem 1.25rem #00ff414d}.landing-page__whatsapp-link:hover{transform:scale(1.1);box-shadow:0 .375rem 1.5625rem #00ff4166}.landing-page__whatsapp-icon{width:clamp(1.5rem,4vw,1.75rem);height:clamp(1.5rem,4vw,1.75rem);color:#fff}@media (max-width: 768px){.landing-page__header-container{padding:0 1rem;flex-wrap:wrap;gap:1rem}.landing-page__logo-main{font-size:1.5rem}.landing-page__nav{gap:1.5rem;order:3;width:100%;justify-content:center;margin-top:1rem}.landing-page__nav-link{font-size:.85rem}.landing-page__cta-button{padding:.6rem 1.2rem;font-size:.8rem}.landing-page__main{padding:0 1rem;min-height:calc(100vh - 160px)}.landing-page__heading-line{font-size:clamp(2.5rem,6vw,4rem)}.landing-page__description{font-size:1rem}.landing-page__value-props{gap:1.25rem}.landing-page__value-prop{font-size:.875rem}.landing-page__hero-ctas{flex-direction:column;align-items:stretch;gap:1rem}.landing-page__hero-cta-primary,.landing-page__hero-cta-secondary{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem}.landing-page__about{padding:4rem 0}.landing-page__about-container{grid-template-columns:1fr;gap:0;padding:0 1rem;min-height:auto}.landing-page__about-image-wrapper{height:clamp(18.75rem,40vh,25rem)}.landing-page__about-content{padding:3rem 2rem}.landing-page__about-subtitle{font-size:clamp(1.75rem,4vw,2.5rem)}.landing-page__about-description{font-size:clamp(.95rem,2.5vw,1rem)}.landing-page__features{padding:4rem 0}.landing-page__features-grid{grid-template-columns:1fr;gap:1.5rem}.landing-page__features-subtitle{font-size:clamp(1.75rem,4vw,2.5rem)}.landing-page__feature-card{padding:clamp(1.25rem,2.5vw,1.5rem)}.landing-page__whatsapp{bottom:clamp(1.25rem,2.5vw,1.5rem);right:clamp(1.25rem,2.5vw,1.5rem)}.landing-page__whatsapp-link{width:clamp(3rem,6vw,3.125rem);height:clamp(3rem,6vw,3.125rem)}.landing-page__whatsapp-icon{width:clamp(1.375rem,3vw,1.5rem);height:clamp(1.375rem,3vw,1.5rem)}.landing-page__testimonials{padding:4rem 0}.landing-page__testimonials-container{padding:0 1rem}.landing-page__testimonials-subtitle{font-size:clamp(1.75rem,4vw,2.5rem)}.landing-page__testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.landing-page__testimonial-card{padding:clamp(1.25rem,2.5vw,1.5rem)}.landing-page__footer-container{grid-template-columns:1fr;min-height:auto}.landing-page__footer-left{padding:3rem 2rem;min-height:clamp(25rem,50vh,31.25rem)}.landing-page__footer-cta-title{font-size:clamp(1.75rem,4vw,2.5rem)}.landing-page__footer-cta-subtitle{font-size:1rem}.landing-page__footer-right{padding:3rem 2rem}.landing-page__footer-content{gap:2rem}.landing-page__faqs{padding:4rem 0}.landing-page__faqs-container{padding:0 1rem}.landing-page__faqs-subtitle{font-size:clamp(1.75rem,4vw,2.5rem)}.landing-page__faqs-grid{gap:.75rem}.landing-page__faq-question{padding:1.25rem 1rem;font-size:1rem}.landing-page__faq-answer p{font-size:.95rem}.landing-page__faqs-cta{padding:2rem 0}.landing-page__faqs-cta-text{font-size:1.125rem}}@media (max-width: 480px){.landing-page__header{padding:1rem 0}.landing-page__header-container{flex-direction:column;gap:1rem}.landing-page__logo{align-items:center}.landing-page__nav{gap:1rem;margin-top:.5rem}.landing-page__nav-link{font-size:.8rem}.landing-page__heading-line{font-size:clamp(2rem,5vw,3rem)}.landing-page__description{font-size:.95rem}.landing-page__value-props{flex-direction:column;gap:1rem}.landing-page__hero-cta-primary{font-size:.95rem;padding:.875rem 1.25rem}.landing-page__hero-cta-secondary{font-size:.875rem}.landing-page__testimonials{padding:3rem 0}.landing-page__testimonials-subtitle{font-size:clamp(1.5rem,3.5vw,2rem)}.landing-page__testimonials-tagline{font-size:1rem}.landing-page__testimonial-text{font-size:.95rem}.landing-page__testimonial-author-name{font-size:1rem}.landing-page__testimonial-author-title{font-size:.85rem}.landing-page__footer-left{padding:2rem 1.5rem;min-height:clamp(21.875rem,45vh,25rem)}.landing-page__footer-cta-title{font-size:clamp(1.5rem,3.5vw,2rem)}.landing-page__footer-cta-subtitle{font-size:clamp(.875rem,2vw,.95rem)}.landing-page__footer-cta-button{padding:clamp(.75rem,1.5vw,.8rem) clamp(1.25rem,2.5vw,1.5rem);font-size:clamp(.85rem,1.8vw,.9rem)}.landing-page__footer-right{padding:2rem 1.5rem}.landing-page__footer-social-link{width:clamp(2rem,5vw,2.1875rem);height:clamp(2rem,5vw,2.1875rem)}.landing-page__footer-social-icon{width:clamp(1rem,2.5vw,1.125rem);height:clamp(1rem,2.5vw,1.125rem)}.landing-page__footer-content{gap:1.5rem}.landing-page__footer-section-title,.landing-page__footer-link,.landing-page__footer-contact-item{font-size:.9rem}.landing-page__footer-contact-icon{width:clamp(1rem,2.5vw,1.125rem);height:clamp(1rem,2.5vw,1.125rem)}.landing-page__footer-logo{font-size:1.2rem}.landing-page__faqs{padding:3rem 0}.landing-page__faqs-subtitle{font-size:clamp(1.5rem,3.5vw,2rem)}.landing-page__faqs-tagline{font-size:1rem}.landing-page__faqs-grid{margin-bottom:2.5rem}.landing-page__faq-question{padding:1rem .875rem;font-size:.95rem;gap:.75rem}.landing-page__faq-icon{width:1.25rem;height:1.25rem}.landing-page__faq-answer.active{padding:0 .875rem 1rem}.landing-page__faq-answer p{font-size:.9rem}.landing-page__faqs-cta{padding:1.5rem 0}.landing-page__faqs-cta-text{font-size:1rem}.landing-page__faqs-button{padding:.875rem 1.5rem;font-size:.875rem}}.dashboard-page__header{margin-bottom:2rem;text-align:center}.dashboard-page__header h1{font-size:2.5rem;color:#ae8c63;margin-bottom:.5rem}.dashboard-page__header p{color:#333;font-size:1.1rem}.dashboard-page__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem}.dashboard-page__card{background:#fff;border-radius:1rem;padding:2rem;border:.0625rem solid #f8fafc}.dashboard-page__card h2{color:#ae8c63;margin-bottom:1.5rem;font-size:1.5rem}.dashboard-page__error{color:#dc2626;background-color:#fef2f2;border:.0625rem solid #fecaca;border-radius:.5rem;padding:1rem;margin-top:1rem}.dashboard-page__error p{margin:.5rem 0}.dashboard-page__success{color:#059669;background-color:#f0fdf4;border:.0625rem solid #bbf7d0;border-radius:.5rem;padding:1rem;margin-top:1rem}.dashboard-page__success p{margin:.5rem 0}.dashboard-page__health-details{margin-top:1rem;padding-top:1rem;border-top:.0625rem solid #d1d5db}.dashboard-page__health-details p{margin:.5rem 0;color:#333}.dashboard-page__actions{display:flex;gap:1rem;flex-wrap:wrap}.dashboard-page__action{padding:.75rem 1.5rem;background-color:#ae8c63;color:#fff;text-decoration:none;border-radius:.5rem;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.dashboard-page__action:hover{background-color:#92724c;transform:translateY(-.125rem)}.dashboard-page__info p{margin:.75rem 0;color:#333}.dashboard-page__info p strong{color:#ae8c63}.toast{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:400px;border-radius:.25rem;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.toast__content{display:flex;align-items:center;padding:1rem;gap:.75rem}.toast__icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.toast__message{flex:1;font-size:.9rem;line-height:1.4}.toast__close{flex-shrink:0;background:none;border:none;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.toast__close:hover{background-color:#0000001a}.toast--success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.toast--success .toast__icon{background-color:#28a745;color:#fff}.toast--success .toast__close{color:#155724}.toast--success .toast__close:hover{background-color:#1557241a}.toast--error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.toast--error .toast__icon{background-color:#dc3545;color:#fff}.toast--error .toast__close{color:#721c24}.toast--error .toast__close:hover{background-color:#721c241a}.toast--info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.toast--info .toast__icon{background-color:#17a2b8;color:#fff}.toast--info .toast__close{color:#0c5460}.toast--info .toast__close:hover{background-color:#0c54601a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 480px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast__content{padding:.875rem}.toast__message{font-size:.85rem}}.login-page{position:relative;min-height:100vh;overflow:hidden;font-family:Inter,sans-serif;color:#fff}.login-page__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.login-page__background-image{width:100%;height:100%;object-fit:cover;object-position:center}.login-page__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#0006,#000c);z-index:1}.login-page__header{position:relative;z-index:10;padding:2rem 0}.login-page__header-container{max-width:min(87.5rem,95vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:flex-start}.login-page__logo{display:flex;flex-direction:column}.login-page__logo-main{font-size:2rem;font-weight:800;color:#00ff41;letter-spacing:-.02em;line-height:1}.login-page__logo-subtitle{font-size:.75rem;font-weight:400;color:#ffffffe6;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.login-page__main{position:relative;z-index:5;min-height:calc(100vh - 7.5rem);display:flex;align-items:center;padding:0 clamp(1rem,3vw,2rem)}.login-page__main-container{max-width:min(87.5rem,90vw);margin:0 auto;width:100%}.login-page__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.login-page__left{display:flex;flex-direction:column;gap:2rem}.login-page__heading{margin-bottom:2rem}.login-page__heading-line{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.9;color:#ffffffe6;margin-bottom:.5rem;letter-spacing:-.02em}.login-page__heading-line--outline{color:transparent;-webkit-text-stroke:.125rem #00ff41;position:relative;display:flex;align-items:center;gap:1rem}.login-page__heading-line--outline:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#00ff41,#0c3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:-1}.login-page__heading-dot{width:1.5rem;height:1.5rem;background:#fffc;border-radius:50%;flex-shrink:0;margin-right:.5rem}.login-page__heading-underline{width:4ch;height:.25rem;background:#fff;margin-top:.75rem;margin-left:0;position:absolute;bottom:-1rem;left:0}.login-page__description{font-size:1.1rem;line-height:1.6;color:#fffc;max-width:min(37.5rem,90%);font-weight:400;margin:0 0 2.5rem}.login-page__stats{display:flex;gap:2rem;flex-wrap:wrap}.login-page__stat-item{display:flex;flex-direction:column;gap:.5rem}.login-page__stat-number{font-size:2.5rem;font-weight:800;color:#00ff41;line-height:1}.login-page__stat-label{font-size:.9rem;color:#ffffffb3;font-weight:400;line-height:1.3}.login-page__right{display:flex;justify-content:center;align-items:center}.login-page__form-container{background:#16213ecc;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.1);border-radius:1rem;padding:clamp(2rem,4vw,3rem);width:100%;max-width:500px}.login-page__form{display:flex;flex-direction:column;gap:1.5rem}.login-page__error{background-color:#ff413626;color:#ff6b6b;padding:.875rem;border-radius:.5rem;font-size:.9rem;border:.0625rem solid rgba(255,65,54,.3)}.login-page__field{display:flex;flex-direction:column;gap:.75rem}.login-page__label{font-weight:600;color:#fff;font-size:.95rem}.login-page__input{padding:.875rem 1rem;border:.125rem solid rgba(255,255,255,.2);border-radius:.5rem;font-size:1rem;transition:all .3s ease;background:#ffffff0d;color:#fff;font-family:Inter,sans-serif}.login-page__input:focus{outline:none;border-color:#00ff41;background:#ffffff14;box-shadow:0 0 0 3px #00ff411a}.login-page__input:disabled{background-color:#ffffff08;cursor:not-allowed;opacity:.6}.login-page__input::placeholder{color:#fff6}.login-page__button{background:linear-gradient(135deg,#00ff41,#0c3);color:#000;border:none;padding:1.125rem 2.25rem;border-radius:3.125rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem;font-family:Inter,sans-serif;box-shadow:0 .5rem 1.5rem #00ff414d;position:relative;overflow:hidden}.login-page__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-page__button:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .75rem 2rem #00ff4166}.login-page__button:hover:not(:disabled):before{left:100%}.login-page__button:disabled{background:#fff3;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.login-page__footer{margin-top:2rem;padding-top:2rem;border-top:.0625rem solid rgba(255,255,255,.1);text-align:center}.login-page__help-text{color:#fffc;font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.login-page__link{color:#00ff41;text-decoration:none;font-weight:600;transition:all .3s ease}.login-page__link:hover{text-decoration:underline;color:#0c3}@media (max-width: 1024px){.login-page__content{gap:3rem}.login-page__heading-line{font-size:clamp(2.5rem,7vw,5rem)}.login-page__form-container{max-width:450px}}@media (max-width: 768px){.login-page__header-container{padding:0 1rem}.login-page__logo-main{font-size:1.5rem}.login-page__main{padding:0 1rem;min-height:calc(100vh - 120px)}.login-page__content{grid-template-columns:1fr;gap:3rem}.login-page__left{text-align:center;align-items:center}.login-page__heading{margin-bottom:1.5rem}.login-page__heading-line{font-size:clamp(2.5rem,10vw,4rem)}.login-page__heading-underline{margin-left:auto;margin-right:auto}.login-page__description{font-size:1rem;max-width:100%}.login-page__stats{justify-content:center;gap:1.5rem}.login-page__stat-number{font-size:2rem}.login-page__stat-label{font-size:.85rem}.login-page__form-container{padding:clamp(1.5rem,3vw,2rem);max-width:100%}.login-page__form{gap:1.25rem}.login-page__button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.login-page__header{padding:1rem 0}.login-page__logo{align-items:center}.login-page__logo-main{font-size:1.25rem}.login-page__logo-subtitle{font-size:.65rem}.login-page__main{padding:0 .75rem}.login-page__content{gap:2rem}.login-page__heading-line{font-size:clamp(2rem,8vw,3rem)}.login-page__description{font-size:.95rem}.login-page__stats{flex-direction:column;gap:1rem;width:100%}.login-page__stat-item{width:100%;text-align:center}.login-page__stat-number{font-size:1.75rem}.login-page__form-container{padding:clamp(1.25rem,2.5vw,1.5rem)}.login-page__button{padding:.875rem 1.5rem;font-size:.95rem}.login-page__help-text{font-size:.85rem}}.register-page{position:relative;min-height:100vh;overflow:hidden;font-family:Inter,sans-serif;color:#fff}.register-page__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.register-page__background-image{width:100%;height:100%;object-fit:cover;object-position:center}.register-page__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#0006,#000c);z-index:1}.register-page__header{position:relative;z-index:10;padding:2rem 0}.register-page__header-container{max-width:min(87.5rem,95vw);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:flex-start}.register-page__logo{display:flex;flex-direction:column}.register-page__logo-main{font-size:2rem;font-weight:800;color:#00ff41;letter-spacing:-.02em;line-height:1}.register-page__logo-subtitle{font-size:.75rem;font-weight:400;color:#ffffffe6;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.register-page__main{position:relative;z-index:5;min-height:calc(100vh - 7.5rem);display:flex;align-items:center;padding:0 clamp(1rem,3vw,2rem)}.register-page__main-container{max-width:min(87.5rem,90vw);margin:0 auto;width:100%}.register-page__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.register-page__left{display:flex;flex-direction:column;gap:2rem}.register-page__heading{margin-bottom:2rem}.register-page__heading-line{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.9;color:#ffffffe6;margin-bottom:.5rem;letter-spacing:-.02em}.register-page__heading-line--outline{color:transparent;-webkit-text-stroke:.125rem #00ff41;position:relative;display:flex;align-items:center;gap:1rem}.register-page__heading-line--outline:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#00ff41,#0c3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:-1}.register-page__heading-dot{width:1.5rem;height:1.5rem;background:#fffc;border-radius:50%;flex-shrink:0;margin-right:.5rem}.register-page__heading-underline{width:7ch;height:.25rem;background:#fff;margin-top:.75rem;margin-left:0;position:absolute;bottom:-1rem;left:0}.register-page__description{font-size:1.1rem;line-height:1.6;color:#fffc;max-width:min(37.5rem,90%);font-weight:400;margin:0 0 2.5rem}.register-page__stats{display:flex;gap:2rem;flex-wrap:wrap}.register-page__stat-item{display:flex;flex-direction:column;gap:.5rem}.register-page__stat-number{font-size:2.5rem;font-weight:800;color:#00ff41;line-height:1}.register-page__stat-label{font-size:.9rem;color:#ffffffb3;font-weight:400;line-height:1.3}.register-page__right{display:flex;justify-content:center;align-items:flex-start;padding-top:.5rem}.register-page__form-container{background:#16213ecc;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.1);border-radius:1rem;padding:clamp(2rem,4vw,3rem);width:100%;margin-top:-4rem}.register-page__form{display:flex;flex-direction:column;gap:1.5rem}.register-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.register-page__error{background-color:#ff413626;color:#ff6b6b;padding:.875rem;border-radius:.5rem;font-size:.9rem;border:.0625rem solid rgba(255,65,54,.3);grid-column:1/-1;text-align:center}.register-page__field{display:flex;flex-direction:column;gap:.75rem}.register-page__label{font-weight:600;color:#fff;font-size:.95rem}.register-page__input{padding:.875rem 1rem;border:.125rem solid rgba(255,255,255,.2);border-radius:.5rem;font-size:1rem;transition:all .3s ease;background:#ffffff0d;color:#fff;font-family:Inter,sans-serif}.register-page__input:focus{outline:none;border-color:#00ff41;background:#ffffff14;box-shadow:0 0 0 3px #00ff411a}.register-page__input:disabled{background-color:#ffffff08;cursor:not-allowed;opacity:.6}.register-page__input::placeholder{color:#fff6}.register-page__input[type=select],.register-page__input select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2rem;padding-right:2.5rem;transition:all .3s ease}.register-page__input[type=select]:hover,.register-page__input select:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ff41' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.register-page__input[type=select]:focus,.register-page__input select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ff41' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.register-page__button{background:linear-gradient(135deg,#00ff41,#0c3);color:#000;border:none;padding:1.125rem 2.25rem;border-radius:3.125rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem;font-family:Inter,sans-serif;box-shadow:0 .5rem 1.5rem #00ff414d;position:relative;overflow:hidden}.register-page__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.register-page__button:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .75rem 2rem #00ff4166}.register-page__button:hover:not(:disabled):before{left:100%}.register-page__button:disabled{background:#fff3;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.register-page__footer{margin-top:2rem;padding-top:2rem;border-top:.0625rem solid rgba(255,255,255,.1);text-align:center}.register-page__help-text{color:#fffc;font-size:.9rem;margin:0;line-height:1.5}.register-page__link{color:#00ff41;text-decoration:none;font-weight:600;transition:all .3s ease}.register-page__link:hover{text-decoration:underline;color:#0c3}@media (max-width: 1024px){.register-page__content{gap:3rem}.register-page__heading-line{font-size:clamp(2.5rem,7vw,5rem)}.register-page__form-container{max-width:550px}.register-page__form-row{gap:1.25rem}}@media (max-width: 768px){.register-page__header-container{padding:0 1rem}.register-page__logo-main{font-size:1.5rem}.register-page__main{padding:0 1rem;min-height:calc(100vh - 120px)}.register-page__content{grid-template-columns:1fr;gap:3rem}.register-page__left{text-align:center;align-items:center}.register-page__heading{margin-bottom:1.5rem}.register-page__heading-line{font-size:clamp(2.5rem,10vw,4rem)}.register-page__heading-underline{margin-left:auto;margin-right:auto}.register-page__description{font-size:1rem;max-width:100%}.register-page__stats{justify-content:center;gap:1.5rem}.register-page__stat-number{font-size:2rem}.register-page__stat-label{font-size:.85rem}.register-page__form-container{padding:clamp(1.5rem,3vw,2rem);max-width:100%}.register-page__form{gap:1.25rem}.register-page__form-row{grid-template-columns:1fr;gap:1rem}.register-page__button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.register-page__header{padding:1rem 0}.register-page__logo{align-items:center}.register-page__logo-main{font-size:1.25rem}.register-page__logo-subtitle{font-size:.65rem}.register-page__main{padding:0 .75rem}.register-page__content{gap:2rem}.register-page__heading-line{font-size:clamp(2rem,8vw,3rem)}.register-page__description{font-size:.95rem}.register-page__stats{flex-direction:column;gap:1rem;width:100%}.register-page__stat-item{width:100%;text-align:center}.register-page__stat-number{font-size:1.75rem}.register-page__form-container{padding:clamp(1.25rem,2.5vw,1.5rem)}.register-page__button{padding:.875rem 1.5rem;font-size:.95rem}.register-page__help-text{font-size:.85rem}}.financial-overview{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.financial-overview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.financial-overview__title{font-size:18px;font-weight:600;color:#111827;margin:0}.financial-overview__info-icon{width:20px;height:20px;color:#6b7280;cursor:help}.financial-overview__content{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}@media (max-width: 768px){.financial-overview__content{grid-template-columns:1fr;gap:16px}}.financial-overview__metric{display:flex;flex-direction:column;gap:8px}.financial-overview__metric-header{display:flex;align-items:center;justify-content:space-between}.financial-overview__metric-title{font-size:14px;font-weight:500;color:#6b7280}.financial-overview__metric-icon{width:20px;height:20px}.financial-overview__metric-icon--green{color:#10b981}.financial-overview__metric-icon--orange{color:#f59e0b}.financial-overview__metric-icon--blue{color:#3b82f6}.financial-overview__metric-value{font-size:24px;font-weight:700;line-height:1.2}.financial-overview__metric-value--green{color:#059669}.financial-overview__metric-value--orange{color:#d97706}.financial-overview__metric-value--blue{color:#2563eb}.financial-overview__metric-details{display:flex;align-items:center;gap:8px}.financial-overview__metric-subtitle{font-size:12px;color:#9ca3af}.financial-overview__quick-stats{display:flex;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #f3f4f6}.financial-overview__quick-stat{display:flex;flex-direction:column;gap:4px;flex:1}.financial-overview__quick-stat-label{font-size:12px;font-weight:500;color:#6b7280}.financial-overview__quick-stat-value{font-size:14px;font-weight:600;color:#111827}.financial-overview__quick-stat-value--good{color:#059669}.financial-overview__quick-stat-value--average{color:#d97706}.financial-overview__quick-stat-value--poor{color:#dc2626}.financial-overview__loading{padding:32px 0;display:flex;justify-content:center}.financial-overview__skeleton{width:100%;max-width:400px}.financial-overview__skeleton-line{height:20px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:12px}.financial-overview__skeleton-line:first-child{width:60%}.financial-overview__skeleton-line:last-child{width:40%}.financial-overview__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;text-align:center}.financial-overview__error-icon{width:48px;height:48px;color:#ef4444}.financial-overview__error-message{font-size:14px;color:#6b7280;margin:0}.financial-overview__retry-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.financial-overview__retry-btn:hover{background:#2563eb}.financial-overview__retry-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.financial-overview__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.financial-overview__empty-message{font-size:16px;font-weight:500;color:#374151;margin:0}.financial-overview__empty-description{font-size:14px;color:#6b7280;margin:0;max-width:400px}@media (max-width: 768px){.financial-overview{padding:16px}.financial-overview__content{grid-template-columns:1fr;gap:16px}.financial-overview__quick-stats{flex-direction:column;gap:12px}.financial-overview__metric-value{font-size:20px}}@media (max-width: 480px){.financial-overview__header{flex-direction:column;align-items:flex-start;gap:8px}.financial-overview__title{font-size:16px}}.monthly-revenue-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.monthly-revenue-chart__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.monthly-revenue-chart__title{font-size:18px;font-weight:600;color:#111827;margin:0}.monthly-revenue-chart__summary{display:flex;gap:24px;align-items:center}.monthly-revenue-chart__summary-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.monthly-revenue-chart__summary-label{font-size:12px;font-weight:500;color:#6b7280}.monthly-revenue-chart__summary-value{font-size:14px;font-weight:600}.monthly-revenue-chart__summary-value--green{color:#059669}.monthly-revenue-chart__summary-value--blue{color:#2563eb}.monthly-revenue-chart__chart-container{height:350px;margin-bottom:24px;position:relative}.monthly-revenue-chart__stats{display:flex;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #f3f4f6}.monthly-revenue-chart__stat{display:flex;flex-direction:column;gap:4px;flex:1;text-align:center}.monthly-revenue-chart__stat-label{font-size:12px;font-weight:500;color:#6b7280}.monthly-revenue-chart__stat-value{font-size:14px;font-weight:600;color:#111827}.monthly-revenue-chart__stat-value--orange{color:#d97706}.monthly-revenue-chart__loading-indicator{display:flex;align-items:center;gap:8px}.monthly-revenue-chart__loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.monthly-revenue-chart__skeleton{height:350px;display:flex;align-items:center;justify-content:center}.monthly-revenue-chart__skeleton-chart{width:100%;height:300px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.monthly-revenue-chart__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;text-align:center}.monthly-revenue-chart__error-icon{font-size:48px}.monthly-revenue-chart__error-message{font-size:14px;color:#6b7280;margin:0}.monthly-revenue-chart__retry-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.monthly-revenue-chart__retry-btn:hover{background:#2563eb}.monthly-revenue-chart__retry-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.monthly-revenue-chart__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.monthly-revenue-chart__empty-message{font-size:16px;font-weight:500;color:#374151;margin:0}.monthly-revenue-chart__empty-description{font-size:14px;color:#6b7280;margin:0;max-width:400px}@media (max-width: 768px){.monthly-revenue-chart{padding:16px}.monthly-revenue-chart__header{flex-direction:column;gap:16px;align-items:flex-start}.monthly-revenue-chart__summary{flex-direction:column;gap:12px;align-items:flex-start}.monthly-revenue-chart__summary-item{align-items:flex-start}.monthly-revenue-chart__chart-container{height:300px}.monthly-revenue-chart__stats{flex-direction:column;gap:12px}.monthly-revenue-chart__stat{text-align:left}}@media (max-width: 480px){.monthly-revenue-chart__title{font-size:16px}.monthly-revenue-chart__chart-container{height:250px}}.unit-status{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;width:100%}.unit-status__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.unit-status__title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.unit-status__info-icon{width:1.25rem;height:1.25rem;color:#6b7280}.unit-status__loading{padding:2rem 0}.unit-status__skeleton{display:flex;flex-direction:column;gap:1rem}.unit-status__skeleton-line{height:1rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.unit-status__skeleton-line:first-child{width:60%}.unit-status__skeleton-line:nth-child(2){width:80%}.unit-status__skeleton-line:nth-child(3){width:70%}.unit-status__error{display:flex;flex-direction:column;align-items:center;padding:2rem 0;text-align:center}.unit-status__error-icon{width:2rem;height:2rem;color:#ef4444;margin-bottom:.5rem}.unit-status__error-message{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.unit-status__retry-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.unit-status__retry-btn:hover{background:#2563eb}.unit-status__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.unit-status__empty-message{font-size:16px;font-weight:500;color:#374151;margin:0}.unit-status__empty-description{font-size:14px;color:#6b7280;margin:0;max-width:400px}.unit-status__content{display:flex;flex-direction:column;gap:1rem}.unit-status__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.unit-status__stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;transition:all .2s}.unit-status__stat-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.unit-status__stat-item--occupied{background:#f0fdf4;border-color:#bbf7d0}.unit-status__stat-item--occupied .unit-status__stat-icon{color:#059669}.unit-status__stat-item--unoccupied{background:#fef2f2;border-color:#fecaca}.unit-status__stat-item--unoccupied .unit-status__stat-icon{color:#dc2626}.unit-status__stat-icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:#6b7280}.unit-status__stat-content{flex:1}.unit-status__stat-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;line-height:1.2;font-weight:500}.unit-status__stat-value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1.2}@media (max-width: 768px){.unit-status{padding:1rem}.unit-status__stats-grid{grid-template-columns:1fr;gap:.75rem}.unit-status__stat-item{padding:.75rem}.unit-status__stat-value{font-size:1.25rem}}.revenue-collection-overview{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;width:100%}.revenue-collection-overview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.revenue-collection-overview__title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.revenue-collection-overview__info-icon{width:1.25rem;height:1.25rem;color:#6b7280}.revenue-collection-overview__loading{padding:2rem 0}.revenue-collection-overview__skeleton{display:flex;flex-direction:column;gap:1rem}.revenue-collection-overview__skeleton-line{height:1rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.revenue-collection-overview__skeleton-line:first-child{width:60%}.revenue-collection-overview__skeleton-line:nth-child(2){width:80%}.revenue-collection-overview__skeleton-line:nth-child(3){width:70%}.revenue-collection-overview__error{display:flex;flex-direction:column;align-items:center;padding:2rem 0;text-align:center}.revenue-collection-overview__error-icon{width:2rem;height:2rem;color:#ef4444;margin-bottom:.5rem}.revenue-collection-overview__error-message{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.revenue-collection-overview__retry-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.revenue-collection-overview__retry-btn:hover{background:#2563eb}.revenue-collection-overview__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.revenue-collection-overview__empty-message{font-size:16px;font-weight:500;color:#374151;margin:0}.revenue-collection-overview__empty-description{font-size:14px;color:#6b7280;margin:0;max-width:400px}.revenue-collection-overview__content{display:flex;flex-direction:column;gap:1.5rem}.revenue-collection-overview__chart-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.revenue-collection-overview__chart-container{position:relative;flex:0 0 200px;height:200px;display:flex;align-items:center;justify-content:center}.revenue-collection-overview__chart{width:100%;height:100%}.revenue-collection-overview__chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.revenue-collection-overview__chart-center-value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1.2}.revenue-collection-overview__chart-center-label{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:.25rem}.revenue-collection-overview__legend{display:flex;gap:1.5rem;align-items:center;justify-content:center}.revenue-collection-overview__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.revenue-collection-overview__legend-color{width:12px;height:12px;border-radius:50%}.revenue-collection-overview__legend-color--collected{background-color:#10b981}.revenue-collection-overview__legend-color--outstanding{background-color:#ef4444}.revenue-collection-overview__stats-text{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem 0;border-top:1px solid #f3f4f6}.revenue-collection-overview__stat-item{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-start}.revenue-collection-overview__stat-label{font-size:.875rem;font-weight:600;color:#374151}.revenue-collection-overview__stat-value{font-size:1rem;font-weight:700;color:#111827}.revenue-collection-overview__stat-subtitle{font-size:.75rem;color:#6b7280}.revenue-collection-overview__summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;transition:all .2s}.revenue-collection-overview__summary-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.revenue-collection-overview__summary-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.revenue-collection-overview__summary-icon--collected{color:#059669}.revenue-collection-overview__summary-icon--outstanding{color:#dc2626}.revenue-collection-overview__summary-icon--expected{color:#6b7280}.revenue-collection-overview__summary-content{flex:1}.revenue-collection-overview__summary-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;line-height:1.2;font-weight:500}.revenue-collection-overview__summary-value{font-size:1rem;font-weight:600;color:#111827;line-height:1.2;margin-bottom:.125rem}.revenue-collection-overview__summary-subtitle{font-size:.6875rem;color:#9ca3af;line-height:1.2}@media (max-width: 768px){.revenue-collection-overview{padding:1rem}.revenue-collection-overview__main-layout{flex-direction:column;gap:1rem}.revenue-collection-overview__chart-container{flex:none;width:100%;height:180px}.revenue-collection-overview__stats-summary{width:100%}.revenue-collection-overview__summary-item{padding:.75rem}.revenue-collection-overview__summary-value{font-size:.875rem}.revenue-collection-overview__chart-center-value{font-size:1.25rem}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.app-dashboard{background-color:#f8fafc;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative;contain:layout style}.app-dashboard *{max-width:100%;box-sizing:border-box}.app-dashboard *:not(.app-dashboard__content *){overflow-x:hidden}.app-dashboard__content{padding:1rem 2rem 2rem;max-width:100%;margin:0;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;contain:layout style}.app-dashboard__content>*{max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1200px){.app-dashboard__content{padding:1rem 1.5rem 2rem}}@media (max-width: 768px){.app-dashboard__content{padding:.5rem 1rem 1rem}}@media (max-width: 480px){.app-dashboard__content{padding:.5rem .75rem 1rem}}.app-dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:0;width:100%;box-sizing:border-box}@media (max-width: 768px){.app-dashboard__header{margin-bottom:1.5rem;flex-direction:column;gap:1rem;align-items:flex-start}}.app-dashboard__header-left{flex:1}.app-dashboard__greeting{font-size:1rem;color:#6b7280;margin:.5rem 0 0;font-weight:400}.app-dashboard__header-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.app-dashboard__header-actions{width:100%;justify-content:space-between}}.app-dashboard__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.app-dashboard__month-filter{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;color:#6b7280;cursor:pointer;outline:none;transition:border-color .2s ease}.app-dashboard__month-filter:focus{border-color:#10b981}.app-dashboard__month-filter:hover{border-color:#d1d5db}.app-dashboard__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.app-dashboard__summary-cards{grid-template-columns:1fr;gap:.75rem}}.app-dashboard__summary-card{background:#fff;border-radius:12px;padding:1rem;border:1px solid #e5e7eb;position:relative;min-height:130px}.app-dashboard__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.app-dashboard__card-icon{width:32px;height:32px;border:2px solid #d1fae5;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f0fdf4;color:#10b981;font-size:1rem;font-weight:600}.app-dashboard__card-dropdown{border:none;background:none;color:#6b7280;font-size:.75rem;cursor:pointer;outline:none}.app-dashboard__add-property-btn{display:flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.app-dashboard__add-property-btn:hover{background:#059669;transform:translateY(-1px)}.app-dashboard__add-property-btn:active{transform:translateY(0)}.app-dashboard__add-property-btn:focus{outline:none;box-shadow:0 0 0 3px #10b9814d}.app-dashboard__add-property-icon{width:14px;height:14px}.app-dashboard__card-amount{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.75rem;line-height:1.2}.app-dashboard__card-title{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.app-dashboard__card-change{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center}.app-dashboard__card-subtitle{font-size:.75rem;color:#9ca3af;font-weight:400}.app-dashboard__change-value{font-size:.875rem;font-weight:600}.app-dashboard__change-value--positive{color:#10b981}.app-dashboard__change-value--negative{color:#ef4444}.app-dashboard__change-value--info{color:#6b7280}.app-dashboard__card-subtitle{font-size:.75rem;color:#9ca3af}.app-dashboard__main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;contain:layout}.app-dashboard__main-grid>*{min-width:0;max-width:100%;overflow-x:hidden}@media (max-width: 1400px){.app-dashboard__main-grid{grid-template-columns:1.4fr 1fr;gap:1.25rem}}@media (max-width: 1200px){.app-dashboard__main-grid{grid-template-columns:1.3fr 1fr;gap:1rem}}@media (max-width: 1024px){.app-dashboard__main-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.app-dashboard__main-grid{gap:.75rem}}.app-dashboard__left-column{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;min-width:0}.app-dashboard__left-column>*{max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.app-dashboard__left-column{gap:1rem}}.app-dashboard__right-column{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;min-width:0}.app-dashboard__right-column>*{max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.app-dashboard__right-column{gap:1rem}}.app-dashboard__full-width-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.app-dashboard__full-width-section>*{max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.app-dashboard__full-width-section{margin-top:1.5rem;gap:1rem}}.app-dashboard__middle-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.app-dashboard__middle-section{grid-template-columns:1fr}}.app-dashboard__analytics-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.app-dashboard__info-icon{width:16px;height:16px;color:#9ca3af;margin-left:.5rem}.app-dashboard__chart-container{height:350px!important;min-height:350px!important;position:relative;margin-top:1rem;padding:.5rem 0}.app-dashboard__rental-payments-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.app-dashboard__rental-payments-content{margin-top:1rem}.app-dashboard__rental-total{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.app-dashboard__rental-amount{font-size:2rem;font-weight:700;color:#1f2937}.app-dashboard__rental-change{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.app-dashboard__rental-change--positive{color:#10b981;background-color:#f0fdf4}.app-dashboard__rental-sections{display:flex;flex-direction:column;gap:1.5rem}.app-dashboard__rental-section{display:flex;flex-direction:column;gap:.75rem}.app-dashboard__rental-section-header{display:flex;justify-content:space-between;align-items:center}.app-dashboard__rental-section-label{font-size:.875rem;font-weight:500;color:#6b7280}.app-dashboard__rental-section-amount{font-size:1.125rem;font-weight:600;color:#1f2937}.app-dashboard__rental-section-change{font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.app-dashboard__rental-section-change--positive{color:#10b981;background-color:#f0fdf4}.app-dashboard__rental-progress{height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden}.app-dashboard__rental-progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.app-dashboard__rental-progress-bar--blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.app-dashboard__rental-progress-bar--orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.app-dashboard__message-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.app-dashboard__message-item:last-child{border-bottom:none}.app-dashboard__message-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.app-dashboard__message-content{flex:1;min-width:0}.app-dashboard__message-name{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.app-dashboard__message-text{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;line-height:1.4}.app-dashboard__message-tag{font-size:.75rem;padding:.125rem .5rem;border-radius:12px;font-weight:500}.app-dashboard__message-tag--green{background:#dcfce7;color:#166534}.app-dashboard__message-tag--purple{background:#f3e8ff;color:#7c3aed}.app-dashboard__message-tag--pink{background:#fce7f3;color:#be185d}.app-dashboard__message-tag--blue{background:#dbeafe;color:#1d4ed8}.app-dashboard__message-time{font-size:.75rem;color:#9ca3af;flex-shrink:0}.app-dashboard__transactions-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.app-dashboard__view-all{color:#10b981;text-decoration:none;font-size:.875rem;font-weight:500;margin-left:auto}.app-dashboard__view-all:hover{text-decoration:underline}.app-dashboard__table-container{overflow-x:auto;margin-top:1rem}.app-dashboard__table{width:100%;border-collapse:collapse}.app-dashboard__table th{text-align:left;padding:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.app-dashboard__table td{padding:.5rem;border-bottom:1px solid #f3f4f6;font-size:.75rem;color:#374151;white-space:nowrap}.app-dashboard__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:.25rem}.app-dashboard__transaction-user{display:flex;align-items:center;gap:.75rem}.app-dashboard__transaction-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.app-dashboard__transaction-name{font-weight:600;color:#1f2937;margin-bottom:.125rem}.app-dashboard__transaction-id{font-size:.75rem;color:#9ca3af}.app-dashboard__payment-info{display:flex;align-items:center;gap:.5rem}.app-dashboard__payment-icon{width:16px;height:16px;color:#ef4444}.app-dashboard__status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.app-dashboard__status--paid{background:#dcfce7;color:#166534}.app-dashboard__status--pending{background:#fef3c7;color:#92400e}.app-dashboard__status--cancelled{background:#fee2e2;color:#991b1b}.app-dashboard__action-icon{width:16px;height:16px;color:#9ca3af;cursor:pointer}.app-dashboard__action-icon:hover{color:#6b7280}.app-dashboard__transaction-type{display:flex;flex-direction:column;gap:.125rem}.app-dashboard__transaction-type-name{font-size:.75rem;font-weight:600;color:#1f2937}.app-dashboard__transaction-code{font-size:.75rem;font-weight:500;color:#6b7280;font-family:Courier New,monospace}.app-dashboard__transaction-date{font-size:.75rem;color:#6b7280}.app-dashboard__payment-method{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:4px;display:inline-block}.app-dashboard__payment-method--mpesa{background:#f0fdf4;color:#10b981}.app-dashboard__payment-method--banktransfer{background:#eff6ff;color:#3b82f6}.app-dashboard__transaction-amount{font-size:.75rem;font-weight:600;color:#1f2937}.app-dashboard__transaction-property{font-size:.75rem;color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-dashboard__action-btn{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease}.app-dashboard__action-btn:hover{background:#f3f4f6;color:#374151}.app-dashboard__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;border-top:1px solid #e5e7eb}.app-dashboard__pagination-info{font-size:.75rem;color:#6b7280}.app-dashboard__pagination-controls{display:flex;align-items:center;gap:.5rem}.app-dashboard__pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.app-dashboard__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.app-dashboard__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.app-dashboard__pagination-btn--prev{margin-right:.5rem}.app-dashboard__pagination-btn--next{margin-left:.5rem}.app-dashboard__pagination-pages{display:flex;gap:.25rem}.app-dashboard__pagination-page{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.app-dashboard__pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.app-dashboard__pagination-page--active{background:#10b981;border-color:#10b981;color:#fff}.app-dashboard__pagination-page--active:hover{background:#059669;border-color:#059669}.property-details-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.property-details-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.property-details-modal__content{position:relative;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.property-details-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.property-details-modal__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.property-details-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.property-details-modal__close-btn:hover{background:#e5e7eb;color:#374151;transform:rotate(45deg)}.property-details-modal__body{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.property-details-modal__section{background:#f9fafb;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.property-details-modal__section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.property-details-modal__section-icon{width:20px;height:20px;color:#10b981;background:#ecfdf5;padding:8px;border-radius:8px}.property-details-modal__section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.property-details-modal__section-content{display:flex;flex-direction:column;gap:1rem}.property-details-modal__field{display:flex;flex-direction:column;gap:.25rem}.property-details-modal__field-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.property-details-modal__field-value{font-size:.875rem;font-weight:500;color:#1f2937;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;min-height:20px}.property-details-modal__contact-person{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e5e7eb;margin-bottom:1rem}.property-details-modal__contact-person:last-child{margin-bottom:0}.property-details-modal__contact-person-header{margin-bottom:1rem}.property-details-modal__contact-person-role{display:inline-block;background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.property-details-modal__footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.property-details-modal__close-button{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.property-details-modal__close-button:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width: 768px){.property-details-modal{padding:.5rem}.property-details-modal__content{max-height:95vh}.property-details-modal__header{padding:1rem 1.5rem}.property-details-modal__body{padding:1.5rem}.property-details-modal__footer{padding:1rem 1.5rem}}.property-details-modal__field-value--textarea{white-space:pre-wrap;word-wrap:break-word;line-height:1.5;background:#f9fafb;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;min-height:60px}.property-edit-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem}.property-edit-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.property-edit-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.property-edit-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.property-edit-modal__title-section{flex:1}.property-edit-modal__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .25rem}.property-edit-modal__subtitle{font-size:.875rem;color:#6b7280;margin:0}.property-edit-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.property-edit-modal__close-btn:hover{background:#f3f4f6;color:#374151}.property-edit-modal__body{flex:1;overflow-y:auto;padding:1.5rem}.property-edit-modal__section{margin-bottom:2rem}.property-edit-modal__section:last-child{margin-bottom:0}.property-edit-modal__section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.property-edit-modal__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.property-edit-modal__form-group{display:flex;flex-direction:column;gap:.5rem}.property-edit-modal__label{font-size:.875rem;font-weight:500;color:#374151}.property-edit-modal__input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s}.property-edit-modal__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-edit-modal__input:invalid{border-color:#ef4444}.property-edit-modal__footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb;background:#fff}.property-edit-modal__cancel-btn{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.property-edit-modal__cancel-btn:hover:not(:disabled){background:#e5e7eb}.property-edit-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.property-edit-modal__save-btn{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.property-edit-modal__save-btn:hover:not(:disabled){background:#059669}.property-edit-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.property-edit-modal{padding:.5rem}.property-edit-modal__content{max-height:95vh}.property-edit-modal__header,.property-edit-modal__body{padding:1rem}.property-edit-modal__form-grid{grid-template-columns:1fr;gap:.75rem}.property-edit-modal__title{font-size:1.25rem}}@media (max-width: 480px){.property-edit-modal__header,.property-edit-modal__body{padding:.75rem}.property-edit-modal__footer{flex-direction:column}.property-edit-modal__cancel-btn,.property-edit-modal__save-btn{width:100%;justify-content:center}}.property-edit-modal__section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.property-edit-modal__section-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 1rem}.property-edit-modal__textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.property-edit-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-edit-modal__textarea::placeholder{color:#9ca3af}.properties-page{padding:0;background:#f8fafc;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative}.properties-page__content{padding:1rem 2rem 2rem;max-width:100%;margin:0;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;contain:layout style}.properties-page__content>*{max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1200px){.properties-page__content{padding:1rem 1.5rem 2rem}}@media (max-width: 768px){.properties-page__content{padding:.5rem 1rem 1rem}}@media (max-width: 480px){.properties-page__content{padding:.5rem .75rem 1rem}}.properties-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem}.properties-page__title{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.properties-page__header-actions{display:flex;align-items:center;gap:1rem}.properties-page__header-actions{display:flex;align-items:center;gap:.75rem}.properties-page__import-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.properties-page__import-btn:hover:not(:disabled){background:#059669}.properties-page__import-btn:disabled{background:#9ca3af;cursor:not-allowed}.properties-page__import-icon{width:16px;height:16px}.properties-page__add-units-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.properties-page__add-units-btn:hover{background:#2563eb;transform:translateY(-1px)}.properties-page__add-units-icon{width:16px;height:16px}.properties-page__add-property-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.properties-page__add-property-btn:hover{background:#059669;transform:translateY(-1px)}.properties-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.properties-page__loading p{margin-top:1rem;font-size:1rem}.properties-page__loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}.properties-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#dc2626}.properties-page__error p{margin:.5rem 0;font-size:1rem}.properties-page__error-icon{width:3rem;height:3rem;color:#dc2626;margin-bottom:1rem}.properties-page__retry-btn{margin-top:1rem;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.properties-page__retry-btn:hover{background:#b91c1c}.properties-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.properties-page__empty p{margin:.5rem 0;font-size:1rem}.properties-page__empty p:first-of-type{font-size:1.125rem;font-weight:600;color:#374151}.properties-page__empty-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.properties-page__add-first-btn{margin-top:1rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.properties-page__add-first-btn:hover{background:#059669;transform:translateY(-1px)}.properties-page__add-property-icon{width:16px;height:16px}.properties-page__properties-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.properties-page__card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.properties-page__card-title-group{display:flex;align-items:center;gap:.5rem}.properties-page__card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.properties-page__info-icon{width:16px;height:16px;color:#9ca3af}.properties-page__table-container{overflow-x:auto;margin-top:1rem}.properties-page__table{width:100%;border-collapse:collapse;position:relative;z-index:0}.properties-page__table th{text-align:left;padding:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;background:#f9fafb}.properties-page__table td{padding:.5rem;border-bottom:1px solid #f3f4f6;font-size:.75rem;color:#374151;white-space:nowrap}.properties-page__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:.25rem}.properties-page__header-center{text-align:center}.properties-page__data-center{text-align:center!important}.properties-page__property-number{font-weight:600;color:#6b7280;text-align:center;width:50px}.properties-page__property-name{font-weight:600;color:#1f2937;font-size:.75rem}.properties-page__property-location{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-page__property-units{font-weight:600;color:#1f2937}.properties-page__occupied-count{background:#dcfce7;color:#166534;padding:.125rem .375rem;border-radius:8px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center;min-width:32px}.properties-page__unoccupied-count{background:#fef3c7;color:#92400e;padding:.125rem .375rem;border-radius:8px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center;min-width:32px}.properties-page__landlord-owned-count{background:#dbeafe;color:#1d4ed8;padding:.125rem .375rem;border-radius:8px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center;min-width:32px}.properties-page__action-container{position:relative;display:inline-block;z-index:1}.properties-page__action-btn{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease}.properties-page__action-btn:hover{background:#f3f4f6;color:#374151}.properties-page__dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:99999;min-width:160px;overflow:hidden}.properties-page__dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.75rem;color:#374151;cursor:pointer;transition:background-color .2s ease}.properties-page__dropdown-item:hover{background:#f9fafb}.properties-page__dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.properties-page__dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.properties-page__dropdown-item--danger{color:#dc2626}.properties-page__dropdown-item--danger:hover{background:#fef2f2}.properties-page__dropdown-icon{width:14px;height:14px;flex-shrink:0}.properties-page__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;border-top:1px solid #e5e7eb}.properties-page__pagination-info{font-size:.75rem;color:#6b7280}.properties-page__pagination-controls{display:flex;align-items:center;gap:.5rem}.properties-page__pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.properties-page__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.properties-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.properties-page__pagination-btn--prev{margin-right:.5rem}.properties-page__pagination-btn--next{margin-left:.5rem}.properties-page__pagination-pages{display:flex;gap:.25rem}.properties-page__pagination-page{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.properties-page__pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.properties-page__pagination-page--active{background:#10b981;border-color:#10b981;color:#fff}.properties-page__pagination-page--active:hover{background:#059669;border-color:#059669}.properties-page__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.properties-page__property-selector-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.properties-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.properties-page__modal-header-actions{display:flex;align-items:center;gap:.75rem}.properties-page__modal-download{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.properties-page__modal-download:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.properties-page__modal-download:active{transform:translateY(0)}.properties-page__download-icon{width:16px;height:16px}.properties-page__modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.properties-page__modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.properties-page__modal-close:hover{background:#e5e7eb;color:#374151}.properties-page__modal-body{padding:1.5rem;flex:1;overflow-y:auto}.properties-page__modal-description{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.properties-page__dropdown-container{width:100%}.properties-page__dropdown-wrapper{position:relative;width:100%}.properties-page__property-dropdown{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.properties-page__property-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.properties-page__property-dropdown:hover{border-color:#9ca3af}.properties-page__property-dropdown option{padding:.5rem}.properties-page__dropdown-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280;pointer-events:none}.properties-page__no-properties{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280}.properties-page__no-properties-icon{width:3rem;height:3rem;color:#d1d5db;margin-bottom:1rem}.properties-page__modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc}.properties-page__modal-cancel-btn{padding:.75rem 1.5rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.properties-page__modal-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.properties-page__modal-select-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.properties-page__modal-select-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.properties-page__modal-select-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.properties-page__file-upload-section{margin-bottom:1.5rem;padding:1rem;border:2px dashed #d1d5db;border-radius:8px;text-align:center;background:#f9fafb}.properties-page__file-choose-btn{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.properties-page__file-choose-btn:hover{background:#4b5563;transform:translateY(-1px)}.properties-page__file-name{display:block;margin-top:.75rem;font-size:.875rem;color:#6b7280}.properties-page__file-error{margin-top:.5rem;padding:.5rem;background:#fef2f2;color:#dc2626;border-radius:4px;font-size:.875rem}.properties-page__field-definitions{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.properties-page__field-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.properties-page__field-item{margin-bottom:1.25rem}.properties-page__field-item:last-child{margin-bottom:0}.properties-page__field-name{display:block;font-weight:600;color:#374151;margin-bottom:.25rem}.properties-page__field-required{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:#fef2f2;color:#dc2626;border-radius:4px;font-size:.75rem;font-weight:500}.properties-page__field-optional{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:#f0f9ff;color:#0369a1;border-radius:4px;font-size:.75rem;font-weight:500}.properties-page__field-description{margin-top:.5rem;font-size:.875rem;color:#6b7280;line-height:1.4}.properties-page__unit-types-table,.properties-page__property-types-table{margin-top:.75rem}.properties-page__types-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.properties-page__type-cell{padding:.5rem .75rem;border:1px solid #e5e7eb;background:#f9fafb;font-size:.875rem;color:#374151;text-align:center;min-width:120px}.properties-page__type-cell:first-child{border-right:1px solid #e5e7eb}.properties-page__modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.add-property-page{padding:1rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.add-property-page__content{max-width:1200px;margin:0 auto}.add-property-page__progress{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.add-property-page__progress-steps{display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:0 auto}.add-property-page__progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex:1}.add-property-page__progress-step:not(:last-child):after{content:"";position:absolute;top:20px;left:60%;width:80%;height:2px;background:#e2e8f0;z-index:1}.add-property-page__progress-step--completed:not(:last-child):after{background:#10b981}.add-property-page__progress-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;font-weight:600;font-size:.875rem;position:relative;z-index:2}.add-property-page__progress-step--active .add-property-page__progress-step-number,.add-property-page__progress-step--completed .add-property-page__progress-step-number{background:#10b981;color:#fff}.add-property-page__progress-step-label{font-size:.875rem;font-weight:500;color:#64748b}.add-property-page__progress-step--active .add-property-page__progress-step-label,.add-property-page__progress-step--completed .add-property-page__progress-step-label{color:#10b981}.add-property-page__step-header{text-align:center;margin-bottom:2rem}.add-property-page__step-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.add-property-page__step-description{font-size:1rem;color:#64748b;margin:0}.add-property-page__header{margin-bottom:2rem}.add-property-page__header-content{display:flex;align-items:center;gap:1rem}.add-property-page__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.add-property-page__back-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.add-property-page__title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-property-page__form{display:flex;flex-direction:column;gap:2rem}.add-property-page__section{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0;transition:all .3s ease}.add-property-page__section:hover{transform:translateY(-2px)}.add-property-page__section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.add-property-page__section-icon{width:24px;height:24px;color:#10b981;background:#ecfdf5;padding:8px;border-radius:8px}.add-property-page__section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.add-property-page__add-contact-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.add-property-page__add-contact-btn:hover{background:#059669;transform:translateY(-1px)}.add-property-page__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.add-property-page__contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.add-property-page__form-group{display:flex;flex-direction:column;gap:.5rem}.add-property-page__label{font-size:14px;font-weight:600;color:#374151;margin-bottom:.25rem}.add-property-page__input,.add-property-page__select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#374151;background:#fff;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-property-page__input:focus,.add-property-page__select:focus{outline:none;border-color:#3b82f6}.add-property-page__input::placeholder,.add-property-page__select::placeholder{color:#6b7280}.add-property-page__input--error,.add-property-page__select--error{border-color:#dc2626;background-color:#fef2f2}.add-property-page__input--error:focus,.add-property-page__select--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.add-property-page__select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-property-page__contact-list{display:flex;flex-direction:column;gap:1.5rem}.add-property-page__contact-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.add-property-page__contact-card:hover{border-color:#cbd5e1;background:#f1f5f9}.add-property-page__payment-preferences{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0;background:#fff;border-radius:8px;padding:1rem}.add-property-page__payment-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.add-property-page__payment-title:before{content:"💰";font-size:1.2rem}.add-property-page__payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.add-property-page__help-text{display:block;font-size:.75rem;color:#64748b;margin-top:.25rem;font-style:italic}.add-property-page__error-message{display:block;font-size:.75rem;color:#dc2626;margin-top:.25rem;font-weight:500}.add-property-page__error-message--section{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.75rem;margin-bottom:1rem;color:#991b1b}.add-property-page__bank-details,.add-property-page__mpesa-details{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.add-property-page__details-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.add-property-page__details-title:before{content:"🏦";font-size:1rem}.add-property-page__mpesa-details .add-property-page__details-title:before{content:"📱"}.add-property-page__explanation-container{margin-top:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-property-page__explanation-section{padding:1rem;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.add-property-page__explanation-title{font-size:.875rem;font-weight:600;color:#0c4a6e;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.add-property-page__explanation-title:before{content:"💡";font-size:1rem}.add-property-page__flow-info{display:flex;flex-direction:column;gap:.5rem}.add-property-page__flow-step{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#0c4a6e}.add-property-page__step-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#0ea5e9;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.add-property-page__payment-type-info{display:flex;flex-direction:column;gap:1rem}.add-property-page__type-option{padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.add-property-page__type-header{margin-bottom:.5rem}.add-property-page__type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#f1f5f9;color:#64748b;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0}.add-property-page__type-badge--active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.add-property-page__type-description p{margin:.25rem 0;font-size:.75rem;color:#374151;line-height:1.4}.add-property-page__type-description p strong{color:#0c4a6e}@media (max-width: 768px){.add-property-page__explanation-container{grid-template-columns:1fr}}.add-property-page__contact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.add-property-page__contact-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.add-property-page__remove-contact-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;transition:all .2s ease}.add-property-page__remove-contact-btn:hover{background:#fecaca;transform:scale(1.05)}.add-property-page__actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.add-property-page__btn{padding:.75rem 2rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.add-property-page__btn--secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.add-property-page__btn--secondary:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.add-property-page__btn--primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.add-property-page__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.add-property-page__btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-property-page__previous-btn{padding:.75rem 2rem;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-property-page__previous-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.add-property-page__next-btn{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-property-page__next-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.add-property-page__next-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-property-page__submit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-property-page__submit-btn:hover:not(:disabled){transform:translateY(-2px)}.add-property-page__submit-btn:active{transform:translateY(0)}.add-property-page__submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.add-property-page{padding:1rem}.add-property-page__progress-steps{max-width:300px}.add-property-page__progress-step-number{width:32px;height:32px;font-size:.75rem}.add-property-page__progress-step-label{font-size:.75rem}.add-property-page__step-title{font-size:1.5rem}.add-property-page__title{font-size:1.25rem}.add-property-page__header-content{gap:.75rem}.add-property-page__form-grid,.add-property-page__contact-grid{grid-template-columns:1fr}.add-property-page__actions{flex-direction:column;gap:.75rem}.add-property-page__btn{width:100%}}.unit-details-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem}.unit-details-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.unit-details-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.unit-details-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.unit-details-modal__title-section{flex:1}.unit-details-modal__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .25rem}.unit-details-modal__subtitle{font-size:.875rem;color:#6b7280;margin:0}.unit-details-modal__actions{display:flex;align-items:center;gap:.75rem}.unit-details-modal__edit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.unit-details-modal__edit-btn:hover{background:#2563eb}.unit-details-modal__edit-actions{display:flex;align-items:center;gap:.5rem}.unit-details-modal__cancel-btn{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.unit-details-modal__cancel-btn:hover{background:#e5e7eb}.unit-details-modal__save-btn{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.unit-details-modal__save-btn:hover{background:#059669}.unit-details-modal__footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb;background:#fff}.unit-details-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.unit-details-modal__close-btn:hover{background:#f3f4f6;color:#374151}.unit-details-modal__icon{width:16px;height:16px}.unit-details-modal__body{flex:1;overflow-y:auto;padding:1.5rem}.unit-details-modal__section{margin-bottom:2rem}.unit-details-modal__section:last-child{margin-bottom:0}.unit-details-modal__section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.unit-details-modal__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.unit-details-modal__form-group{display:flex;flex-direction:column;gap:.5rem}.unit-details-modal__label{font-size:.875rem;font-weight:500;color:#374151}.unit-details-modal__value{font-size:.875rem;color:#111827;margin:0;padding:.5rem 0}.unit-details-modal__input,.unit-details-modal__select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s}.unit-details-modal__input:focus,.unit-details-modal__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.unit-details-modal__select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.unit-details-modal__status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.unit-details-modal__status--vacant{background:#fef3c7;color:#92400e}.unit-details-modal__status--occupied{background:#d1fae5;color:#065f46}.unit-details-modal__status--maintenance{background:#fee2e2;color:#991b1b}.unit-details-modal__status--reserved{background:#e0e7ff;color:#3730a3}@media (max-width: 768px){.unit-details-modal{padding:.5rem}.unit-details-modal__content{max-height:95vh}.unit-details-modal__header{padding:1rem;flex-direction:column;gap:1rem}.unit-details-modal__actions{width:100%;justify-content:space-between}.unit-details-modal__body{padding:1rem}.unit-details-modal__form-grid{grid-template-columns:1fr;gap:.75rem}.unit-details-modal__title{font-size:1.25rem}}@media (max-width: 480px){.unit-details-modal__header,.unit-details-modal__body{padding:.75rem}.unit-details-modal__edit-actions{flex-direction:column;width:100%}.unit-details-modal__cancel-btn,.unit-details-modal__save-btn{width:100%;justify-content:center}}.units-page{background-color:#f8fafc;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative;contain:layout style}.units-page *{max-width:100%;box-sizing:border-box}.units-page *:not(.units-page__content *){overflow-x:hidden}.units-page__content{padding:1rem 2rem 2rem;max-width:100%;margin:0 24px;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;contain:layout style}.units-page__content>*{max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1200px){.units-page__content{padding:1rem 1.5rem 2rem;margin:0 20px}}@media (max-width: 768px){.units-page__content{padding:.5rem 1rem 1rem;margin:0 16px}}@media (max-width: 480px){.units-page__content{padding:.5rem .75rem 1rem;margin:0 12px}}.units-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem;padding:.5rem}.units-page__header-left{display:flex;align-items:center;gap:.75rem;margin-left:-1rem}.units-page__back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;color:#6b7280;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.units-page__back-btn:hover{background:#f3f4f6;color:#374151}.units-page__title-section{flex:1}.units-page__header-actions{display:flex;align-items:center;gap:1rem}.units-page__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.units-page__property-info{margin-top:.5rem}.units-page__property-name{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .25rem}.units-page__property-location{font-size:.875rem;color:#6b7280;margin:0}.units-page__property-loading{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:1.5rem;font-weight:700}.units-page__loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}.units-page__property-error{margin-top:.5rem;color:#ef4444;font-size:.875rem}.units-page__subtitle{font-size:1rem;color:#6b7280;margin:0}.units-page__filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__filter-btn:hover{background:#eff6ff;border-color:#2563eb}.units-page__filter-icon{width:16px;height:16px}.units-page__pdf-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#10b981;border:1px solid #10b981;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__pdf-btn:hover{background:#ecfdf5;border-color:#059669}.units-page__pdf-icon{width:16px;height:16px}.units-page__excel-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__excel-btn:hover{background:#fef2f2;border-color:#b91c1c}.units-page__excel-icon{width:16px;height:16px}.units-page__import-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__import-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.units-page__import-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.units-page__import-icon{width:16px;height:16px}.units-page__create-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__create-btn:hover{background:#7c3aed;transform:translateY(-1px)}.units-page__create-icon{width:16px;height:16px}.units-page__delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.units-page__delete-icon{width:16px;height:16px}.units-page__add-unit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-right:-.5rem}.units-page__add-unit-btn:hover{background:#059669;transform:translateY(-1px)}.units-page__add-unit-icon{width:16px;height:16px}.units-page__filters{display:flex;gap:1rem;margin-top:1rem;margin-bottom:1.5rem;align-items:center}.units-page__search{position:relative;flex:1;max-width:400px;margin-top:1rem}.units-page__search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#9ca3af}.units-page__search-input{width:100%;padding:.5rem .5rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;transition:border-color .2s ease}.units-page__search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.units-page__status-filter{min-width:150px;margin-top:1rem}.units-page__status-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.units-page__status-select:focus{outline:none;border-color:#10b981}.units-page__units-card{background:#fff;border-radius:12px;padding:0;border:1px solid #e5e7eb;overflow:hidden}.units-page__table-container{overflow-x:auto;margin:0}.units-page__table{width:100%;border-collapse:collapse;position:relative;z-index:0}.units-page__filters-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;margin-top:1rem}.units-page__filters-row td{padding:.75rem 1.5rem;border:none}.units-page__filters{display:flex;gap:1rem;align-items:center;margin:0}.units-page__table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;background:#f9fafb}.units-page__table td{padding:.25rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.75rem;color:#374151;white-space:nowrap}.units-page__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:.25rem}.units-page__header-center{text-align:center}.units-page__data-center{text-align:center!important}.units-page__select-all-checkbox,.units-page__unit-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.units-page__unit-number{font-weight:600;color:#6b7280;text-align:center;width:50px}.units-page__unit-number-cell{font-weight:600;color:#1f2937;font-size:.75rem}.units-page__unit-type{color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.units-page__tenant{color:#374151;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.units-page__rent{font-weight:600;color:#1f2937}.units-page__status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.units-page__status--occupied{background:#dcfce7;color:#166534}.units-page__status--vacant{background:#fef3c7;color:#92400e}.units-page__status--maintenance{background:#fef2f2;color:#dc2626}.units-page__status--reserved{background:#dbeafe;color:#1d4ed8}.units-page__action-container{position:relative;display:inline-block;z-index:1}.units-page__action-btn{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease}.units-page__action-btn:hover{background:#f3f4f6;color:#374151}.units-page__dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:99999;min-width:160px;overflow:hidden}.units-page__dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.75rem;color:#374151;cursor:pointer;transition:background-color .2s ease}.units-page__dropdown-item:hover{background:#f9fafb}.units-page__dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.units-page__dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.units-page__dropdown-item--danger{color:#dc2626}.units-page__dropdown-item--danger:hover{background:#fef2f2}.units-page__dropdown-icon{width:14px;height:14px;flex-shrink:0}.units-page__pagination{display:flex;justify-content:space-between;align-items:center;margin:0;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff}.units-page__pagination-info{font-size:.75rem;color:#6b7280}.units-page__pagination-controls{display:flex;align-items:center;gap:.5rem}.units-page__pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.units-page__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.units-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.units-page__pagination-btn--prev{margin-right:.5rem}.units-page__pagination-btn--next{margin-left:.5rem}.units-page__pagination-pages{display:flex;gap:.25rem}.units-page__pagination-page{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.units-page__pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.units-page__pagination-page--active{background:#10b981;border-color:#10b981;color:#fff}.units-page__pagination-page--active:hover{background:#059669;border-color:#059669}.units-page__empty-cell{padding:0!important;text-align:center;border:none!important}.units-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:8px;margin:1rem;min-height:200px}.units-page__empty-icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f3f4f6;border-radius:50%;margin-bottom:1.5rem}.units-page__empty-icon{width:40px;height:40px;color:#9ca3af}.units-page__empty-content{text-align:center;max-width:400px}.units-page__empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.units-page__empty-message{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.units-page__loading-cell{padding:0!important;text-align:center;border:none!important}.units-page__loading{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;margin:1rem;border-radius:8px;gap:.75rem;color:#6b7280;font-size:.875rem}.units-page__loading-icon{width:20px;height:20px;animation:spin 1s linear infinite}.units-page__error-cell{padding:0!important;text-align:center;border:none!important}.units-page__error{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;margin:1rem;border-radius:8px;gap:.75rem;color:#dc2626;font-size:.875rem}.units-page__error-icon{width:20px;height:20px}.units-page__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.units-page__modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.units-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb}.units-page__modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.units-page__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s ease}.units-page__modal-close:hover{background:#f3f4f6;color:#374151}.units-page__modal-content{padding:1.5rem}.units-page__file-upload-section{margin-bottom:1.5rem}.units-page__file-choose-btn{padding:.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:.75rem}.units-page__file-choose-btn:hover{background:#f9fafb;border-color:#9ca3af}.units-page__file-name{font-size:.875rem;color:#6b7280}.units-page__file-error{color:#dc2626;font-size:.875rem;margin-top:.5rem}.units-page__modal-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.units-page__modal-submit{padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__modal-submit:hover:not(:disabled){background:#7c3aed}.units-page__modal-submit:disabled{opacity:.6;cursor:not-allowed}.units-page__modal-download{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__modal-download:hover{background:#2563eb}.units-page__field-definitions{margin-bottom:1.5rem}.units-page__field-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.units-page__field-item{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.units-page__field-item:last-child{border-bottom:none;margin-bottom:0}.units-page__field-name{font-weight:600;color:#374151;margin-right:.5rem}.units-page__field-required{background:#10b981;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-right:.5rem}.units-page__field-optional{background:#f59e0b;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-right:.5rem}.units-page__field-description{color:#374151;font-size:.875rem;margin-top:.25rem;line-height:1.4}.units-page__unit-types-table{margin-top:.5rem}.units-page__types-table{width:100%;border-collapse:collapse;font-size:.75rem}.units-page__type-cell{padding:.25rem .5rem;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;text-align:center;font-weight:500}.units-page__modal-footer{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.units-page__modal-cancel{padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.units-page__modal-cancel:hover{background:#7c3aed}@media (max-width: 768px){.units-page__header{flex-direction:column;align-items:stretch;gap:1rem}.units-page__header-left{flex-direction:column;gap:1rem;margin-left:0}.units-page__header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.units-page__filter-btn,.units-page__pdf-btn,.units-page__excel-btn,.units-page__import-btn,.units-page__create-btn,.units-page__delete-btn,.units-page__add-unit-btn{width:100%;justify-content:center}.units-page__filters{flex-direction:column;align-items:stretch}.units-page__search{max-width:none}.units-page__table-container{overflow-x:auto}.units-page__pagination{flex-direction:column;gap:1rem;align-items:center}}.add-unit-page{padding:0 16px;background:#f8fafc;min-height:100vh}.add-unit-page__content{max-width:1200px;margin:0 auto}.add-unit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;padding:.5rem}.add-unit-page__header-left{display:flex;align-items:center;gap:.75rem;margin-left:-1rem}.add-unit-page__back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;color:#6b7280;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-unit-page__back-btn:hover{background:#f3f4f6;color:#374151}.add-unit-page__title-section{flex:1}.add-unit-page__header-actions{display:flex;align-items:center;gap:1rem}.add-unit-page__template-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-unit-page__template-btn:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.add-unit-page__template-icon{width:16px;height:16px}.add-unit-page__import-container{position:relative}.add-unit-page__file-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.add-unit-page__import-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-unit-page__import-btn:hover{background:#059669;transform:translateY(-1px)}.add-unit-page__import-btn--loading{opacity:.7;cursor:not-allowed;transform:none}.add-unit-page__import-icon{width:16px;height:16px}.add-unit-page__title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.add-unit-page__subtitle{font-size:1rem;color:#6b7280;margin:0}.add-unit-page__form{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.add-unit-page__units-container{padding:1rem 1.5rem}.add-unit-page__unit-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem}.add-unit-page__unit-card:last-child{margin-bottom:0}.add-unit-page__unit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.add-unit-page__unit-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.add-unit-page__unit-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.add-unit-page__add-another-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.add-unit-page__add-another-btn:hover{background:#059669;transform:translateY(-1px)}.add-unit-page__remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;transition:all .2s ease}.add-unit-page__remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.add-unit-page__unit-form{display:flex;flex-direction:column;gap:1rem}.add-unit-page__form-section{display:flex;flex-direction:column;gap:.75rem}.add-unit-page__section-title{font-size:1rem;font-weight:600;color:#374151;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.add-unit-page__form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.add-unit-page__form-group{display:flex;flex-direction:column;gap:.5rem}.add-unit-page__label{font-size:14px;font-weight:600;color:#374151}.add-unit-page__input,.add-unit-page__select,.add-unit-page__textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#374151;background:#fff;transition:border-color .2s ease}.add-unit-page__input:focus,.add-unit-page__select:focus,.add-unit-page__textarea:focus{outline:none;border-color:#3b82f6}.add-unit-page__input::placeholder,.add-unit-page__select::placeholder,.add-unit-page__textarea::placeholder{color:#6b7280}.add-unit-page__select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.add-unit-page__textarea{resize:vertical;min-height:60px}.add-unit-page__checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.add-unit-page__checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.add-unit-page__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.add-unit-page__checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#10b981}.add-unit-page__checkbox-text{-webkit-user-select:none;user-select:none}.add-unit-page__add-icon{width:14px;height:14px}.add-unit-page__submit-container{display:flex;justify-content:flex-end;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb;background:#fff}.add-unit-page__cancel-btn{padding:.5rem 1rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-unit-page__cancel-btn:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.add-unit-page__save-btn{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-unit-page__save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-unit-page__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-unit-page__unit-number{font-size:1rem;font-weight:600;color:#1f2937;margin:0;margin-right:1rem}@media (max-width: 768px){.add-unit-page{padding:0}.add-unit-page__header{flex-direction:column;align-items:stretch;gap:1rem}.add-unit-page__header-left{flex-direction:column;gap:1rem;margin-left:0}.add-unit-page__header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.add-unit-page__template-btn,.add-unit-page__import-btn{width:100%;justify-content:center}.add-unit-page__form-row,.add-unit-page__checkbox-grid{grid-template-columns:1fr}.add-unit-page__submit-container{flex-direction:column}.add-unit-page__cancel-btn,.add-unit-page__save-btn{width:100%}}.all-units-page{padding:0;background:#f8fafc;min-height:100vh}.all-units-page__content{padding:1rem 2rem 2rem;max-width:100%;margin:0;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;contain:layout style}.all-units-page__content>*{max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1200px){.all-units-page__content{padding:1rem 1.5rem 2rem}}@media (max-width: 768px){.all-units-page__content{padding:.5rem 1rem 1rem}}@media (max-width: 480px){.all-units-page__content{padding:.5rem .75rem 1rem}}.all-units-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem}.all-units-page__back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;color:#6b7280;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.all-units-page__back-btn:hover{background:#f3f4f6;color:#374151}.all-units-page__title{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.all-units-page__subtitle{font-size:1rem;color:#6b7280;margin:0}.all-units-page__filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__filter-btn:hover{background:#eff6ff;border-color:#2563eb}.all-units-page__filter-icon{width:16px;height:16px}.all-units-page__pdf-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#10b981;border:1px solid #10b981;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__pdf-btn:hover{background:#ecfdf5;border-color:#059669}.all-units-page__pdf-icon{width:16px;height:16px}.all-units-page__excel-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__excel-btn:hover{background:#fef2f2;border-color:#b91c1c}.all-units-page__excel-icon{width:16px;height:16px}.all-units-page__import-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__import-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.all-units-page__import-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.all-units-page__import-icon{width:16px;height:16px}.all-units-page__create-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__create-btn:hover{background:#7c3aed;transform:translateY(-1px)}.all-units-page__create-icon{width:16px;height:16px}.all-units-page__delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.all-units-page__delete-icon{width:16px;height:16px}.all-units-page__add-unit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.all-units-page__add-unit-btn:hover{background:#059669;transform:translateY(-1px)}.all-units-page__add-unit-icon{width:16px;height:16px}.all-units-page__filters{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;margin-bottom:0;width:100%;position:sticky;top:88px;z-index:9}.all-units-page__search{position:relative;flex:2;min-width:0}.all-units-page__search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#9ca3af;z-index:1}.all-units-page__search-input{width:100%;padding:.5rem .5rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;transition:border-color .2s ease}.all-units-page__search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.all-units-page__filter-group{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-end}.all-units-page__status-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s ease;flex:1;min-width:120px}.all-units-page__status-select:focus{outline:none;border-color:#10b981}.all-units-page__property-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s ease;flex:1;min-width:150px}.all-units-page__property-select:focus{outline:none;border-color:#10b981}.all-units-page__units-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.all-units-page__table-container{overflow-x:auto;margin-top:1rem}.all-units-page__table{width:100%;border-collapse:collapse;position:relative;z-index:0;table-layout:auto}.all-units-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem 1.5rem .5rem;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #e5e7eb}.all-units-page__header-left{display:flex;flex-direction:column;gap:.25rem}.all-units-page__header-actions{display:flex;align-items:center;gap:.75rem}.all-units-page__table th{text-align:left;padding:.75rem .5rem;font-size:.75rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;background:#f9fafb;position:sticky;top:0;z-index:8;vertical-align:top;line-height:1.1;height:auto;min-height:auto;display:table-cell;align-items:unset;justify-content:unset}.all-units-page__table th:nth-child(1){width:60px;text-align:center;padding:.75rem .25rem;vertical-align:top}.all-units-page__table td:nth-child(1){width:60px;text-align:center;padding:.5rem .25rem;vertical-align:middle}.all-units-page__table th:nth-child(2){width:120px;text-align:left;padding:.75rem .5rem;vertical-align:top}.all-units-page__table td:nth-child(2){width:120px;text-align:left;vertical-align:middle}.all-units-page__table th:nth-child(3){width:200px;text-align:left;padding:.75rem .5rem;vertical-align:top}.all-units-page__table td:nth-child(3){width:200px;text-align:left;vertical-align:middle}.all-units-page__table th:nth-child(4){width:100px;text-align:left;padding:.75rem .5rem;vertical-align:top}.all-units-page__table td:nth-child(4){width:100px;text-align:left;vertical-align:middle}.all-units-page__table th:nth-child(5){width:120px;text-align:center;padding:.75rem .5rem;vertical-align:top}.all-units-page__table td:nth-child(5){width:120px;text-align:center;vertical-align:middle}.all-units-page__table th:nth-child(6){width:150px;text-align:left;padding:.75rem .5rem;vertical-align:top}.all-units-page__table td:nth-child(6){width:150px;text-align:left;vertical-align:middle}.all-units-page__table th:nth-child(7){width:100px;text-align:left;padding:.75rem .5rem;vertical-align:top}.all-units-page__table td:nth-child(7){width:100px;text-align:left;vertical-align:middle}.all-units-page__table th:nth-child(8){width:80px;text-align:center;padding:.75rem .25rem;vertical-align:top}.all-units-page__table td:nth-child(8){width:80px;text-align:center;padding:.5rem .25rem;vertical-align:middle}.all-units-page__table td{padding:.5rem;border-bottom:1px solid #f3f4f6;font-size:.75rem;color:#374151;vertical-align:middle;white-space:nowrap}.all-units-page__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:.25rem}.all-units-page__header-center{text-align:center}.all-units-page__data-center{text-align:center!important;vertical-align:middle!important}.all-units-page__select-all-checkbox,.all-units-page__unit-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6;margin:0 auto;display:block}.all-units-page__unit-number{font-weight:600;color:#6b7280;text-align:center;width:50px}.all-units-page__unit-number-cell{font-weight:600;color:#1f2937;font-size:.75rem}.all-units-page__unit-type{color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-units-page__property-name{color:#374151;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.all-units-page__property-location{color:#6b7280;font-size:.625rem;margin-top:.125rem}.all-units-page__tenant{color:#374151;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-units-page__rent{font-weight:600;color:#1f2937}.all-units-page__status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-align:center;width:100%}.all-units-page__status--occupied{background:#dcfce7;color:#166534}.all-units-page__status--vacant{background:#fef3c7;color:#92400e}.all-units-page__status--maintenance{background:#fef2f2;color:#dc2626}.all-units-page__status--reserved{background:#dbeafe;color:#1d4ed8}.all-units-page__action-container{display:flex;justify-content:center;align-items:center;gap:.5rem}.all-units-page__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-radius:4px}.all-units-page__action-btn--view{color:#000}.all-units-page__action-btn--view:hover{color:#374151;background:#f3f4f6;transform:scale(1.1)}.all-units-page__action-btn--edit{color:#10b981}.all-units-page__action-btn--edit:hover{color:#059669;background:#d1fae5;transform:scale(1.1)}.all-units-page__action-btn--delete{color:#ef4444}.all-units-page__action-btn--delete:hover{color:#dc2626;background:#fee2e2;transform:scale(1.1)}.all-units-page__dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:99999;min-width:160px;overflow:hidden}.all-units-page__dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.75rem;color:#374151;cursor:pointer;transition:background-color .2s ease}.all-units-page__dropdown-item:hover{background:#f9fafb}.all-units-page__dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.all-units-page__dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.all-units-page__dropdown-item--danger{color:#dc2626}.all-units-page__dropdown-item--danger:hover{background:#fef2f2}.all-units-page__dropdown-icon{width:14px;height:14px;flex-shrink:0}.all-units-page__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;border-top:1px solid #e5e7eb}.all-units-page__pagination-info{font-size:.75rem;color:#6b7280}.all-units-page__pagination-controls{display:flex;align-items:center;gap:.5rem}.all-units-page__pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.all-units-page__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.all-units-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.all-units-page__pagination-btn--prev{margin-right:.5rem}.all-units-page__pagination-btn--next{margin-left:.5rem}.all-units-page__pagination-pages{display:flex;gap:.25rem}.all-units-page__pagination-page{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.all-units-page__pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.all-units-page__pagination-page--active{background:#10b981;border-color:#10b981;color:#fff}.all-units-page__pagination-page--active:hover{background:#059669;border-color:#059669}.all-units-page__empty-cell{padding:0!important;text-align:center;border:none!important}.all-units-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:8px;margin:1rem;min-height:200px}.all-units-page__empty-icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f3f4f6;border-radius:50%;margin-bottom:1.5rem}.all-units-page__empty-icon{width:40px;height:40px;color:#9ca3af}.all-units-page__empty-content{text-align:center;max-width:400px}.all-units-page__empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.all-units-page__empty-message{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.all-units-page__loading-cell{padding:0!important;text-align:center;border:none!important}.all-units-page__loading{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;margin:1rem;border-radius:8px;gap:.75rem;color:#6b7280;font-size:.875rem}.all-units-page__loading-icon{width:20px;height:20px;animation:spin 1s linear infinite}.all-units-page__error-cell{padding:0!important;text-align:center;border:none!important}.all-units-page__error{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;margin:1rem;border-radius:8px;gap:.75rem;color:#dc2626;font-size:.875rem}.all-units-page__error-icon{width:20px;height:20px}.all-units-page__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.all-units-page__modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.all-units-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb}.all-units-page__modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.all-units-page__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s ease}.all-units-page__modal-close:hover{background:#f3f4f6;color:#374151}.all-units-page__modal-content{padding:1.5rem}.all-units-page__file-upload-section{margin-bottom:1.5rem}.all-units-page__file-choose-btn{padding:.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:.75rem}.all-units-page__file-choose-btn:hover{background:#f9fafb;border-color:#9ca3af}.all-units-page__file-name{font-size:.875rem;color:#6b7280}.all-units-page__file-error{color:#dc2626;font-size:.875rem;margin-top:.5rem}.all-units-page__modal-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.all-units-page__modal-submit{padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__modal-submit:hover:not(:disabled){background:#7c3aed}.all-units-page__modal-submit:disabled{opacity:.6;cursor:not-allowed}.all-units-page__modal-download{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__modal-download:hover{background:#2563eb}.all-units-page__field-definitions{margin-bottom:1.5rem}.all-units-page__field-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.all-units-page__field-item{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.all-units-page__field-item:last-child{border-bottom:none;margin-bottom:0}.all-units-page__field-name{font-weight:600;color:#374151;margin-right:.5rem}.all-units-page__field-required{background:#10b981;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-right:.5rem}.all-units-page__field-optional{background:#f59e0b;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-right:.5rem}.all-units-page__field-description{color:#374151;font-size:.875rem;margin-top:.25rem;line-height:1.4}.all-units-page__unit-types-table{margin-top:.5rem}.all-units-page__types-table{width:100%;border-collapse:collapse;font-size:.75rem}.all-units-page__type-cell{padding:.25rem .5rem;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;text-align:center;font-weight:500}.all-units-page__modal-footer{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.all-units-page__modal-cancel{padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.all-units-page__modal-cancel:hover{background:#7c3aed}@media (max-width: 768px){.all-units-page{padding:0}.all-units-page__header{flex-direction:column;align-items:stretch;gap:1rem}.all-units-page__header-left{text-align:center}.all-units-page__header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.all-units-page__filter-btn,.all-units-page__pdf-btn,.all-units-page__excel-btn,.all-units-page__import-btn,.all-units-page__create-btn,.all-units-page__delete-btn,.all-units-page__add-unit-btn{width:100%;justify-content:center}.all-units-page__filters{flex-direction:column;align-items:stretch}.all-units-page__search{max-width:none}.all-units-page__table-container{overflow-x:auto}.all-units-page__pagination{flex-direction:column;gap:1rem;align-items:center}}.property-transactions-page{padding:0;background:#f8fafc;min-height:100vh}.property-transactions-page__content{max-width:none;margin:0}.property-transactions-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem}.property-transactions-page__header-left{display:flex;align-items:center;gap:.75rem;margin-left:-1rem}.property-transactions-page__back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0}.property-transactions-page__back-btn:hover{background:#f3f4f6;color:#374151}.property-transactions-page__title-section{flex:1}.property-transactions-page__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.property-transactions-page__subtitle{font-size:.875rem;color:#6b7280;margin:0}.property-transactions-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:0 .5rem}.property-transactions-page__summary-card{background:#fff;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000001a}.property-transactions-page__summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f3f4f6;color:#6b7280}.property-transactions-page__summary-icon--paid{background:#d1fae5;color:#059669}.property-transactions-page__summary-icon--pending{background:#fef3c7;color:#d97706}.property-transactions-page__summary-icon--overdue{background:#fee2e2;color:#dc2626}.property-transactions-page__summary-content h3{font-size:.75rem;font-weight:500;color:#6b7280;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.property-transactions-page__summary-content p{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.property-transactions-page__filters-row{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.property-transactions-page__filters-row td{padding:.75rem .5rem;vertical-align:middle;border-bottom:none}.property-transactions-page__filters-row td:first-child{padding-right:1rem}.property-transactions-page__filters-row td:last-child{padding-left:1rem;text-align:right}.property-transactions-page__search{position:relative;width:100%}.property-transactions-page__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280;z-index:1}.property-transactions-page__search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.property-transactions-page__search-input::placeholder{color:#9ca3af;font-size:.875rem}.property-transactions-page__search-input:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.property-transactions-page__search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px #0000001a}.property-transactions-page__filter-select{width:100%;max-width:200px;margin-left:auto;padding:.625rem 2rem .625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;appearance:none;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.property-transactions-page__filter-select:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.property-transactions-page__filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px #0000001a}.property-transactions-page__filter-select option{padding:.5rem;color:#111827}.property-transactions-page__table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin:0 .5rem 1rem}.property-transactions-page__table{width:100%;border-collapse:collapse}.property-transactions-page__table th{text-align:left;padding:.75rem;font-size:.75rem;font-weight:600;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.05em}.property-transactions-page__table th:first-child{width:60px;text-align:center}.property-transactions-page__table thead tr:last-child th{background:#f9fafb;border-top:1px solid #e5e7eb}.property-transactions-page__table td{padding:.75rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#374151;white-space:nowrap}.property-transactions-page__number{text-align:center;font-weight:600;color:#6b7280;background:#f9fafb;width:60px}.property-transactions-page__date{font-weight:500;color:#111827}.property-transactions-page__unit{font-weight:600;color:#3b82f6}.property-transactions-page__tenant{font-weight:500}.property-transactions-page__type-content{display:flex;align-items:center;gap:.5rem}.property-transactions-page__type-icon{width:16px;height:16px;color:#6b7280}.property-transactions-page__amount{font-weight:600;color:#111827}.property-transactions-page__status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.property-transactions-page__status--paid{background:#d1fae5;color:#065f46}.property-transactions-page__status--pending{background:#fef3c7;color:#92400e}.property-transactions-page__status--overdue{background:#fee2e2;color:#991b1b}.property-transactions-page__payment-method{color:#6b7280;text-transform:capitalize}.property-transactions-page__reference{font-family:Courier New,monospace;font-size:.75rem;color:#6b7280}.property-transactions-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.property-transactions-page__empty-icon{width:48px;height:48px;margin-bottom:1rem;color:#d1d5db}.property-transactions-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;margin-bottom:1rem}.property-transactions-page__pagination-info{font-size:.875rem;color:#6b7280}.property-transactions-page__pagination-controls{display:flex;align-items:center;gap:.5rem}.property-transactions-page__pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.property-transactions-page__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.property-transactions-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.property-transactions-page__pagination-btn--prev{margin-right:.5rem}.property-transactions-page__pagination-btn--next{margin-left:.5rem}.property-transactions-page__pagination-pages{display:flex;gap:.25rem}.property-transactions-page__pagination-page{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.property-transactions-page__pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.property-transactions-page__pagination-page--active{background:#10b981;border-color:#10b981;color:#fff}.property-transactions-page__pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width: 768px){.property-transactions-page__summary{grid-template-columns:repeat(2,1fr);gap:.75rem}.property-transactions-page__filters-row td{padding:.5rem .25rem}.property-transactions-page__filters-row td:first-child{padding-right:.5rem}.property-transactions-page__filters-row td:last-child{padding-left:.5rem}.property-transactions-page__search-input{font-size:.8rem;padding:.5rem .625rem .5rem 2.25rem}.property-transactions-page__filter-select{font-size:.8rem;padding:.5rem 1.75rem .5rem .625rem;background-size:1.25em 1.25em;background-position:right .375rem center;max-width:180px}.property-transactions-page__search-icon{width:14px;height:14px;left:.625rem}.property-transactions-page__table-container{overflow-x:auto}.property-transactions-page__table{min-width:800px}.property-transactions-page__pagination{flex-direction:column;gap:1rem;align-items:stretch}.property-transactions-page__pagination-controls{justify-content:center}}@media (max-width: 480px){.property-transactions-page__summary{grid-template-columns:1fr}.property-transactions-page__header{padding:.75rem}.property-transactions-page__title{font-size:1.25rem}}.all-transactions-page{padding:0;background:#f8fafc;min-height:100vh}.all-transactions-page__content{max-width:none;margin:0}.all-transactions-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem}.all-transactions-page__title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 0 24px}.all-transactions-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.all-transactions-page__empty-icon{width:48px;height:48px;color:#9ca3af;margin-bottom:1rem}.all-transactions-page__empty-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.all-transactions-page__empty-message{font-size:.875rem;color:#6b7280;margin:0}.all-transactions-page__table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;margin:1px 24px 0;padding:10px 10px 20px 20px}.all-transactions-page__table{width:100%;border-collapse:collapse;position:relative;z-index:0}.all-transactions-page__filters-row{background:#f9fafb;border-bottom:1px solid #e5e7eb}.all-transactions-page__filters-row td{padding:.75rem .5rem;border:none}.all-transactions-page__filters{display:flex;gap:1rem;align-items:center;margin:0}.all-transactions-page__search-group{flex:1;max-width:300px}.all-transactions-page__search-input{position:relative;width:100%}.all-transactions-page__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.all-transactions-page__search-field{width:100%;padding:.5rem .5rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;transition:border-color .2s ease}.all-transactions-page__search-field:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.all-transactions-page__filter-group{min-width:150px}.all-transactions-page__filter-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.all-transactions-page__filter-select:focus{outline:none;border-color:#10b981}.all-transactions-page__sort-group{display:flex;align-items:center;gap:.5rem}.all-transactions-page__sort-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.all-transactions-page__sort-select:focus{outline:none;border-color:#10b981}.all-transactions-page__sort-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;color:#6b7280}.all-transactions-page__sort-btn:hover{border-color:#10b981;color:#10b981}.all-transactions-page__sort-btn--active{background:#10b981;border-color:#10b981;color:#fff}.all-transactions-page__table th{text-align:left!important;padding:.5rem .25rem;font-size:.75rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;background:#f9fafb}.all-transactions-page__table td{text-align:left!important;padding:.5rem .25rem;border-bottom:1px solid #f3f4f6;font-size:.75rem;color:#374151;white-space:nowrap}.all-transactions-page__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:.25rem}.all-transactions-page__sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.all-transactions-page__sortable-header:hover{background:#f3f4f6}.all-transactions-page__header-center,.all-transactions-page__data-center{text-align:left!important}.all-transactions-page__row-number{font-weight:600;color:#6b7280;text-align:left;width:50px}.all-transactions-page__transaction-id{font-family:Courier New,monospace;font-size:.75rem;color:#1f2937;font-weight:600}.all-transactions-page__property-name{font-weight:600;color:#1f2937;font-size:.75rem}.all-transactions-page__unit-number{color:#6b7280;font-size:.7rem;margin-top:.125rem}.all-transactions-page__tenant-name{font-weight:500;color:#374151}.all-transactions-page__transaction-type{font-size:.7rem;font-weight:500;padding:.125rem .375rem;border-radius:6px;text-transform:capitalize}.all-transactions-page__transaction-type--rent{background:#dcfce7;color:#166534}.all-transactions-page__transaction-type--deposit{background:#dbeafe;color:#1d4ed8}.all-transactions-page__transaction-type--maintenance{background:#fef3c7;color:#92400e}.all-transactions-page__transaction-type--other{background:#f3f4f6;color:#6b7280}.all-transactions-page__amount{font-weight:600;color:#1f2937}.all-transactions-page__payment-method,.all-transactions-page__date{font-size:.7rem;color:#6b7280}.all-transactions-page__status{font-size:.7rem;font-weight:500;padding:.125rem .375rem;border-radius:8px;display:inline-block;text-align:center;min-width:60px}.all-transactions-page__status--completed{background:#dcfce7;color:#166534}.all-transactions-page__status--failed{background:#fee2e2;color:#dc2626}.all-transactions-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e5e7eb;margin-top:.5rem;border-radius:0 0 12px 12px}@media (max-width: 768px){.all-transactions-page__pagination{flex-direction:column;gap:1rem;padding:1rem}}.all-transactions-page__pagination-info{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.all-transactions-page__pagination-info{text-align:center}}.all-transactions-page__pagination-controls{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.all-transactions-page__pagination-controls{justify-content:center}}.all-transactions-page__pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.all-transactions-page__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.all-transactions-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.all-transactions-page__pagination-btn--prev{margin-right:.5rem}.all-transactions-page__pagination-btn--next{margin-left:.5rem}.all-transactions-page__pagination-numbers{display:flex;align-items:center;gap:.25rem}.all-transactions-page__pagination-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.all-transactions-page__pagination-number:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.all-transactions-page__pagination-number--active{background:#10b981;border-color:#10b981;color:#fff}.all-transactions-page__pagination-number--ellipsis{cursor:default;border:none;background:transparent}.all-transactions-page__pagination-number--ellipsis:hover{background:transparent;border:none}.all-transactions-page__pagination-number:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.all-transactions-page__filters{flex-wrap:wrap;gap:.75rem}.all-transactions-page__search-group{min-width:200px}.all-transactions-page__filter-group{min-width:120px}}@media (max-width: 768px){.all-transactions-page{padding:.25rem}.all-transactions-page__header{padding:.25rem;margin-bottom:.25rem}.all-transactions-page__title{font-size:1.5rem}.all-transactions-page__filters{flex-direction:column;align-items:stretch;gap:.5rem}.all-transactions-page__search-group{max-width:none}.all-transactions-page__filter-group{min-width:auto}.all-transactions-page__sort-group{justify-content:center}.all-transactions-page__table-container{border-radius:8px;margin:1px 16px 0}.all-transactions-page__table th,.all-transactions-page__table td{padding:.375rem .25rem;font-size:.7rem}.all-transactions-page__pagination{padding:.75rem}}.tenant-details-modal__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.tenant-details-modal__modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.tenant-details-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb}.tenant-details-modal__title-section{flex:1}.tenant-details-modal__title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 4px}.tenant-details-modal__subtitle{font-size:16px;color:#6b7280;margin:0}.tenant-details-modal__actions{display:flex;align-items:center;gap:12px}.tenant-details-modal__edit-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenant-details-modal__edit-btn:hover{background:#059669}.tenant-details-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease}.tenant-details-modal__close-btn:hover{background:#f3f4f6;color:#1f2937}.tenant-details-modal__content{flex:1;overflow-y:auto;padding:24px}.tenant-details-modal__section{margin-bottom:32px}.tenant-details-modal__section:last-child{margin-bottom:0}.tenant-details-modal__section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.tenant-details-modal__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tenant-details-modal__form-group{display:flex;flex-direction:column;gap:6px}.tenant-details-modal__label{font-size:14px;font-weight:500;color:#6b7280}.tenant-details-modal__value{font-size:14px;color:#1f2937;margin:0;padding:8px 0}.tenant-details-modal__input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease}.tenant-details-modal__input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.tenant-details-modal__status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tenant-details-modal__status--active{background:#25d3661a;color:#25d366}.tenant-details-modal__status--inactive{background:#f59e0b1a;color:#f59e0b}.tenant-details-modal__status--pending{background:#3b82f61a;color:#3b82f6}.tenant-details-modal__status--terminated{background:#ef44441a;color:#ef4444}.tenant-details-modal__payment-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tenant-details-modal__payment-status--current{background:#25d3661a;color:#25d366}.tenant-details-modal__payment-status--overdue{background:#ef44441a;color:#ef4444}.tenant-details-modal__payment-status--partial{background:#f59e0b1a;color:#f59e0b}.tenant-details-modal__payment-status--paid{background:#3b82f61a;color:#3b82f6}.tenant-details-modal__references{display:flex;flex-direction:column;gap:16px}.tenant-details-modal__reference-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.tenant-details-modal__reference-header{margin-bottom:12px}.tenant-details-modal__reference-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.tenant-details-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.tenant-details-modal__cancel-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#1f2937;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenant-details-modal__cancel-btn:hover{background:#f9fafb}.tenant-details-modal__save-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenant-details-modal__save-btn:hover{background:#059669}@media (max-width: 768px){.tenant-details-modal__overlay{padding:10px}.tenant-details-modal__header,.tenant-details-modal__content{padding:16px}.tenant-details-modal__form-grid{grid-template-columns:1fr;gap:12px}.tenant-details-modal__footer{padding:12px 16px}}.ledger-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.ledger-modal__overlay{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ledger-modal__content{position:relative;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ledger-modal__content--small{max-width:500px}.ledger-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.ledger-modal__header-left{flex:1}.ledger-modal__title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.ledger-modal__tenant-info{display:flex;flex-direction:column;gap:4px}.ledger-modal__tenant-name{font-size:18px;font-weight:600;color:#374151}.ledger-modal__property-info{font-size:14px;color:#6b7280}.ledger-modal__header-actions{display:flex;align-items:center;gap:8px}.ledger-modal__action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.ledger-modal__action-btn:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}.ledger-modal__action-btn:disabled{opacity:.5;cursor:not-allowed}.ledger-modal__action-icon{font-size:18px}.ledger-modal__action-icon--spinning{animation:spin 1s linear infinite}.ledger-modal__close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer;transition:all .2s ease}.ledger-modal__close-btn:hover{background:#dc2626}.ledger-modal__close-icon{font-size:20px}.ledger-modal__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:20px;background:#fff;border-bottom:1px solid #f1f5f9}.ledger-modal__summary-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #f1f5f9;border-radius:8px;transition:all .2s ease}.ledger-modal__summary-card:hover{border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}.ledger-modal__summary-card--status{flex-direction:column;align-items:flex-start;text-align:left}.ledger-modal__summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#f8fafc;color:#64748b;font-size:18px}.ledger-modal__summary-icon--invoiced{background:#eff6ff;color:#3b82f6}.ledger-modal__summary-icon--paid{background:#f0fdf4;color:#22c55e}.ledger-modal__summary-icon--overdue{background:#fef3c7;color:#f59e0b}.ledger-modal__summary-icon--balance{background:#fef2f2;color:#ef4444}.ledger-modal__summary-icon--current{background:#f0fdf4;color:#22c55e}.ledger-modal__summary-content{flex:1}.ledger-modal__summary-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;line-height:1.3}.ledger-modal__summary-value{font-size:16px;font-weight:600;color:#1e293b;line-height:1.3}.ledger-modal__summary-value--positive{color:#059669}.ledger-modal__summary-value--negative{color:#dc2626}.ledger-modal__summary-value--neutral{color:#475569}.ledger-modal__summary-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.025em}.ledger-modal__summary-status--current{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.ledger-modal__summary-status--overdue{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ledger-modal__summary-status--partial{background:#fef3c7;color:#d97706;border:1px solid #fed7aa}.ledger-modal__summary-status--paid{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ledger-modal__content-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.ledger-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#6b7280}.ledger-modal__spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.ledger-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#6b7280}.ledger-modal__error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.ledger-modal__retry-btn{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.ledger-modal__retry-btn:hover{background:#2563eb}.ledger-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#6b7280}.ledger-modal__empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.ledger-modal__entries{flex:1;overflow:hidden;display:flex;flex-direction:column}.ledger-modal__entries-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.ledger-modal__entries-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.ledger-modal__entries-count{font-size:14px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:20px}.ledger-modal__entries-list{flex:1;overflow-y:auto;padding:0 24px 24px}.ledger-modal__entry{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;transition:all .2s ease}.ledger-modal__entry:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.ledger-modal__entry:last-child{margin-bottom:0}.ledger-modal__entry-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f3f4f6}.ledger-modal__entry-icon{font-size:20px;color:#6b7280}.ledger-modal__entry-icon--invoice{color:#2563eb}.ledger-modal__entry-icon--payment{color:#059669}.ledger-modal__entry-content{flex:1}.ledger-modal__entry-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ledger-modal__entry-type{font-size:14px;font-weight:600;color:#374151;text-transform:capitalize}.ledger-modal__entry-status{font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px;background:#f3f4f6;text-transform:capitalize}.ledger-modal__entry-details{display:flex;flex-direction:column;gap:4px}.ledger-modal__entry-reference{font-size:16px;font-weight:600;color:#111827}.ledger-modal__entry-description{font-size:14px;color:#6b7280}.ledger-modal__entry-date{font-size:12px;color:#9ca3af}.ledger-modal__entry-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ledger-modal__entry-amount{font-size:16px;font-weight:700;color:#111827}.ledger-modal__entry-balance{font-size:12px;color:#6b7280}.ledger-modal__status-icon{font-size:20px}.ledger-modal__status-icon--paid{color:#059669}.ledger-modal__status-icon--overdue{color:#dc2626}.ledger-modal__status-icon--partial{color:#d97706}.ledger-modal__status-icon--current{color:#2563eb}.ledger-modal__action-btn--email{background:#3b82f6;color:#fff;border-color:#3b82f6}.ledger-modal__action-btn--email:hover{background:#2563eb;border-color:#2563eb}.ledger-modal__email-form{padding:24px}.ledger-modal__form-group{margin-bottom:20px}.ledger-modal__form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.ledger-modal__form-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#374151;transition:border-color .2s ease}.ledger-modal__form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ledger-modal__form-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.ledger-modal__email-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.ledger-modal__email-preview h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.ledger-modal__preview-content{font-size:14px;color:#6b7280;line-height:1.5}.ledger-modal__preview-content p{margin:0 0 8px}.ledger-modal__preview-content p:last-child{margin-bottom:0}.ledger-modal__preview-content strong{color:#374151;font-weight:600}.ledger-modal__form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.ledger-modal__cancel-btn{padding:12px 24px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ledger-modal__cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.ledger-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.ledger-modal__send-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ledger-modal__send-btn:hover{background:#2563eb}.ledger-modal__send-btn:disabled{opacity:.5;cursor:not-allowed}.ledger-modal__success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#059669}.ledger-modal__success-icon{font-size:48px;margin-bottom:16px}.ledger-modal__success h3{font-size:18px;font-weight:600;color:#059669;margin:0 0 8px}.ledger-modal__success p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.ledger-modal{padding:10px}.ledger-modal__content{max-height:95vh}.ledger-modal__content--small{max-width:95vw}.ledger-modal__header{padding:16px}.ledger-modal__title{font-size:20px}.ledger-modal__summary{grid-template-columns:1fr;padding:16px}.ledger-modal__entry{flex-direction:column;align-items:flex-start;gap:12px}.ledger-modal__entry-amounts{align-items:flex-start;width:100%}.ledger-modal__form-actions{flex-direction:column}.ledger-modal__cancel-btn,.ledger-modal__send-btn{width:100%;justify-content:center}}.send-tenant-report-button-container{position:relative;display:inline-block}.send-tenant-report-button-container .send-report-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.send-tenant-report-button-container .send-report-btn:disabled{opacity:.5;cursor:not-allowed}.send-tenant-report-button-container .send-report-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.send-tenant-report-button-container .send-report-btn:not(:disabled):active{transform:translateY(0)}.send-tenant-report-button-container .send-report-btn .button-icon{font-size:16px}.send-tenant-report-button-container .send-report-btn.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.send-tenant-report-button-container .send-report-btn.btn-primary:not(:disabled):hover{box-shadow:0 4px 12px #2563eb4d}.send-tenant-report-button-container .send-report-btn.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.send-tenant-report-button-container .send-report-btn.btn-secondary:not(:disabled):hover{background-color:#f3f4f6}.send-tenant-report-button-container .send-report-btn.btn-icon{padding:8px 12px;font-size:18px;background-color:#f3f4f6;color:#2563eb;min-width:40px;justify-content:center}.send-tenant-report-button-container .send-report-btn.btn-icon:not(:disabled):hover{background-color:#2563eb;color:#fff}.send-tenant-report-button-container .success-tooltip{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #10b9814d;white-space:nowrap;z-index:1000;animation:slideDown .3s ease-out,fadeOut .3s ease-in 2.7s forwards;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.send-tenant-report-button-container .success-tooltip .success-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#ffffff4d;border-radius:50%;font-weight:700}.send-tenant-report-button-container .success-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #059669}.send-tenant-report-button-container .error-tooltip{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #ef44444d;white-space:nowrap;max-width:300px;z-index:1000;animation:slideDown .3s ease-out;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.send-tenant-report-button-container .error-tooltip .error-icon{font-size:16px;flex-shrink:0}.send-tenant-report-button-container .error-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #dc2626}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;animation:slideUp .3s ease-out}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-content .modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1f2937}.modal-content .modal-header .close-button{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-content .modal-header .close-button:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937}.modal-content .modal-header .close-button:disabled{opacity:.5;cursor:not-allowed}.modal-content .modal-body{padding:24px}.modal-content .modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.modal-content .modal-footer button{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.modal-content .modal-footer button:disabled{opacity:.6;cursor:not-allowed}.modal-content .modal-footer .btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.modal-content .modal-footer .btn-cancel:hover:not(:disabled){background-color:#f3f4f6}.modal-content .modal-footer .btn-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-content .modal-footer .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.modal-content .modal-footer .btn-confirm .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.period-select-modal .tenant-info{margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:8px;font-size:14px;color:#374151;line-height:1.6}.period-select-modal .tenant-info strong{color:#1f2937}.period-select-modal .period-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.period-select-modal .period-options .period-option-btn{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.period-select-modal .period-options .period-option-btn .period-icon{font-size:24px}.period-select-modal .period-options .period-option-btn .period-label{font-size:14px;font-weight:600;color:#374151}.period-select-modal .period-options .period-option-btn:hover{border-color:#2563eb;background-color:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.period-select-modal .period-options .period-option-btn:active{transform:translateY(0)}.confirmation-modal .confirmation-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.confirmation-modal .confirmation-message{text-align:center;font-size:16px;color:#374151;margin:0 0 24px;line-height:1.6}.confirmation-modal .confirmation-message strong{color:#1f2937}.confirmation-modal .tenant-details{background-color:#f9fafb;border-radius:8px;padding:20px;margin-bottom:0}.confirmation-modal .tenant-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.confirmation-modal .tenant-details .detail-row:not(:last-child){border-bottom:1px solid #e5e7eb}.confirmation-modal .tenant-details .detail-row .detail-label{color:#6b7280;font-weight:500}.confirmation-modal .tenant-details .detail-row .detail-value{color:#1f2937;font-weight:600;text-align:right}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translate(-50%,-10px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.send-tenant-report-button-container .success-tooltip,.send-tenant-report-button-container .error-tooltip{max-width:calc(100vw - 40px);white-space:normal;text-align:center}.modal-content{margin:0 10px}.modal-content .modal-header{padding:16px}.modal-content .modal-header h3{font-size:18px}.modal-content .modal-body{padding:16px}.modal-content .modal-footer{padding:16px;flex-direction:column}.modal-content .modal-footer button{width:100%;justify-content:center}.period-select-modal .period-options{grid-template-columns:1fr}}.tenants-page{padding:0;background:#f8fafc;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative}.tenants-page__content{padding:1rem 2rem 2rem;max-width:100%;margin:0;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;contain:layout style}.tenants-page__content>*{max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1200px){.tenants-page__content{padding:1rem 1.5rem 2rem}}@media (max-width: 768px){.tenants-page__content{padding:.5rem 1rem 1rem}}@media (max-width: 480px){.tenants-page__content{padding:.5rem .75rem 1rem}}.tenants-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.tenants-page__no-data{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.tenants-page__no-data-content{text-align:center;max-width:400px}.tenants-page__no-data-icon{width:64px;height:64px;color:#9ca3af;margin-bottom:16px}.tenants-page__no-data-title{font-size:24px;font-weight:600;color:#374151;margin:0 0 8px}.tenants-page__no-data-message{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.tenants-page__no-data-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenants-page__no-data-btn:hover{background:#2563eb}.tenants-page__no-data-btn:active{transform:translateY(1px)}.tenants-page__tenants-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.tenants-page__card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;gap:16px}.tenants-page__card-title-group{display:flex;align-items:center;gap:8px}.tenants-page__card-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.tenants-page__info-icon{width:16px;height:16px;color:#6b7280}.tenants-page__add-tenant-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenants-page__add-tenant-btn:hover{background:#059669;transform:translateY(-1px)}.tenants-page__add-tenant-btn:active{transform:translateY(0)}.tenants-page__add-tenant-icon{width:16px;height:16px}.tenants-page__header-actions{display:flex;align-items:center;gap:12px}.tenants-page__import-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenants-page__import-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.tenants-page__import-btn:active{transform:translateY(0)}.tenants-page__import-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tenants-page__import-icon{width:16px;height:16px}.tenants-page__table-container{overflow-x:auto}.tenants-page__table{width:100%;border-collapse:collapse;font-size:14px}.tenants-page__filters{display:flex;gap:16px;align-items:center;flex:1;justify-content:center}.tenants-page__search{position:relative;flex:1;max-width:400px}.tenants-page__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280}.tenants-page__search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.tenants-page__search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.tenants-page__status-filter{min-width:150px}.tenants-page__select-wrapper{position:relative;width:100%}.tenants-page__status-select{width:100%;padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.tenants-page__status-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.tenants-page__select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280;pointer-events:none}.tenants-page th{background:#f9fafb;padding:8px 12px;text-align:left;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}.tenants-page__header-center{text-align:center}.tenants-page__sort-icon{width:12px;height:12px;color:#6b7280;margin-left:4px}.tenants-page td{padding:8px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.tenants-page__tenant-number{font-weight:500;color:#6b7280;text-align:center;width:50px}.tenants-page__tenant-name{min-width:150px;font-weight:500;color:#1f2937}.tenants-page__contact,.tenants-page__property{min-width:120px;color:#1f2937}.tenants-page__unit{min-width:120px;color:#1f2937;font-size:12px}.tenants-page__rent{font-weight:500;color:#1f2937}.tenants-page__data-center{text-align:center}.tenants-page__payment-status{display:inline-block;padding:2px 4px;border-radius:6px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.tenants-page__payment-status--current{background:#25d3661a;color:#25d366}.tenants-page__payment-status--overdue{background:#ef44441a;color:#ef4444}.tenants-page__payment-status--partial{background:#f59e0b1a;color:#f59e0b}.tenants-page__payment-status--paid{background:#3b82f61a;color:#3b82f6}.tenants-page__action-container{position:relative;display:flex;justify-content:center}.tenants-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.tenants-page__action-btn:hover{background:#f9fafb;color:#1f2937}.tenants-page__dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px;overflow:hidden}.tenants-page__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:#fff;color:#1f2937;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s ease}.tenants-page__dropdown-item:hover{background:#f9fafb}.tenants-page__dropdown-item--danger{color:#ef4444}.tenants-page__dropdown-item--danger:hover{background:#ef44441a}.tenants-page__dropdown-item--warning{color:#f59e0b}.tenants-page__dropdown-item--warning:hover{background:#f59e0b1a}.tenants-page__dropdown-item--success{color:#10b981}.tenants-page__dropdown-item--success:hover{background:#10b9811a}.tenants-page__dropdown-icon{width:16px;height:16px}.tenants-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.tenants-page__pagination-info{font-size:14px;color:#6b7280}.tenants-page__pagination-controls{display:flex;align-items:center;gap:8px}.tenants-page__pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.tenants-page__pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#10b981}.tenants-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tenants-page__pagination-btn--prev{margin-right:8px}.tenants-page__pagination-btn--next{margin-left:8px}.tenants-page__pagination-pages{display:flex;gap:4px}.tenants-page__pagination-page{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.tenants-page__pagination-page:hover{background:#f9fafb;border-color:#10b981}.tenants-page__pagination-page--active{background:#10b981;color:#fff;border-color:#10b981}.tenants-page__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tenants-page__modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.tenants-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.tenants-page__modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.tenants-page__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.tenants-page__modal-close:hover{background:#f3f4f6;color:#374151}.tenants-page__modal-content{padding:0 24px 24px;display:flex;flex-direction:column;flex:1;min-height:0}.tenants-page__modal-main{display:flex;gap:32px;flex:1;min-height:0}.tenants-page__modal-left{flex:0 0 400px;display:flex;flex-direction:column;gap:24px}.tenants-page__modal-right{flex:1;min-width:0}.tenants-page__section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.tenants-page__property-selection-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.tenants-page__property-select-wrapper{position:relative;width:100%}.tenants-page__property-select{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.tenants-page__property-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.tenants-page__property-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280;pointer-events:none}.tenants-page__loading-units{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:#6b7280}.tenants-page__loading-icon{width:16px;height:16px;animation:spin 1s linear infinite}.tenants-page__units-info{margin-top:8px}.tenants-page__units-count{font-size:14px;color:#10b981;font-weight:500}.tenants-page__file-upload-section{margin-bottom:24px}.tenants-page__file-choose-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:12px}.tenants-page__file-choose-btn:hover{background:#e5e7eb;border-color:#9ca3af}.tenants-page__file-name{font-size:14px;color:#6b7280}.tenants-page__file-error{color:#ef4444;font-size:14px;margin-top:8px}.tenants-page__file-input{display:none}.tenants-page__modal-actions{display:flex;gap:12px;flex-wrap:wrap}.tenants-page__modal-submit{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenants-page__modal-submit:hover:not(:disabled){background:#059669}.tenants-page__modal-submit:disabled{opacity:.6;cursor:not-allowed}.tenants-page__modal-download{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenants-page__modal-download:hover{background:#2563eb}.tenants-page__field-definitions{background:#f9fafb;border-radius:8px;padding:20px;height:fit-content;max-height:500px;overflow-y:auto}.tenants-page__field-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.tenants-page__field-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.tenants-page__field-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tenants-page__field-name{font-weight:500;color:#374151;margin-right:8px;display:inline-block;min-width:140px}.tenants-page__field-required{color:#ef4444;font-size:12px;font-weight:500}.tenants-page__field-optional{color:#6b7280;font-size:12px;font-weight:500}.tenants-page__field-description{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.tenants-page__modal-footer{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.tenants-page__modal-cancel{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tenants-page__modal-cancel:hover{background:#4b5563}@media (max-width: 768px){.tenants-page{padding:16px}.tenants-page__card-header{flex-direction:column;align-items:stretch;gap:16px}.tenants-page__filters{flex-direction:column;gap:12px;justify-content:stretch}.tenants-page__modal{max-width:95vw;margin:10px}.tenants-page__modal-main{flex-direction:column;gap:24px}.tenants-page__modal-left{flex:none}.tenants-page__search{max-width:none}.tenants-page__pagination{flex-direction:column;gap:16px;align-items:stretch}.tenants-page__pagination-controls{justify-content:center}}:global(.swal2-popup-custom){border-radius:12px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}:global(.swal2-title-custom){font-size:20px!important;font-weight:600!important;color:#1f2937!important;margin-bottom:16px!important}:global(.swal2-content-custom){font-size:14px!important;line-height:1.5!important}:global(.swal2-toast-custom){border-radius:8px!important;box-shadow:0 10px 25px #0000001a!important}@media (max-width: 768px){:global(.swal2-popup-custom){width:90%!important;max-width:400px!important}}.tenants-page__sms-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tenants-page__sms-info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;color:#333;border:1px solid #e9ecef}.tenants-page__sms-recipient{margin-bottom:.75rem}.tenants-page__sms-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.tenants-page__sms-value{display:flex;flex-direction:column;gap:.25rem}.tenants-page__sms-value strong{font-size:1.125rem;font-weight:600}.tenants-page__sms-phone{font-size:.875rem;opacity:.9}.tenants-page__sms-property{margin-top:.75rem}.tenants-page__property-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#e9ecef;color:#495057;border-radius:20px;font-size:.875rem;font-weight:500}.tenants-page__sms-form{margin-bottom:1.5rem}.tenants-page__sms-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;transition:border-color .2s;margin-top:.5rem}.tenants-page__sms-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tenants-page__sms-textarea:disabled{background:#f9fafb;cursor:not-allowed}.tenants-page__sms-textarea::placeholder{color:#9ca3af}.tenants-page__sms-counter{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.875rem;color:#6b7280}.tenants-page__sms-counter--warning{color:#f59e0b;font-weight:500}.tenants-page__sms-parts{color:#9ca3af;font-size:.8125rem}.tenants-page__sms-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1rem}.tenants-page__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.tenants-page__btn:disabled{opacity:.5;cursor:not-allowed}.tenants-page__btn--primary{background:#007bff;color:#fff}.tenants-page__btn--primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.tenants-page__btn--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.tenants-page__btn--secondary:hover:not(:disabled){background:#f9fafb}.tenants-page__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tenants-spin .6s linear infinite}@keyframes tenants-spin{to{transform:rotate(360deg)}}.tenants-page__sms-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.875rem;color:#1e40af}.tenants-page__sms-note svg{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}@media (max-width: 768px){.tenants-page__sms-modal{width:95%;max-height:95vh}.tenants-page__sms-info{padding:1rem}.tenants-page__sms-actions{flex-direction:column}.tenants-page__sms-actions button{width:100%;justify-content:center}}.add-tenant-page{background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.add-tenant-page__content{margin:0 auto}.add-tenant-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-tenant-page__header-left{display:flex;align-items:center;gap:16px}.add-tenant-page__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:#6b7280;transition:all .2s ease}.add-tenant-page__back-btn:hover{color:#1f2937}.add-tenant-page__title-section{display:flex;flex-direction:column}.add-tenant-page__title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.add-tenant-page__form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.add-tenant-page__form-content{padding:32px}.add-tenant-page__section{margin-bottom:32px}.add-tenant-page__section:last-child{margin-bottom:0}.add-tenant-page__divider{border:none;height:1px;background-color:#e2e8f0;margin:10px 0}.add-tenant-page__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-tenant-page__section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.add-tenant-page__form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.add-tenant-page__form-group{display:flex;flex-direction:column;gap:4px}.add-tenant-page__label{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:4px;display:block}.add-tenant-page__input,.add-tenant-page__select,.add-tenant-page__textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 2px #0000000d}.add-tenant-page__input:focus,.add-tenant-page__select:focus,.add-tenant-page__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:inset 0 1px 2px #0000000d,0 0 0 2px #3b82f61a}.add-tenant-page__input:hover,.add-tenant-page__select:hover,.add-tenant-page__textarea:hover{border-color:#cbd5e1}.add-tenant-page__input:disabled,.add-tenant-page__select:disabled,.add-tenant-page__textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#f1f5f9}.add-tenant-page__input::placeholder,.add-tenant-page__select::placeholder,.add-tenant-page__textarea::placeholder{color:#9ca3af;font-weight:400}.add-tenant-page__select-wrapper{position:relative;width:100%}.add-tenant-page__select{width:100%;padding:10px 32px 10px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;cursor:pointer;box-shadow:inset 0 1px 2px #0000000d}.add-tenant-page__select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#6b7280;pointer-events:none}.add-tenant-page__textarea{resize:vertical;min-height:100px}.add-tenant-page__add-reference-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-tenant-page__add-reference-btn:hover{background:#059669}.add-tenant-page__reference-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:16px}.add-tenant-page__reference-item:last-child{margin-bottom:0}.add-tenant-page__reference-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-tenant-page__reference-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.add-tenant-page__remove-reference-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#ef4444;transition:all .2s ease}.add-tenant-page__remove-reference-btn:hover{background:#ef44441a;border-color:#ef4444}.add-tenant-page__form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;background:#f9fafb;border-top:1px solid #e5e7eb}.add-tenant-page__cancel-btn{padding:12px 24px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-tenant-page__cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.add-tenant-page__submit-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-tenant-page__submit-btn:hover{background:#2563eb}.add-tenant-page__submit-btn:active{transform:translateY(1px)}@media (max-width: 1024px){.add-tenant-page__form-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 768px){.add-tenant-page{padding:16px}.add-tenant-page__header{flex-direction:column;align-items:flex-start;gap:16px}.add-tenant-page__header-left{width:100%}.add-tenant-page__form-content{padding:20px}.add-tenant-page__form-grid{grid-template-columns:1fr;gap:16px}.add-tenant-page__form-actions{flex-direction:column;padding:20px}.add-tenant-page__cancel-btn,.add-tenant-page__submit-btn{width:100%}}@media (max-width: 480px){.add-tenant-page__title{font-size:24px}.add-tenant-page__subtitle{font-size:14px}.add-tenant-page__section-title{font-size:18px}.add-tenant-page__form-content,.add-tenant-page__reference-item{padding:16px}}.import-readings-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.import-readings-modal__overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-readings-modal__content{position:relative;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.import-readings-modal__header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.import-readings-modal__title{font-size:20px;font-weight:600;color:#333;margin:0}.import-readings-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.import-readings-modal__close-btn:hover{background:#f3f4f6;color:#333}.import-readings-modal__close-btn svg{width:20px;height:20px}.import-readings-modal__body{padding:24px;flex:1;overflow-y:auto}.import-readings-modal__form{display:flex;flex-direction:column;gap:24px}.import-readings-modal__form-group{display:flex;flex-direction:column;gap:8px}.import-readings-modal__label{font-size:14px;font-weight:500;color:#333}.import-readings-modal__select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease}.import-readings-modal__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.import-readings-modal__select:disabled{background:#f9fafb;color:#64748b;cursor:not-allowed}.import-readings-modal__month-options{display:flex;flex-direction:column;gap:12px}.import-readings-modal__month-options-inline{display:flex;gap:16px;align-items:center}.import-readings-modal__radio-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.import-readings-modal__radio-option:hover{border-color:#ae8c63;background:#20b2aa0d}.import-readings-modal__radio{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#ae8c63}.import-readings-modal__radio-label{font-size:14px;color:#333;cursor:pointer}.import-readings-modal__info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px}.import-readings-modal__info-icon{width:20px;height:20px;color:#3b82f6;flex-shrink:0;margin-top:2px}.import-readings-modal__info-text{font-size:14px;color:#1e40af;margin:0;line-height:1.5}.import-readings-modal__units-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px}.import-readings-modal__generate-section{margin-top:16px;padding-top:0}.import-readings-modal__generate-btn{width:auto;padding:8px 16px;background:#ae8c63;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-readings-modal__generate-btn:hover:not(:disabled){background:#92724c}.import-readings-modal__generate-btn:disabled{opacity:.5;cursor:not-allowed}.import-readings-modal__units-info{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #ae8c63}.import-readings-modal__units-info p{margin:4px 0;font-size:13px;color:#666}.import-readings-modal__units-info p strong{color:#333}.import-readings-modal__upload-section{margin-top:16px;padding-top:0}.import-readings-modal__submit-section{margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.import-readings-modal__submit-btn{width:auto;padding:8px 16px;background:#ae8c63;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-readings-modal__submit-btn:hover:not(:disabled){background:#92724c}.import-readings-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed}.import-readings-modal__success-icon{width:48px;height:48px;margin:0 auto 16px;color:#10b981}.import-readings-modal__success-icon svg{width:100%;height:100%}.import-readings-modal__success-message{text-align:center;margin-bottom:24px;padding:20px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px}.import-readings-modal__success-message h3{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.import-readings-modal__success-message p{color:#64748b;margin:0 0 16px;line-height:1.5}.import-readings-modal__units-preview{text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:16px}.import-readings-modal__units-preview h4{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.import-readings-modal__units-preview ul{margin:0;padding:0;list-style:none}.import-readings-modal__units-preview li{font-size:14px;color:#64748b;padding:4px 0;border-bottom:1px solid #f1f5f9}.import-readings-modal__units-preview li:last-child{border-bottom:none}.import-readings-modal__file-upload{position:relative;margin-bottom:16px}.import-readings-modal__file-input{position:absolute;opacity:0;width:0;height:0}.import-readings-modal__file-label{display:flex;align-items:center;gap:12px;padding:16px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center;justify-content:center}.import-readings-modal__file-label:hover{border-color:#ae8c63;background:#20b2aa0d}.import-readings-modal__file-label svg{width:20px;height:20px;color:#ae8c63}.import-readings-modal__file-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#059669;font-size:14px;font-weight:500}.import-readings-modal__file-info svg{width:16px;height:16px}.import-readings-modal__footer{padding:16px 24px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.import-readings-modal__cancel-btn{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-readings-modal__cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.import-readings-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.import-readings-modal__secondary-btn{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-readings-modal__secondary-btn:hover:not(:disabled){background:#f9fafb;border-color:#ae8c63;color:#ae8c63}.import-readings-modal__secondary-btn:disabled{opacity:.5;cursor:not-allowed}.import-readings-modal__import-btn{padding:10px 20px;border:none;background:#ae8c63;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-readings-modal__import-btn:hover:not(:disabled){background:#92724c}.import-readings-modal__import-btn:disabled{opacity:.5;cursor:not-allowed}.import-readings-modal__send-btn{padding:10px 20px;border:none;background:#ae8c63;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-readings-modal__send-btn:hover:not(:disabled){background:#92724c}.import-readings-modal__send-btn:disabled{opacity:.5;cursor:not-allowed}.import-readings-modal__validation-errors{margin-top:16px;padding:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.import-readings-modal__validation-errors h4{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 12px}.import-readings-modal__validation-errors ul{margin:0;padding:0;list-style:none}.import-readings-modal__validation-errors li{font-size:13px;color:#dc2626;padding:4px 0;border-bottom:1px solid rgba(239,68,68,.1)}.import-readings-modal__validation-errors li:last-child{border-bottom:none}.import-readings-modal__meter-reset-section{margin-top:20px;padding:16px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px}.import-readings-modal__meter-reset-section h4{font-size:14px;font-weight:600;color:#333;margin:0 0 8px}.import-readings-modal__meter-reset-section p{font-size:13px;color:#64748b;margin:0 0 12px}.import-readings-modal__meter-reset-list{display:flex;flex-wrap:wrap;gap:12px}.import-readings-modal__meter-reset-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px}.import-readings-modal__meter-reset-item:hover{border-color:#ae8c63;background:#20b2aa0d}.import-readings-modal__meter-reset-item input[type=checkbox]{margin:0;cursor:pointer;accent-color:#ae8c63}.import-readings-modal__meter-reset-item span{color:#333;cursor:pointer}@media (max-width: 640px){.import-readings-modal{padding:16px}.import-readings-modal__content{max-width:100%}.import-readings-modal__header{padding:20px 20px 0}.import-readings-modal__body{padding:20px}.import-readings-modal__footer{padding:16px 20px 20px;flex-direction:column}.import-readings-modal__cancel-btn,.import-readings-modal__secondary-btn,.import-readings-modal__import-btn,.import-readings-modal__send-btn{width:100%;justify-content:center}.import-readings-modal__month-options-inline{flex-direction:column;gap:12px}}.edit-water-reading-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.edit-water-reading-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-water-reading-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.edit-water-reading-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.edit-water-reading-modal__title{font-size:20px;font-weight:600;color:#333;margin:0}.edit-water-reading-modal__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.edit-water-reading-modal__close-btn:hover{background:#f3f4f6;color:#374151}.edit-water-reading-modal__body{padding:0 24px 24px}.edit-water-reading-modal__form{display:flex;flex-direction:column;gap:20px}.edit-water-reading-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edit-water-reading-modal__form-row--single{display:block}.edit-water-reading-modal__form-group{display:flex;flex-direction:column;gap:6px}.edit-water-reading-modal__label{font-size:14px;font-weight:500;color:#333}.edit-water-reading-modal__required{color:#dc2626}.edit-water-reading-modal__input,.edit-water-reading-modal__select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.edit-water-reading-modal__input:focus,.edit-water-reading-modal__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.edit-water-reading-modal__input:disabled,.edit-water-reading-modal__select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.edit-water-reading-modal__input::placeholder,.edit-water-reading-modal__select::placeholder{color:#9ca3af}.edit-water-reading-modal__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.edit-water-reading-modal__select:disabled{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.edit-water-reading-modal__footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.edit-water-reading-modal__cancel-btn{padding:12px 24px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-water-reading-modal__cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.edit-water-reading-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.edit-water-reading-modal__save-btn{padding:12px 24px;background:#ae8c63;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-water-reading-modal__save-btn:hover:not(:disabled){background:#92724c;transform:translateY(-1px)}.edit-water-reading-modal__save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){.edit-water-reading-modal__content{width:95%;margin:20px}.edit-water-reading-modal__header{padding:20px 20px 0}.edit-water-reading-modal__body{padding:0 20px 20px}.edit-water-reading-modal__form-row{grid-template-columns:1fr;gap:20px}.edit-water-reading-modal__footer{flex-direction:column}.edit-water-reading-modal__cancel-btn,.edit-water-reading-modal__save-btn{width:100%}}.add-water-bill-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.add-water-bill-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-water-bill-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.add-water-bill-modal__header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;background:#fff}.add-water-bill-modal__title{font-size:24px;font-weight:700;color:#333;margin:0}.add-water-bill-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.add-water-bill-modal__close-btn:hover{background:#f3f4f6;color:#333}.add-water-bill-modal__close-btn svg{width:20px;height:20px}.add-water-bill-modal__body{padding:24px;flex:1;overflow-y:auto;min-height:0}.add-water-bill-modal__form{display:flex;flex-direction:column;gap:20px}.add-water-bill-modal__form-group{display:flex;flex-direction:column;gap:6px}.add-water-bill-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-water-bill-modal__label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.add-water-bill-modal__input{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease;color:#333}.add-water-bill-modal__input:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.add-water-bill-modal__input:hover{border-color:#9ca3af}.add-water-bill-modal__input--readonly{background:#f9fafb;color:#64748b;cursor:not-allowed}.add-water-bill-modal__input::placeholder{color:#64748b}.add-water-bill-modal__select{padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease;color:#333;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.add-water-bill-modal__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.add-water-bill-modal__select:hover{border-color:#9ca3af}.add-water-bill-modal__select:disabled{background:#f9fafb;color:#64748b;cursor:not-allowed}.add-water-bill-modal__select option{padding:8px;color:#333}.add-water-bill-modal__error{font-size:12px;color:#ef4444;font-weight:500}.add-water-bill-modal__footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:#f9fafb;margin-top:auto}.add-water-bill-modal__cancel-btn{padding:12px 24px;border:1px solid #d1d5db;background:#fff;color:#333;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-water-bill-modal__cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.add-water-bill-modal__cancel-btn:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.add-water-bill-modal__save-btn{padding:12px 24px;border:none;background:#ae8c63;color:#fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-water-bill-modal__save-btn:hover:not(:disabled){background:#92724c}.add-water-bill-modal__save-btn:focus{outline:none;box-shadow:0 0 0 3px #20b2aa4d}.add-water-bill-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.add-water-bill-modal{padding:16px}.add-water-bill-modal__content{max-width:100%;max-height:95vh}.add-water-bill-modal__form-row{grid-template-columns:1fr;gap:16px}.add-water-bill-modal__footer{flex-direction:column-reverse;gap:8px}.add-water-bill-modal__cancel-btn,.add-water-bill-modal__save-btn{width:100%;justify-content:center}}.bulk-sms-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bulk-sms-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.bulk-sms-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.bulk-sms-modal__title{font-size:20px;font-weight:600;color:#111827;margin:0}.bulk-sms-modal__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.bulk-sms-modal__close-btn:hover{background-color:#f3f4f6;color:#374151}.bulk-sms-modal__close-btn svg{width:20px;height:20px}.bulk-sms-modal__content{flex:1;padding:0 24px;overflow-y:auto}.bulk-sms-modal__section{margin-bottom:24px}.bulk-sms-modal__section:last-child{margin-bottom:0}.bulk-sms-modal__row{display:flex;gap:16px;align-items:flex-end}.bulk-sms-modal__field{flex:1;display:flex;flex-direction:column}.bulk-sms-modal__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.bulk-sms-modal__radio-group{display:flex;flex-direction:row;gap:24px}.bulk-sms-modal__radio-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#374151}.bulk-sms-modal__radio-label input[type=radio]{margin-right:8px;width:16px;height:16px;accent-color:#3b82f6}.bulk-sms-modal__select-wrapper{position:relative}.bulk-sms-modal__select{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s;appearance:none}.bulk-sms-modal__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bulk-sms-modal__select:hover{border-color:#a1a1aa}.bulk-sms-modal__select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.bulk-sms-modal__select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280;pointer-events:none}.bulk-sms-modal__textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s}.bulk-sms-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bulk-sms-modal__textarea::placeholder{color:#9ca3af}.bulk-sms-modal__char-count{text-align:right;font-size:12px;color:#6b7280;margin-top:4px}.bulk-sms-modal__preview{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background-color:#f9fafb}.bulk-sms-modal__preview-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px}.bulk-sms-modal__preview-header svg{width:16px;height:16px}.bulk-sms-modal__preview-content{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-size:14px;color:#374151;margin-bottom:8px;white-space:pre-wrap}.bulk-sms-modal__preview-recipients{font-size:12px;color:#6b7280}.bulk-sms-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;margin-top:24px}.bulk-sms-modal__cancel-btn{padding:12px 20px;border:1px solid #D9D9D9;border-radius:6px;background-color:#fff;color:#a03434;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-sms-modal__cancel-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#a1a1aa}.bulk-sms-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-sms-modal__send-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:6px;background-color:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-sms-modal__send-btn:hover:not(:disabled){background-color:#2563eb}.bulk-sms-modal__send-btn:active:not(:disabled){background-color:#1d4ed8}.bulk-sms-modal__send-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-sms-modal__send-btn svg{width:16px;height:16px}.bulk-sms-modal__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.bulk-sms-modal-overlay{padding:10px}.bulk-sms-modal{max-height:95vh}.bulk-sms-modal__header{padding:16px 16px 0;margin-bottom:16px}.bulk-sms-modal__content{padding:0 16px}.bulk-sms-modal__footer{padding:16px;margin-top:16px;flex-direction:column-reverse}.bulk-sms-modal__footer button{width:100%}}.water-billing-page{padding:24px;background:#f8fafc;min-height:100vh}.water-billing-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.water-billing-page__content{max-width:1400px;margin:0 auto}.water-billing-page__page-header{margin-bottom:24px}.water-billing-page__bills-card .water-billing-page__page-header{margin-bottom:0;padding:24px 24px 0}.water-billing-page__controls{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;justify-content:space-between;margin-bottom:24px}.water-billing-page__bills-card .water-billing-page__controls{margin-bottom:0;padding:0 24px 24px;border-bottom:1px solid #e5e7eb}.water-billing-page__title-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.water-billing-page__page-title{font-size:28px;font-weight:700;color:#333;margin:0 0 16px}.water-billing-page__info-icon{width:20px;height:20px;color:#64748b;cursor:help}.water-billing-page__controls{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-start;margin-left:0}.water-billing-page__actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.water-billing-page__bills-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.water-billing-page__bills-card table{width:100%;border-collapse:collapse}.water-billing-page__bills-card th,.water-billing-page__bills-card td{padding:6px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:middle}.water-billing-page__bills-card th{background-color:#f8fafc;font-weight:600;font-size:13px;color:#475569;padding:8px 12px}.water-billing-page__bills-card tr{height:32px}.water-billing-page__bills-card tr:hover{background-color:#f8fafc}.water-billing-page__table td{padding:10px 12px!important;border-bottom:1px solid #f1f5f9;color:#000!important;vertical-align:middle;white-space:nowrap}.water-billing-page__search{position:relative;display:flex;align-items:center;flex:1;max-width:400px;margin:0}.water-billing-page__search-icon{position:absolute;left:14px;width:18px;height:18px;color:#64748b;z-index:1}.water-billing-page__search-input{padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:100%;background:#fff;transition:all .2s ease;box-shadow:none}.water-billing-page__search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:none}.water-billing-page__search-input::placeholder{color:#94a3b8;font-weight:400}.water-billing-page__search-input:hover{border-color:#a1a1aa;background:#fff}.water-billing-page__property-filter{display:flex;align-items:center;min-width:180px;max-width:220px;flex-shrink:0}.water-billing-page__select-wrapper{position:relative;display:flex;align-items:center;width:100%}.water-billing-page__property-select{padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;width:100%;height:48px;transition:all .2s ease;box-shadow:none;font-weight:500}.water-billing-page__property-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:none}.water-billing-page__property-select:hover{border-color:#a1a1aa;background:#fff}.water-billing-page__property-select option{padding:8px;font-weight:500}.water-billing-page__select-icon{position:absolute;right:16px;width:18px;height:18px;color:#64748b;pointer-events:none;transition:transform .2s ease}.water-billing-page__select-wrapper:hover .water-billing-page__select-icon{transform:translateY(-1px)}.water-billing-page__header-actions{display:flex;gap:12px;align-items:center;height:48px}.water-billing-page__add-bill-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;height:40px;transition:all .2s ease}.water-billing-page__add-bill-btn:hover{background:#059669}.water-billing-page__add-bill-btn:active{background:#047857}.water-billing-page__add-bill-icon{width:18px;height:18px}.water-billing-page__bulk-sms-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;height:40px;transition:all .2s ease}.water-billing-page__bulk-sms-btn:hover{background:#2563eb}.water-billing-page__bulk-sms-btn:active{background:#1d4ed8}.water-billing-page__import-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#bcc2c8;color:#374151;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;height:40px;transition:all .2s ease}.water-billing-page__import-btn:hover{background:#a8b0b8}.water-billing-page__import-btn:active{background:#9ca3af}.water-billing-page__import-btn:focus{outline:none}.water-billing-page__import-icon{width:18px;height:18px}.water-billing-page__card-header{display:flex;justify-content:space-between;align-items:center;padding:24px}.water-billing-page__card-title-group{display:flex;align-items:center;gap:8px}.water-billing-page__card-title{font-size:24px;font-weight:700;color:#333;margin:0}.water-billing-page__no-data-actions{display:flex;gap:12px;align-items:center}.water-billing-page__actions{display:flex;gap:8px;align-items:center}.water-billing-page__edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.water-billing-page__edit-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.water-billing-page__edit-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.water-billing-page__table-container{overflow-x:auto}.water-billing-page__table{width:100%;border-collapse:collapse;font-size:14px}.water-billing-page__table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:relative}.water-billing-page__table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;color:#333;vertical-align:middle}.water-billing-page__table tr:hover{background:#f8fafc}.water-billing-page__sort-icon{width:14px;height:14px;color:#64748b;margin-left:4px;cursor:pointer;transition:color .2s ease}.water-billing-page__sort-icon:hover{color:#ae8c63}.water-billing-page__bill-number{font-weight:500;color:#64748b;text-align:center;width:60px}.water-billing-page__tenant-name{font-weight:500;color:#333}.water-billing-page__property,.water-billing-page__unit,.water-billing-page__period{color:#333}.water-billing-page__prev-reading,.water-billing-page__current-reading,.water-billing-page__consumed-units{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#333}.water-billing-page__amount,.water-billing-page__arrears,.water-billing-page__total,.water-billing-page__paid,.water-billing-page__balance{text-align:right;font-weight:500;color:#333}.water-billing-page__arrears{color:#ef4444}.water-billing-page__paid{color:#059669}.water-billing-page__balance{color:#dc2626}.water-billing-page__total{font-weight:600;color:#ae8c63}.water-billing-page__status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.water-billing-page__status--paid{background:#22c55e1a;color:#16a34a}.water-billing-page__status--pending{background:#fbbf241a;color:#d97706}.water-billing-page__status--overdue{background:#ef44441a;color:#dc2626}.water-billing-page__pagination{padding:24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.water-billing-page__pagination-info{color:#64748b;font-size:14px}.water-billing-page__pagination-controls{display:flex;align-items:center;gap:8px}.water-billing-page__pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.water-billing-page__pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#ae8c63}.water-billing-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.water-billing-page__pagination-btn--prev,.water-billing-page__pagination-btn--next{font-weight:500}.water-billing-page__pagination-pages{display:flex;gap:4px}.water-billing-page__pagination-page{padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.water-billing-page__pagination-page:hover{background:#f8fafc;border-color:#ae8c63}.water-billing-page__pagination-page--active{background:#10b981;color:#fff;border-color:#10b981}.water-billing-page__no-data{padding:80px 24px;text-align:center}.water-billing-page__no-data-content{max-width:400px;margin:0 auto}.water-billing-page__no-data-icon{width:64px;height:64px;color:#64748b;margin-bottom:16px}.water-billing-page__no-data-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.water-billing-page__no-data-message{color:#64748b;margin:0 0 24px;line-height:1.5}.water-billing-page__no-data-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ae8c63;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.water-billing-page__no-data-btn:hover{background:#92724c}.water-billing-page__no-data-btn:active{transform:translateY(1px)}@media (max-width: 1200px){.water-billing-page__controls{flex-direction:column;align-items:stretch;gap:16px}.water-billing-page__search,.water-billing-page__property-filter{min-width:auto;max-width:none}.water-billing-page__actions{justify-content:center}}@media (max-width: 768px){.water-billing-page{padding:16px}.water-billing-page__page-title{font-size:24px}.water-billing-page__search-input{font-size:16px;width:100%}.water-billing-page__property-select{font-size:16px}.water-billing-page__header-actions{justify-content:stretch;flex-direction:column;gap:8px}.water-billing-page__add-bill-btn,.water-billing-page__import-btn,.water-billing-page__bulk-sms-btn{justify-content:center}.water-billing-page__no-data-actions{flex-direction:column;gap:8px}.water-billing-page__table-container{font-size:12px}.water-billing-page__table th,.water-billing-page__table td{padding:12px 8px}.water-billing-page__pagination{flex-direction:column;align-items:center;gap:16px}.water-billing-page__pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.water-billing-page__table th,.water-billing-page__table td{padding:8px 4px;font-size:11px}.water-billing-page__pagination-pages{flex-wrap:wrap;justify-content:center}.water-billing-page__pagination-page{min-width:32px;padding:6px 8px;font-size:12px}}.water-billing-page__status-badge{display:inline-block;padding:2px 4px;border-radius:6px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.water-billing-page__status-badge--paid{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.water-billing-page__status-badge--pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.water-billing-page__status-badge--overdue{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.electricity-billing-page{padding:24px;background:#f8fafc;min-height:100vh}.electricity-billing-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.electricity-billing-page__content{max-width:1400px;margin:0 auto;padding:0 24px;box-sizing:border-box}.electricity-billing-page__page-header{margin-bottom:24px}.electricity-billing-page__bills-card .electricity-billing-page__page-header{margin-bottom:0;padding:24px 24px 0}.electricity-billing-page__title-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.electricity-billing-page__page-title{font-size:28px;font-weight:700;color:#333;margin:0 0 16px}.electricity-billing-page__info-icon{width:20px;height:20px;color:#64748b;cursor:help}.electricity-billing-page__controls{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:24px;margin-left:0;margin-right:0;max-width:100%;box-sizing:border-box}.electricity-billing-page__bills-card .electricity-billing-page__controls{margin-bottom:0;margin-left:0;margin-right:0;padding:0 24px 24px 0;border-bottom:1px solid #e5e7eb;max-width:none}.electricity-billing-page__actions{display:flex;gap:8px;align-items:center;flex-shrink:0;box-sizing:border-box}.electricity-billing-page__bills-card{background:#fff;border-radius:12px;overflow:hidden}.electricity-billing-page__bills-card table{width:100%;border-collapse:collapse}.electricity-billing-page__bills-card th,.electricity-billing-page__bills-card td{padding:6px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:middle}.electricity-billing-page__bills-card th{background-color:#f8fafc;font-weight:600;font-size:13px;color:#475569;padding:8px 12px}.electricity-billing-page__bills-card tr{height:32px}.electricity-billing-page__bills-card tr:hover{background-color:#f8fafc}.electricity-billing-page__search{position:relative;display:flex;align-items:center;flex:0 0 auto;max-width:400px;min-width:200px;margin:0;box-sizing:border-box}.electricity-billing-page__search-icon{position:absolute;left:14px;width:18px;height:18px;color:#64748b;z-index:1}.electricity-billing-page__search-input{padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:100%;background:#fff;transition:all .2s ease;box-shadow:none}.electricity-billing-page__search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:none}.electricity-billing-page__search-input::placeholder{color:#94a3b8;font-weight:400}.electricity-billing-page__search-input:hover{border-color:#a1a1aa;background:#fff}.electricity-billing-page__status-filter{display:flex;align-items:center;min-width:180px;max-width:220px;flex-shrink:0;box-sizing:border-box}.electricity-billing-page__select-wrapper{position:relative;display:flex;align-items:center;width:100%}.electricity-billing-page__status-select{padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;width:100%;height:48px;transition:all .2s ease;box-shadow:none;font-weight:500}.electricity-billing-page__status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:none}.electricity-billing-page__status-select:hover{border-color:#a1a1aa;background:#fff}.electricity-billing-page__status-select option{padding:8px;font-weight:500}.electricity-billing-page__select-icon{position:absolute;right:16px;width:18px;height:18px;color:#64748b;pointer-events:none;transition:transform .2s ease}.electricity-billing-page__select-wrapper:hover .electricity-billing-page__select-icon{transform:translateY(-1px)}.electricity-billing-page__header-actions{display:flex;gap:12px;align-items:center}.electricity-billing-page__add-bill-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;height:40px;transition:all .2s ease}.electricity-billing-page__add-bill-btn:hover{background:#059669}.electricity-billing-page__add-bill-btn:active{background:#047857}.electricity-billing-page__add-bill-icon{width:18px;height:18px}.electricity-billing-page__import-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#bcc2c8;color:#374151;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;height:40px;transition:all .2s ease}.electricity-billing-page__import-btn:hover{background:#a8b0b8}.electricity-billing-page__import-btn:active{background:#9ca3af}.electricity-billing-page__import-btn:focus{outline:none}.electricity-billing-page__import-icon{width:18px;height:18px}.electricity-billing-page__table-container{overflow-x:auto}.electricity-billing-page__table{width:100%;border-collapse:collapse;font-size:14px}.electricity-billing-page__table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:relative}.electricity-billing-page__table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;color:#333;vertical-align:middle;white-space:nowrap}.electricity-billing-page__table tr{height:32px}.electricity-billing-page__table tr:hover{background:#f8fafc}.electricity-billing-page__sort-icon{width:14px;height:14px;color:#64748b;margin-left:4px;cursor:pointer;transition:color .2s ease}.electricity-billing-page__sort-icon:hover{color:#ae8c63}.electricity-billing-page__bill-number{font-weight:500;color:#64748b;text-align:center;width:60px}.electricity-billing-page__tenant-name{font-weight:500;color:#333}.electricity-billing-page__property,.electricity-billing-page__unit,.electricity-billing-page__period{color:#333}.electricity-billing-page__prev-reading,.electricity-billing-page__current-reading,.electricity-billing-page__consumed-units{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#333}.electricity-billing-page__amount,.electricity-billing-page__arrears,.electricity-billing-page__total{text-align:right;font-weight:500;color:#333}.electricity-billing-page__arrears{color:#ef4444}.electricity-billing-page__total{font-weight:600;color:#ae8c63}.electricity-billing-page__status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.electricity-billing-page__status--paid{background:#22c55e1a;color:#16a34a}.electricity-billing-page__status--pending{background:#fbbf241a;color:#d97706}.electricity-billing-page__status--overdue{background:#ef44441a;color:#dc2626}.electricity-billing-page__pagination{padding:24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.electricity-billing-page__pagination-info{color:#64748b;font-size:14px}.electricity-billing-page__pagination-controls{display:flex;align-items:center;gap:8px}.electricity-billing-page__pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.electricity-billing-page__pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#ae8c63}.electricity-billing-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.electricity-billing-page__pagination-btn--prev,.electricity-billing-page__pagination-btn--next{font-weight:500}.electricity-billing-page__pagination-pages{display:flex;gap:4px}.electricity-billing-page__pagination-page{padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.electricity-billing-page__pagination-page:hover{background:#f8fafc;border-color:#ae8c63}.electricity-billing-page__pagination-page--active{background:#10b981;color:#fff;border-color:#10b981}.electricity-billing-page__no-data{padding:80px 24px;text-align:center}.electricity-billing-page__no-data-content{max-width:400px;margin:0 auto}.electricity-billing-page__no-data-icon{width:64px;height:64px;color:#64748b;margin-bottom:16px}.electricity-billing-page__no-data-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.electricity-billing-page__no-data-message{color:#64748b;margin:0 0 24px;line-height:1.5}.electricity-billing-page__no-data-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ae8c63;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.electricity-billing-page__no-data-btn:hover{background:#92724c}.electricity-billing-page__no-data-btn:active{transform:translateY(1px)}@media (max-width: 1200px){.electricity-billing-page__controls{flex-wrap:wrap;gap:12px}.electricity-billing-page__search{min-width:150px;max-width:300px}.electricity-billing-page__status-filter{min-width:150px;max-width:200px}}@media (max-width: 768px){.electricity-billing-page{padding:16px}.electricity-billing-page__content{padding:0 16px}.electricity-billing-page__controls{flex-direction:column;align-items:stretch;gap:16px;margin-left:0;margin-right:0;max-width:100%}.electricity-billing-page__search,.electricity-billing-page__status-filter{min-width:auto;max-width:none}.electricity-billing-page__actions{justify-content:center;flex-wrap:wrap}.electricity-billing-page__table-container{font-size:12px;overflow-x:auto}.electricity-billing-page__table th,.electricity-billing-page__table td{padding:12px 8px}.electricity-billing-page__pagination{flex-direction:column;align-items:center;gap:16px}.electricity-billing-page__pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.electricity-billing-page__table th,.electricity-billing-page__table td{padding:8px 4px;font-size:11px}.electricity-billing-page__pagination-pages{flex-wrap:wrap;justify-content:center}.electricity-billing-page__pagination-page{min-width:32px;padding:6px 8px;font-size:12px}}.import-electricity-bills-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.import-electricity-bills-modal__overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-electricity-bills-modal__content{position:relative;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.import-electricity-bills-modal__header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.import-electricity-bills-modal__title{font-size:20px;font-weight:600;color:#333;margin:0}.import-electricity-bills-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.import-electricity-bills-modal__close-btn:hover{background:#f3f4f6;color:#333}.import-electricity-bills-modal__close-btn svg{width:20px;height:20px}.import-electricity-bills-modal__body{padding:24px;flex:1;overflow-y:auto}.import-electricity-bills-modal__form{display:flex;flex-direction:column;gap:24px}.import-electricity-bills-modal__form-group{display:flex;flex-direction:column;gap:8px}.import-electricity-bills-modal__label{font-size:14px;font-weight:500;color:#333}.import-electricity-bills-modal__select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease}.import-electricity-bills-modal__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.import-electricity-bills-modal__select:disabled{background:#f9fafb;color:#64748b;cursor:not-allowed}.import-electricity-bills-modal__month-options{display:flex;flex-direction:column;gap:12px}.import-electricity-bills-modal__month-options-inline{display:flex;gap:16px;align-items:center}.import-electricity-bills-modal__radio-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__radio-option:hover{border-color:#ae8c63;background:#20b2aa0d}.import-electricity-bills-modal__radio{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#ae8c63}.import-electricity-bills-modal__radio-label{font-size:14px;color:#333;cursor:pointer}.import-electricity-bills-modal__info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px}.import-electricity-bills-modal__info-icon{width:20px;height:20px;color:#3b82f6;flex-shrink:0;margin-top:2px}.import-electricity-bills-modal__info-text{font-size:14px;color:#1e40af;margin:0;line-height:1.5}.import-electricity-bills-modal__units-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px}.import-electricity-bills-modal__generate-section{margin-top:16px;padding-top:0}.import-electricity-bills-modal__footer{padding:16px 24px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;background:#fff;margin-top:auto;z-index:10}.import-electricity-bills-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.import-electricity-bills-modal__cancel-btn{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.import-electricity-bills-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.import-electricity-bills-modal__generate-btn{padding:10px 20px;border:none;background:#ae8c63;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__generate-btn:hover:not(:disabled){background:#92724c}.import-electricity-bills-modal__generate-btn:disabled{opacity:.5;cursor:not-allowed}.import-electricity-bills-modal__units-info{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #ae8c63}.import-electricity-bills-modal__units-info p{margin:4px 0;font-size:13px;color:#666}.import-electricity-bills-modal__units-info p strong{color:#333}.import-electricity-bills-modal__upload-section{margin-top:16px;padding-top:0}.import-electricity-bills-modal__submit-section{margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.import-electricity-bills-modal__submit-btn{width:auto;padding:8px 16px;background:#ae8c63;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__submit-btn:hover:not(:disabled){background:#92724c}.import-electricity-bills-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed}.import-electricity-bills-modal__upload-info{text-align:center;padding:20px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px}.import-electricity-bills-modal__upload-info h3{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.import-electricity-bills-modal__upload-info p{color:#64748b;margin:0;line-height:1.5}.import-electricity-bills-modal__upload-icon{width:48px;height:48px;color:#10b981;margin:0 auto 16px;display:block}.import-electricity-bills-modal__file-upload{position:relative}.import-electricity-bills-modal__file-input{position:absolute;opacity:0;width:0;height:0}.import-electricity-bills-modal__file-label{display:flex;align-items:center;gap:12px;padding:16px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center;justify-content:center}.import-electricity-bills-modal__file-label:hover{border-color:#ae8c63;background:#20b2aa0d}.import-electricity-bills-modal__file-label svg{width:20px;height:20px;color:#ae8c63}.import-electricity-bills-modal__file-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#059669;font-size:14px;font-weight:500;margin-top:12px}.import-electricity-bills-modal__file-info svg{width:16px;height:16px}.import-electricity-bills-modal__errors{padding:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.import-electricity-bills-modal__errors h4{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 12px}.import-electricity-bills-modal__errors ul{margin:0;padding:0;list-style:none}.import-electricity-bills-modal__errors li{font-size:13px;color:#dc2626;padding:4px 0;border-bottom:1px solid rgba(239,68,68,.1)}.import-electricity-bills-modal__errors li:last-child{border-bottom:none}.import-electricity-bills-modal__back-btn{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__back-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.import-electricity-bills-modal__back-btn:disabled{opacity:.5;cursor:not-allowed}.import-electricity-bills-modal__upload-btn{padding:10px 20px;border:none;background:#ae8c63;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__upload-btn:hover:not(:disabled){background:#92724c}.import-electricity-bills-modal__upload-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.import-electricity-bills-modal{padding:16px}.import-electricity-bills-modal__content{max-width:100%}.import-electricity-bills-modal__header{padding:20px 20px 0}.import-electricity-bills-modal__body{padding:20px}.import-electricity-bills-modal__sections{grid-template-columns:1fr;gap:1.5rem}.import-electricity-bills-modal__download-section,.import-electricity-bills-modal__upload-section{padding:1.5rem}.import-electricity-bills-modal__actions{flex-direction:column}.import-electricity-bills-modal__cancel-btn,.import-electricity-bills-modal__generate-btn,.import-electricity-bills-modal__back-btn,.import-electricity-bills-modal__upload-btn{width:100%;justify-content:center}}@media (max-width: 640px){.import-electricity-bills-modal{padding:16px}.import-electricity-bills-modal__content{max-width:100%}.import-electricity-bills-modal__header{padding:20px 20px 0}.import-electricity-bills-modal__body{padding:20px}.import-electricity-bills-modal__sections{grid-template-columns:1fr;gap:1rem}.import-electricity-bills-modal__download-section,.import-electricity-bills-modal__upload-section{padding:1rem}.import-electricity-bills-modal__actions{flex-direction:column}.import-electricity-bills-modal__cancel-btn,.import-electricity-bills-modal__generate-btn,.import-electricity-bills-modal__back-btn,.import-electricity-bills-modal__upload-btn{width:100%;justify-content:center}}.import-electricity-bills-modal__divider{display:flex;align-items:center;margin:2rem 0;text-align:center}.import-electricity-bills-modal__divider:before,.import-electricity-bills-modal__divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.import-electricity-bills-modal__divider span{padding:0 1.5rem;color:#64748b;font-size:.875rem;font-weight:600;background:#fff;text-transform:uppercase;letter-spacing:.05em}.import-electricity-bills-modal__sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%}.import-electricity-bills-modal__download-section,.import-electricity-bills-modal__upload-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;display:flex;flex-direction:column}.import-electricity-bills-modal__section-header{margin-bottom:1.5rem;text-align:center}.import-electricity-bills-modal__section-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.import-electricity-bills-modal__section-header p{color:#64748b;font-size:.875rem;margin:0;line-height:1.4}.import-electricity-bills-modal__generate-section{margin:1.5rem 0;display:flex;justify-content:center}.import-electricity-bills-modal__file-upload{position:relative;margin-bottom:1rem}.import-electricity-bills-modal__file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.import-electricity-bills-modal__file-label{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px dashed #cbd5e1;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__file-label:hover{border-color:#3b82f6;background:#f0f9ff}.import-electricity-bills-modal__file-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#3b82f6;border-radius:8px;color:#fff;font-size:1.5rem}.import-electricity-bills-modal__file-text{display:flex;flex-direction:column;gap:.25rem}.import-electricity-bills-modal__file-title{font-weight:600;color:#1e293b;font-size:1rem}.import-electricity-bills-modal__file-subtitle{font-size:.875rem;color:#64748b}.import-electricity-bills-modal__file-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#166534;font-size:.875rem;margin-top:.5rem}.import-electricity-bills-modal__file-success-icon{color:#16a34a}.import-electricity-bills-modal__file-size{color:#6b7280;font-size:.75rem}.import-electricity-bills-modal__info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1rem}.import-electricity-bills-modal__info-icon{color:#3b82f6;font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.import-electricity-bills-modal__info-content{flex:1}.import-electricity-bills-modal__info-title{font-weight:600;color:#1e40af;margin:0 0 .25rem;font-size:.875rem}.import-electricity-bills-modal__info-text{color:#1e40af;margin:0;font-size:.875rem;line-height:1.4}.import-electricity-bills-modal__validation-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1rem}.import-electricity-bills-modal__validation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.import-electricity-bills-modal__validation-header h4{color:#dc2626;font-size:.875rem;font-weight:600;margin:0}.import-electricity-bills-modal__validation-header svg{color:#dc2626}.import-electricity-bills-modal__validation-errors ul{margin:0;padding-left:1.25rem}.import-electricity-bills-modal__validation-errors ul li{color:#dc2626;font-size:.875rem;margin-bottom:.25rem}.import-electricity-bills-modal__meter-reset-section{background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;padding:1rem;margin-bottom:1rem}.import-electricity-bills-modal__meter-reset-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.import-electricity-bills-modal__meter-reset-header h4{color:#d97706;font-size:.875rem;font-weight:600;margin:0}.import-electricity-bills-modal__meter-reset-header svg{color:#d97706}.import-electricity-bills-modal__meter-reset-section p{color:#92400e;font-size:.875rem;margin:0 0 .75rem;line-height:1.4}.import-electricity-bills-modal__meter-reset-list{display:flex;flex-direction:column;gap:.5rem}.import-electricity-bills-modal__meter-reset-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.import-electricity-bills-modal__meter-reset-item input[type=checkbox]{width:1rem;height:1rem;accent-color:#d97706}.import-electricity-bills-modal__meter-reset-text{color:#92400e;font-size:.875rem}.import-electricity-bills-modal__meter-reset-text strong{font-weight:600}.import-electricity-bills-modal__upload-actions{display:flex;justify-content:center;margin-top:1.5rem}.import-electricity-bills-modal__upload-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#059669;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.import-electricity-bills-modal__upload-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.import-electricity-bills-modal__upload-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.import-electricity-bills-modal__btn-icon{font-size:1.125rem}.add-electricity-bill-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.add-electricity-bill-modal__overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-electricity-bill-modal__content{position:relative;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.add-electricity-bill-modal__header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.add-electricity-bill-modal__title{font-size:20px;font-weight:600;color:#333;margin:0}.add-electricity-bill-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.add-electricity-bill-modal__close-btn:hover{background:#f3f4f6;color:#333}.add-electricity-bill-modal__close-btn svg{width:20px;height:20px}.add-electricity-bill-modal__form{display:flex;flex-direction:column;height:100%}.add-electricity-bill-modal__body{padding:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.add-electricity-bill-modal__form-group{display:flex;flex-direction:column;gap:8px}.add-electricity-bill-modal__form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.add-electricity-bill-modal__label{font-size:14px;font-weight:500;color:#333}.add-electricity-bill-modal__input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.add-electricity-bill-modal__input:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.add-electricity-bill-modal__input:disabled{background:#f9fafb;color:#64748b;cursor:not-allowed}.add-electricity-bill-modal__input--error{border-color:#ef4444}.add-electricity-bill-modal__select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease}.add-electricity-bill-modal__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.add-electricity-bill-modal__select:disabled{background:#f9fafb;color:#64748b;cursor:not-allowed}.add-electricity-bill-modal__select--error{border-color:#ef4444}.add-electricity-bill-modal__error{font-size:12px;color:#ef4444;margin-top:4px}.add-electricity-bill-modal__footer{padding:16px 24px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.add-electricity-bill-modal__cancel-btn{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-electricity-bill-modal__cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.add-electricity-bill-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.add-electricity-bill-modal__save-btn{padding:10px 20px;border:none;background:#ae8c63;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-electricity-bill-modal__save-btn:hover:not(:disabled){background:#92724c}.add-electricity-bill-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.add-electricity-bill-modal{padding:16px}.add-electricity-bill-modal__content{max-width:100%}.add-electricity-bill-modal__header{padding:20px 20px 0}.add-electricity-bill-modal__body{padding:20px}.add-electricity-bill-modal__form-row{grid-template-columns:1fr;gap:12px}.add-electricity-bill-modal__footer{padding:16px 20px 20px;flex-direction:column}.add-electricity-bill-modal__cancel-btn,.add-electricity-bill-modal__save-btn{width:100%;justify-content:center}}.edit-electricity-bill-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.edit-electricity-bill-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-electricity-bill-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:900px;max-height:90vh;overflow-y:auto}.edit-electricity-bill-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.edit-electricity-bill-modal__title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.edit-electricity-bill-modal__close-btn{background:none;border:none;padding:.5rem;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.edit-electricity-bill-modal__close-btn:hover{background:#f3f4f6;color:#374151}.edit-electricity-bill-modal__form{padding:2rem}.edit-electricity-bill-modal__form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.edit-electricity-bill-modal__form-group{margin-bottom:1.5rem}.edit-electricity-bill-modal__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.edit-electricity-bill-modal__input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.edit-electricity-bill-modal__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-electricity-bill-modal__input--disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.edit-electricity-bill-modal__select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s}.edit-electricity-bill-modal__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-electricity-bill-modal__footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.edit-electricity-bill-modal__cancel-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-electricity-bill-modal__cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.edit-electricity-bill-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.edit-electricity-bill-modal__save-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;background:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-electricity-bill-modal__save-btn:hover{background:#2563eb}.edit-electricity-bill-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.edit-electricity-bill-modal__content{width:95%;margin:1rem}.edit-electricity-bill-modal__header{padding:1rem 1.5rem}.edit-electricity-bill-modal__form{padding:1.5rem}.edit-electricity-bill-modal__form-row{grid-template-columns:1fr}.edit-electricity-bill-modal__footer{padding:1rem 1.5rem;flex-direction:column}.edit-electricity-bill-modal__cancel-btn,.edit-electricity-bill-modal__save-btn{width:100%}}.electricity-bills-page{padding:24px;background:#fff;min-height:100vh}.electricity-bills-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.electricity-bills-page__content{max-width:1400px;margin:0 auto}.electricity-bills-page__header-content{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.electricity-bills-page__title-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.electricity-bills-page__page-title{font-size:28px;font-weight:700;color:#333;margin:0}.electricity-bills-page__info-icon{width:20px;height:20px;color:#64748b;cursor:help}.electricity-bills-page__controls{display:flex;align-items:center;gap:1px;flex:1;justify-content:space-between;width:100%}.electricity-bills-page__middle-section{display:flex;align-items:center;gap:16px;flex:1;justify-content:center}.electricity-bills-page__property-filter{flex:1;min-width:180px;max-width:250px}.electricity-bills-page__actions{display:flex;gap:16px;align-items:center;flex:1;justify-content:flex-end}.electricity-bills-page__bills-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.electricity-bills-page__card-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.electricity-bills-page__card-title-group{display:flex;align-items:center;gap:8px}.electricity-bills-page__card-title{font-size:20px;font-weight:600;color:#333;margin:0}.electricity-bills-page__search{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:350px;max-width:400px;margin-left:-20px}.electricity-bills-page__search-icon{position:absolute;left:14px;width:18px;height:18px;color:#64748b;z-index:1}.electricity-bills-page__search-input{padding:8px 12px 8px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;width:100%;background:#fff;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.electricity-bills-page__search-input:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 4px #20b2aa26;transform:translateY(-1px)}.electricity-bills-page__search-input::placeholder{color:#94a3b8;font-weight:400}.electricity-bills-page__search-input:hover{border-color:#cbd5e1}.electricity-bills-page__property-filter{display:flex;align-items:center;min-width:200px;max-width:250px}.electricity-bills-page__select-wrapper{position:relative;display:flex;align-items:center;width:100%}.electricity-bills-page__property-select{padding:8px 32px 8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;width:100%;height:36px;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;font-weight:500}.electricity-bills-page__property-select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 4px #20b2aa26;transform:translateY(-1px)}.electricity-bills-page__property-select:hover{border-color:#cbd5e1}.electricity-bills-page__property-select option{padding:8px;font-weight:500}.electricity-bills-page__select-icon{position:absolute;right:16px;width:18px;height:18px;color:#64748b;pointer-events:none;transition:transform .2s ease}.electricity-bills-page__select-wrapper:hover .electricity-bills-page__select-icon{transform:translateY(-1px)}.electricity-bills-page__header-actions{display:flex;gap:12px;align-items:center;height:36px}.electricity-bills-page__add-bill-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;height:40px;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;flex:1.5;justify-content:center;min-width:180px}.electricity-bills-page__add-bill-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.electricity-bills-page__add-bill-btn:active{transform:translateY(0)}.electricity-bills-page__add-bill-icon{width:18px;height:18px}.electricity-bills-page__import-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;height:40px;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;flex:1;justify-content:center;width:250px!important}.electricity-bills-page__import-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.electricity-bills-page__import-btn:focus{outline:none;box-shadow:0 0 0 4px #3b82f626}.electricity-bills-page__import-icon{width:18px;height:18px}.electricity-bills-page__no-data-actions{display:flex;gap:12px;align-items:center}.electricity-bills-page__table-container{overflow-x:auto}.electricity-bills-page__table{width:100%;border-collapse:collapse;font-size:14px}.electricity-bills-page__table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:relative}.electricity-bills-page__table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;color:#333;vertical-align:middle;white-space:nowrap}.electricity-bills-page__table tr:hover{background:#f8fafc}.electricity-bills-page__sort-icon{width:14px;height:14px;color:#64748b;margin-left:4px;cursor:pointer;transition:color .2s ease}.electricity-bills-page__sort-icon:hover{color:#ae8c63}.electricity-bills-page__reading-number{font-weight:500;color:#64748b;text-align:center;width:60px}.electricity-bills-page__tenant-name{font-weight:500;color:#333}.electricity-bills-page__property,.electricity-bills-page__unit,.electricity-bills-page__reading-date{color:#333}.electricity-bills-page__previous-reading,.electricity-bills-page__current-reading,.electricity-bills-page__consumption{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#333}.electricity-bills-page__amount{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#333;font-weight:600}.electricity-bills-page__arrears{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#dc2626;font-weight:600}.electricity-bills-page__paid{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#059669;font-weight:600}.electricity-bills-page__balance{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600}.electricity-bills-page__balance--positive{color:#059669}.electricity-bills-page__balance--negative{color:#dc2626}.electricity-bills-page__balance--zero{color:#6b7280}.electricity-bills-page__total{text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#1f2937;font-weight:700;background:#f9fafb}.electricity-bills-page__status{text-align:center}.electricity-bills-page__status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.electricity-bills-page__status-badge--pending{background:#fef3c7;color:#92400e}.electricity-bills-page__status-badge--paid{background:#d1fae5;color:#065f46}.electricity-bills-page__status-badge--overdue{background:#fee2e2;color:#991b1b}.electricity-bills-page__actions{text-align:center}.electricity-bills-page__edit-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-right:4px;padding:0}.electricity-bills-page__edit-btn:hover{background:#e5e7eb;color:#374151}.electricity-bills-page__edit-btn:active{transform:scale(.95)}.electricity-bills-page__delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:#fef2f2;color:#ef4444;cursor:pointer;transition:all .2s ease;padding:0}.electricity-bills-page__delete-btn:hover{background:#fee2e2;color:#dc2626}.electricity-bills-page__delete-btn:active{transform:scale(.95)}.electricity-bills-page__pagination{padding:24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.electricity-bills-page__pagination-info{color:#64748b;font-size:14px}.electricity-bills-page__pagination-controls{display:flex;align-items:center;gap:8px}.electricity-bills-page__pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.electricity-bills-page__pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#ae8c63}.electricity-bills-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.electricity-bills-page__pagination-btn--prev,.electricity-bills-page__pagination-btn--next{font-weight:500}.electricity-bills-page__pagination-pages{display:flex;gap:4px}.electricity-bills-page__pagination-page{padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#333;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.electricity-bills-page__pagination-page:hover{background:#f8fafc;border-color:#ae8c63}.electricity-bills-page__pagination-page--active{background:#10b981;color:#fff;border-color:#10b981}.electricity-bills-page__no-data{padding:80px 24px;text-align:center}.electricity-bills-page__no-data-content{max-width:400px;margin:0 auto}.electricity-bills-page__no-data-icon{width:64px;height:64px;color:#64748b;margin-bottom:16px}.electricity-bills-page__no-data-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.electricity-bills-page__no-data-message{color:#64748b;margin:0 0 24px;line-height:1.5}.electricity-bills-page__no-data-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ae8c63;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.electricity-bills-page__no-data-btn:hover{background:#92724c}.electricity-bills-page__no-data-btn:active{transform:translateY(1px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner .spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top:3px solid #ae8c63;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:#64748b;font-size:14px;margin:0}@media (max-width: 1200px){.electricity-bills-page__header-content{flex-direction:column;align-items:stretch;gap:20px}.electricity-bills-page__controls{flex-direction:column;align-items:stretch;gap:16px}.electricity-bills-page__search,.electricity-bills-page__property-filter{min-width:auto;max-width:none}.electricity-bills-page__actions{justify-content:center}}@media (max-width: 768px){.electricity-bills-page,.electricity-bills-page__header-content{padding:16px}.electricity-bills-page__page-title{font-size:24px}.electricity-bills-page__search-input{font-size:16px;width:100%}.electricity-bills-page__property-select{font-size:16px}.electricity-bills-page__header-actions{justify-content:stretch;flex-direction:column;gap:8px}.electricity-bills-page__add-bill-btn,.electricity-bills-page__import-btn{justify-content:center}.electricity-bills-page__no-data-actions{flex-direction:column;gap:8px}.electricity-bills-page__table-container{font-size:12px}.electricity-bills-page__table th,.electricity-bills-page__table td{padding:12px 8px}.electricity-bills-page__pagination{flex-direction:column;align-items:center;gap:16px}.electricity-bills-page__pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.electricity-bills-page__table th,.electricity-bills-page__table td{padding:8px 4px;font-size:11px}.electricity-bills-page__pagination-pages{flex-wrap:wrap;justify-content:center}.electricity-bills-page__pagination-page{min-width:32px;padding:6px 8px;font-size:12px}}.delete-confirmation-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.delete-confirmation-modal__overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirmation-modal__content{position:relative;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.delete-confirmation-modal__header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.delete-confirmation-modal__title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.delete-confirmation-modal__close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.delete-confirmation-modal__close-btn:hover{background:#f3f4f6;color:#374151}.delete-confirmation-modal__body{padding:24px;flex:1;overflow-y:auto}.delete-confirmation-modal__warning{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.delete-confirmation-modal__warning p{margin:0;font-weight:500}.delete-confirmation-modal__bill-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.delete-confirmation-modal__bill-info p{margin:0 0 8px;color:#374151}.delete-confirmation-modal__bill-info p:last-child{margin-bottom:0}.delete-confirmation-modal__bill-info p strong{color:#1f2937}.delete-confirmation-modal__warning-text{color:#6b7280;font-size:14px;margin:0;text-align:center;font-style:italic}.delete-confirmation-modal__footer{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}.delete-confirmation-modal__cancel-btn{padding:12px 24px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirmation-modal__cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.delete-confirmation-modal__delete-btn{padding:12px 24px;border:none;background:#ef4444;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirmation-modal__delete-btn:hover{background:#dc2626}.delete-confirmation-modal__delete-btn:active{background:#b91c1c}.invoice-create-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.invoice-create-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invoice-create-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.invoice-create-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.invoice-create-modal__title{font-size:24px;font-weight:700;color:#333;margin:0}.invoice-create-modal__close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.invoice-create-modal__close-btn:hover{background:#64748b;color:#333}.invoice-create-modal__body{flex:1;overflow-y:auto;padding:24px}.invoice-create-modal__form{display:flex;flex-direction:column;gap:32px}.invoice-create-modal__section{display:flex;flex-direction:column;gap:16px}.invoice-create-modal__section-header{display:flex;justify-content:space-between;align-items:center}.invoice-create-modal__section-title{font-size:18px;font-weight:600;color:#333;margin:0}.invoice-create-modal__form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 768px){.invoice-create-modal__form-row{grid-template-columns:1fr}}.invoice-create-modal__form-group{display:flex;flex-direction:column;gap:8px}.invoice-create-modal__form-group--flex{flex:1}.invoice-create-modal__form-group--small{max-width:100px}.invoice-create-modal__form-group--medium{max-width:150px}.invoice-create-modal__label{font-size:14px;font-weight:600;color:#333}.invoice-create-modal__input,.invoice-create-modal__select,.invoice-create-modal__textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#374151;background:#fff;transition:border-color .2s ease}.invoice-create-modal__input:focus,.invoice-create-modal__select:focus,.invoice-create-modal__textarea:focus{outline:none;border-color:#3b82f6}.invoice-create-modal__input--error,.invoice-create-modal__select--error,.invoice-create-modal__textarea--error{border-color:#ef4444}.invoice-create-modal__input--readonly,.invoice-create-modal__select--readonly,.invoice-create-modal__textarea--readonly{background:#f8fafc;color:#64748b;cursor:not-allowed}.invoice-create-modal__textarea{resize:vertical;min-height:80px}.invoice-create-modal__error{font-size:12px;color:#ef4444;font-weight:500}.invoice-create-modal__add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ae8c63;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.invoice-create-modal__add-btn:hover{background:#92724c}.invoice-create-modal__line-items{display:flex;flex-direction:column;gap:16px}.invoice-create-modal__line-item{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}.invoice-create-modal__line-item-row{display:grid;grid-template-columns:1fr 100px 150px 150px 40px;gap:12px;align-items:end}@media (max-width: 768px){.invoice-create-modal__line-item-row{grid-template-columns:1fr;gap:16px}}.invoice-create-modal__remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.invoice-create-modal__remove-btn:hover:not(:disabled){background:#eb1515}.invoice-create-modal__remove-btn:disabled{background:#64748b;cursor:not-allowed;opacity:.5}.invoice-create-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.invoice-create-modal__btn{padding:.5rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.invoice-create-modal__btn--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.invoice-create-modal__btn--secondary:hover{background:#f3f4f6;border-color:#9ca3af}.invoice-create-modal__btn--primary{background:#ae8c63;color:#fff}.invoice-create-modal__btn--primary:hover{background:#92724c}@media (max-width: 768px){.invoice-create-modal{padding:10px}.invoice-create-modal__content{max-height:95vh}.invoice-create-modal__header{padding:16px}.invoice-create-modal__title{font-size:20px}.invoice-create-modal__body{padding:16px}.invoice-create-modal__form{gap:24px}.invoice-create-modal__section{gap:12px}.invoice-create-modal__footer{padding:16px;flex-direction:column-reverse}.invoice-create-modal__btn{width:100%}}@media (max-width: 480px){.invoice-create-modal__line-item-row{grid-template-columns:1fr}.invoice-create-modal__form-group--small,.invoice-create-modal__form-group--medium{max-width:none}}.invoice-details-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.invoice-details-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invoice-details-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.invoice-details-modal__content--invoice{max-width:1200px;max-height:95vh}.invoice-details-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.invoice-details-modal__header-info{flex:1}.invoice-details-modal__title{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.invoice-details-modal__status-group{display:flex;gap:16px;align-items:center}.invoice-details-modal__status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-details-modal__status--green{background:#25d3661a;color:#25d366}.invoice-details-modal__status--blue{background:#ae8c631a;color:#ae8c63}.invoice-details-modal__status--red{background:#ef44441a;color:#ef4444}.invoice-details-modal__status--yellow{background:#f59e0b1a;color:#f59e0b}.invoice-details-modal__status--gray{background:#64748b1a;color:#64748b}.invoice-details-modal__type{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#64748b}.invoice-details-modal__type-icon{width:16px;height:16px}.invoice-details-modal__close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.invoice-details-modal__close-btn:hover{background:#64748b;color:#333}.invoice-details-modal__body{flex:1;overflow-y:auto;padding:24px}.invoice-details-modal__tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.invoice-details-modal__tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.invoice-details-modal__tab:hover{color:#333}.invoice-details-modal__tab--active{color:#ae8c63;border-bottom-color:#ae8c63}.invoice-details-modal__tab-content{min-height:400px}.invoice-details-modal__details{display:flex;flex-direction:column;gap:32px}.invoice-details-modal__section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px}.invoice-details-modal__invoice-header{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}@media (max-width: 768px){.invoice-details-modal__invoice-header{grid-template-columns:1fr;gap:24px}}.invoice-details-modal__from,.invoice-details-modal__to{display:flex;flex-direction:column;gap:12px}.invoice-details-modal__company-name,.invoice-details-modal__recipient-name{font-size:16px;font-weight:600;color:#333}.invoice-details-modal__company-address,.invoice-details-modal__recipient-address,.invoice-details-modal__company-contact,.invoice-details-modal__recipient-contact{font-size:14px;color:#64748b;line-height:1.5}.invoice-details-modal__invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}@media (max-width: 768px){.invoice-details-modal__invoice-details{grid-template-columns:1fr}}.invoice-details-modal__detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.invoice-details-modal__detail-label{font-size:14px;font-weight:500;color:#64748b}.invoice-details-modal__detail-value{font-size:14px;font-weight:600;color:#333}.invoice-details-modal__line-items{display:flex;flex-direction:column;gap:16px}.invoice-details-modal__line-items-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.invoice-details-modal__line-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;background:#f8fafc;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb}.invoice-details-modal__line-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid #64748b}.invoice-details-modal__line-item:last-child{border-bottom:none}.invoice-details-modal__line-item-description{font-size:14px;color:#333}.invoice-details-modal__line-item-qty,.invoice-details-modal__line-item-price,.invoice-details-modal__line-item-amount{font-size:14px;color:#333;text-align:right}.invoice-details-modal__line-item-amount{font-weight:600}.invoice-details-modal__totals{background:#f8fafc;padding:24px;border-radius:8px;border:1px solid #64748b}.invoice-details-modal__total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.invoice-details-modal__total-row--total{border-top:2px solid #64748b;margin-top:12px;padding-top:16px;font-size:18px;font-weight:700}.invoice-details-modal__total-label{color:#333;font-weight:500}.invoice-details-modal__total-value{color:#333;font-weight:600}.invoice-details-modal__total-value--paid{color:#25d366}.invoice-details-modal__total-value--balance{color:#ef4444}.invoice-details-modal__notes{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}.invoice-details-modal__notes-text{font-size:14px;color:#333;line-height:1.6;margin:0}.invoice-details-modal__payments{display:flex;flex-direction:column;gap:24px}.invoice-details-modal__payments-header{display:flex;justify-content:space-between;align-items:center}.invoice-details-modal__add-payment-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ae8c63;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoice-details-modal__add-payment-btn:hover{background:#92724c}.invoice-details-modal__payment-form{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}.invoice-details-modal__payment-form h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.invoice-details-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.invoice-details-modal__form-row{grid-template-columns:1fr}}.invoice-details-modal__form-group{display:flex;flex-direction:column;gap:8px}.invoice-details-modal__form-group label{font-size:14px;font-weight:500;color:#333}.invoice-details-modal__form-group input,.invoice-details-modal__form-group select,.invoice-details-modal__form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:all .2s ease}.invoice-details-modal__form-group input:focus,.invoice-details-modal__form-group select:focus,.invoice-details-modal__form-group textarea:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.invoice-details-modal__form-group input:hover,.invoice-details-modal__form-group select:hover,.invoice-details-modal__form-group textarea:hover{border-color:#9ca3af}.invoice-details-modal__form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.invoice-details-modal__form-group select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2320b2aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.invoice-details-modal__form-group select option{padding:8px;color:#374151;text-align:left}.invoice-details-modal__form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.invoice-details-modal__payment-list{display:flex;flex-direction:column;gap:12px}.invoice-details-modal__payment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}.invoice-details-modal__payment-amount{font-size:16px;font-weight:600;color:#333}.invoice-details-modal__payment-method{font-size:14px;color:#64748b}.invoice-details-modal__payment-date{font-size:12px;color:#64748b}.invoice-details-modal__payment-reference{font-size:11px;color:#64748b;font-style:italic}.invoice-details-modal__payment-notes{font-size:11px;color:#64748b;margin-top:4px}.invoice-details-modal__status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.invoice-details-modal__status-badge--paid{background:#25d3661a;color:#25d366}.invoice-details-modal__no-payments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#64748b}.invoice-details-modal__no-payments p{margin:12px 0 0;font-size:14px}.invoice-details-modal__no-payments-icon{width:48px;height:48px;color:#64748b}.invoice-details-modal__history,.invoice-details-modal__history-list{display:flex;flex-direction:column;gap:16px}.invoice-details-modal__history-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #64748b}.invoice-details-modal__history-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ae8c63;color:#fff;border-radius:50%;flex-shrink:0}.invoice-details-modal__history-content{flex:1}.invoice-details-modal__history-title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.invoice-details-modal__history-date{font-size:12px;color:#64748b}.invoice-details-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap;gap:16px}.invoice-details-modal__footer-actions{display:flex;gap:12px}.invoice-details-modal__footer-info{display:flex;flex-direction:column;gap:8px;text-align:right}.invoice-details-modal__total-summary,.invoice-details-modal__balance-summary{display:flex;gap:8px;align-items:center}.invoice-details-modal__total-label,.invoice-details-modal__balance-label{font-size:14px;color:#64748b}.invoice-details-modal__total-value{font-size:16px;font-weight:700;color:#333}.invoice-details-modal__balance-value{font-size:16px;font-weight:700;color:#ef4444}.invoice-details-modal__btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoice-details-modal__btn--primary{background:#ae8c63;color:#fff}.invoice-details-modal__btn--primary:hover{background:#92724c}.invoice-details-modal__btn--secondary{background:#fff;color:#333;border:2px solid #64748b}.invoice-details-modal__btn--secondary:hover{background:#f8fafc;border-color:#64748b}.invoice-details-modal__btn--success{background:#25d366;color:#fff}.invoice-details-modal__btn--success:hover{background:#1da851}@media (max-width: 768px){.invoice-details-modal{padding:10px}.invoice-details-modal__content{max-height:95vh}.invoice-details-modal__header{padding:16px}.invoice-details-modal__title{font-size:20px}.invoice-details-modal__body{padding:16px}.invoice-details-modal__footer{padding:16px;flex-direction:column;align-items:stretch}.invoice-details-modal__footer-info{text-align:left}.invoice-details-modal__tabs{overflow-x:auto}.invoice-details-modal__tab{white-space:nowrap}}@media (max-width: 480px){.invoice-details-modal__line-items-header,.invoice-details-modal__line-item{grid-template-columns:1fr;gap:8px}.invoice-details-modal__line-item-qty,.invoice-details-modal__line-item-price,.invoice-details-modal__line-item-amount{text-align:left}}.invoice-details-modal__header--invoice{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:32px;display:flex;justify-content:space-between;align-items:flex-start}.invoice-details-modal__company-name{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 16px}.invoice-details-modal__company-details p{margin:4px 0;color:#64748b;font-size:14px;line-height:1.4}.invoice-details-modal__invoice-info{text-align:right;min-width:200px}.invoice-details-modal__invoice-title{font-size:32px;font-weight:800;color:#1e293b;margin:0 0 24px;letter-spacing:2px}.invoice-details-modal__invoice-details{display:flex;flex-direction:column;gap:8px}.invoice-details-modal__invoice-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.invoice-details-modal__invoice-field label{font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.invoice-details-modal__invoice-field span{font-weight:500;color:#1e293b;font-size:14px}.invoice-details-modal__bill-to{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.invoice-details-modal__bill-to h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.invoice-details-modal__client-info .invoice-details-modal__client-name{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.invoice-details-modal__client-info .invoice-details-modal__client-email,.invoice-details-modal__client-info .invoice-details-modal__client-phone{color:#64748b;font-size:14px;margin:4px 0}.invoice-details-modal__client-info .invoice-details-modal__client-address{color:#64748b;font-size:14px;line-height:1.4;margin-top:8px}.invoice-details-modal__property-info{padding:24px 32px;background:#fff;border-bottom:1px solid #e2e8f0}.invoice-details-modal__property-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.invoice-details-modal__property-details{display:flex;gap:32px}.invoice-details-modal__property-field{display:flex;align-items:center;gap:8px}.invoice-details-modal__property-field label{font-weight:600;color:#64748b;font-size:14px}.invoice-details-modal__property-field span{font-weight:500;color:#1e293b;font-size:14px}.invoice-details-modal__line-items-section{padding:32px;background:#fff}.invoice-details-modal__line-items-table{width:100%;border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.invoice-details-modal__line-items-table th{background:#f8fafc;padding:16px 20px;text-align:left;font-weight:600;color:#1e293b;font-size:14px;border-bottom:1px solid #e2e8f0}.invoice-details-modal__line-items-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px}.invoice-details-modal__line-items-table td:last-child{font-weight:600;text-align:right}.invoice-details-modal__totals{padding:32px;background:#f8fafc;border-top:2px solid #e2e8f0}.invoice-details-modal__totals-table{max-width:400px;margin-left:auto}.invoice-details-modal__total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px}.invoice-details-modal__total-row span:first-child{color:#64748b;font-weight:500}.invoice-details-modal__total-row span:last-child{color:#1e293b;font-weight:600}.invoice-details-modal__total-row--grand{border-top:2px solid #e2e8f0;margin-top:8px;padding-top:16px;font-size:16px;font-weight:700}.invoice-details-modal__total-row--grand span:last-child{color:#1e293b;font-size:18px}.invoice-details-modal__total-row--balance{background:#fef2f2;margin:8px -16px 0;padding:12px 16px;border-radius:6px;border:1px solid #fecaca}.invoice-details-modal__total-row--balance span:last-child{color:#dc2626;font-weight:700;font-size:16px}.invoice-details-modal__payment-terms{padding:24px 32px;background:#fff;border-top:1px solid #e2e8f0}.invoice-details-modal__payment-terms h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.invoice-details-modal__payment-terms p{color:#64748b;font-size:14px;margin:8px 0}.invoice-details-modal__payment-terms .invoice-details-modal__overdue-notice{color:#dc2626;font-weight:600}.invoice-details-modal__content--invoice{max-width:850px;width:90vw;max-height:95vh;overflow-y:auto;background:#fff;box-shadow:0 20px 40px #00000026;border-radius:8px;position:relative}.invoice-details-modal__content--invoice:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#1e40af);border-radius:8px 8px 0 0}.invoice-details-modal__content--invoice:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,78,216,.03) 0%,transparent 50%);pointer-events:none;border-radius:8px}.invoice-details-modal__header--invoice{display:flex;justify-content:space-between;align-items:flex-start;padding:48px 48px 32px;background:#fff;position:relative;border-bottom:1px solid #f1f5f9}.invoice-details-modal__company-info{flex:1}.invoice-details-modal__company-name{font-size:36px;font-weight:800;color:#0f172a;margin-bottom:16px;font-family:Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.025em;line-height:1.1}.invoice-details-modal__company-details p{margin:3px 0;font-size:15px;color:#64748b;line-height:1.5;font-weight:400}.invoice-details-modal__invoice-info{text-align:right;min-width:200px;position:relative}.invoice-details-modal__invoice-title{font-size:42px;font-weight:900;color:#0f172a;margin-bottom:28px;text-align:center;font-family:Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.05em;position:relative}.invoice-details-modal__invoice-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px}.invoice-details-modal__invoice-details{display:flex;flex-direction:column;gap:8px;background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.invoice-details-modal__invoice-field{display:flex;flex-direction:column;gap:4px}.invoice-details-modal__invoice-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-details-modal__invoice-value{font-size:15px;color:#0f172a;font-weight:700;font-family:Inter,Segoe UI,system-ui,sans-serif}.invoice-details-modal__billing-section{display:flex;justify-content:space-between;padding:32px 48px 40px;gap:48px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.invoice-details-modal__bill-to,.invoice-details-modal__payment-method{flex:1}.invoice-details-modal__section-title{font-size:13px;font-weight:800;color:#0f172a;margin-bottom:16px;text-transform:uppercase;letter-spacing:.8px;font-family:Inter,Segoe UI,system-ui,sans-serif;position:relative}.invoice-details-modal__section-title:after{content:"";position:absolute;bottom:-6px;left:0;width:30px;height:2px;background:#3b82f6;border-radius:1px}.invoice-details-modal__client-info{display:flex;flex-direction:column;gap:4px}.invoice-details-modal__client-name{font-size:18px;font-weight:800;color:#0f172a;font-family:Inter,Segoe UI,system-ui,sans-serif;margin-bottom:4px}.invoice-details-modal__client-phone{font-size:15px;color:#64748b;font-weight:500;margin-bottom:2px}.invoice-details-modal__client-address{font-size:15px;color:#64748b;line-height:1.5;font-weight:400}.invoice-details-modal__payment-info{display:flex;flex-direction:column;gap:4px}.invoice-details-modal__payment-bank{font-size:18px;font-weight:800;color:#0f172a;font-family:Inter,Segoe UI,system-ui,sans-serif;margin-bottom:4px}.invoice-details-modal__payment-account{font-size:15px;color:#64748b;font-weight:500;margin-bottom:2px}.invoice-details-modal__payment-phone{font-size:15px;color:#64748b;font-weight:400}.invoice-details-modal__line-items-section{padding:40px 48px;background:#fff}.invoice-details-modal__line-items-table{width:100%;border-collapse:collapse;margin-top:24px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.invoice-details-modal__line-items-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 16px;text-align:left;font-weight:800;font-size:11px;color:#0f172a;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #e2e8f0;font-family:Inter,Segoe UI,system-ui,sans-serif}.invoice-details-modal__line-items-table td{padding:20px 16px;border-bottom:1px solid #f1f5f9;font-size:15px;color:#0f172a;vertical-align:top;font-family:Inter,Segoe UI,system-ui,sans-serif}.invoice-details-modal__line-items-table tr:last-child td{border-bottom:none}.invoice-details-modal__line-items-table tr:nth-child(2n){background:#fafbfc}.invoice-details-modal__line-items-table tr:hover{background:#f8fafc}.invoice-details-modal__col-no{width:60px;text-align:center}.invoice-details-modal__col-description{width:50%}.invoice-details-modal__col-price,.invoice-details-modal__col-qty,.invoice-details-modal__col-total{width:15%;text-align:right}.invoice-details-modal__item-name{font-weight:700;color:#0f172a;margin-bottom:6px;font-size:16px}.invoice-details-modal__item-description{font-size:13px;color:#64748b;line-height:1.5;font-style:italic}.invoice-details-modal__totals{padding:40px 48px;display:flex;justify-content:flex-end;background:#fafbfc;border-top:1px solid #f1f5f9}.invoice-details-modal__totals-table{min-width:300px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.invoice-details-modal__total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;color:#0f172a;font-family:Inter,Segoe UI,system-ui,sans-serif}.invoice-details-modal__total-row--grand{font-weight:800;font-size:18px;border-top:3px solid #0f172a;border-bottom:3px solid #0f172a;margin:16px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:4px;padding:16px}.invoice-details-modal__total-row--balance{font-weight:700;color:#dc2626;font-size:16px}.invoice-details-modal__footer-section{display:flex;justify-content:space-between;align-items:flex-end;padding:40px 48px;background:#fff;border-top:1px solid #f1f5f9}.invoice-details-modal__terms{flex:1;max-width:60%}.invoice-details-modal__terms-text{font-size:13px;color:#64748b;line-height:1.6;margin-top:12px;font-style:italic}.invoice-details-modal__signature{text-align:center;min-width:220px;background:#fafbfc;padding:24px;border-radius:8px;border:1px solid #e2e8f0}.invoice-details-modal__signature-image{margin-bottom:12px}.invoice-details-modal__signature-text{font-size:28px;font-family:Brush Script MT,Lucida Handwriting,cursive;color:#0f172a;font-weight:400;opacity:.8}.invoice-details-modal__signature-name{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:6px;font-family:Inter,Segoe UI,system-ui,sans-serif}.invoice-details-modal__signature-title{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.invoice-details-modal__actions{padding:32px 48px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px;border-radius:0 0 8px 8px}.invoice-details-modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:10}.invoice-details-modal__close:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:scale(1.05)}.invoice-details-modal__close svg{width:20px;height:20px;color:#64748b}.invoice-details-modal__close:hover svg{color:#3b82f6}.record-partial-payment-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.record-partial-payment-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.record-partial-payment-modal__content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.record-partial-payment-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.record-partial-payment-modal__title{font-size:20px;font-weight:600;color:#333;margin:0}.record-partial-payment-modal__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.record-partial-payment-modal__close-btn:hover{background:#f3f4f6;color:#374151}.record-partial-payment-modal__body{padding:0 24px 24px}.record-partial-payment-modal__invoice-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:16px}.record-partial-payment-modal__invoice-item{display:flex;flex-direction:column;gap:6px;flex:1}.record-partial-payment-modal__label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.record-partial-payment-modal__value{font-size:16px;font-weight:700;color:#333}.record-partial-payment-modal__value--balance{color:#25d366;font-size:18px}.record-partial-payment-modal__form{display:flex;flex-direction:column;gap:20px}.record-partial-payment-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.record-partial-payment-modal__form-row--single{grid-template-columns:1fr}.record-partial-payment-modal__form-group{display:flex;flex-direction:column;gap:6px}.record-partial-payment-modal__label{font-size:14px;font-weight:500;color:#333}.record-partial-payment-modal__required{color:#dc2626}.record-partial-payment-modal__optional{color:#64748b;font-weight:400;font-size:12px;font-style:italic}.record-partial-payment-modal__input-wrapper{position:relative;display:flex;align-items:center}.record-partial-payment-modal__currency{position:absolute;left:12px;color:#64748b;font-weight:600;z-index:2;pointer-events:none;font-size:14px}.record-partial-payment-modal__input,.record-partial-payment-modal__select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.record-partial-payment-modal__input:focus,.record-partial-payment-modal__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.record-partial-payment-modal__input:disabled,.record-partial-payment-modal__select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.record-partial-payment-modal__input::placeholder,.record-partial-payment-modal__select::placeholder{color:#9ca3af}.record-partial-payment-modal__input{width:100%;padding-left:50px}.record-partial-payment-modal__input:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #20b2aa1a}.record-partial-payment-modal__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;text-align:left}.record-partial-payment-modal__select option{text-align:left}.record-partial-payment-modal__footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.record-partial-payment-modal__cancel-btn{padding:12px 24px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.record-partial-payment-modal__cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.record-partial-payment-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.record-partial-payment-modal__save-btn{padding:12px 24px;background:#ae8c63;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.record-partial-payment-modal__save-btn:hover:not(:disabled){background:#92724c;transform:translateY(-1px)}.record-partial-payment-modal__save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){.record-partial-payment-modal__content{width:95%;margin:20px}.record-partial-payment-modal__header{padding:20px 20px 0}.record-partial-payment-modal__body{padding:0 20px 20px}.record-partial-payment-modal__form-row{grid-template-columns:1fr;gap:20px}.record-partial-payment-modal__invoice-info{flex-direction:column;align-items:flex-start;gap:12px}.record-partial-payment-modal__footer{flex-direction:column}.record-partial-payment-modal__cancel-btn,.record-partial-payment-modal__save-btn{width:100%}}.invoices-page{padding:2rem 0;background-color:#f8fafc;min-height:100vh;width:82vw;max-width:100%;overflow-x:hidden}.invoices-page__content{width:100%;max-width:100vw;padding:0 16px;box-sizing:border-box;overflow-x:hidden}.invoices-page__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;width:100%;box-sizing:border-box}.invoices-page__title{font-size:28px;font-weight:700;color:#333;margin:0}.invoices-page__header-actions{display:flex;align-items:center;gap:12px}.invoices-page__bulk-delete-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoices-page__bulk-delete-btn:hover{background:#bd2130;transform:translateY(-1px)}.invoices-page__bulk-delete-btn:active{transform:translateY(0)}.invoices-page__delete-icon{font-size:14px}.invoices-page__create-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.invoices-page__create-btn:hover{background:#059669;transform:translateY(-1px)}.invoices-page__create-btn:active{transform:translateY(0)}.invoices-page__create-icon{width:20px;height:20px}.invoices-page__filters{display:flex;gap:16px;margin-bottom:16px;padding:24px 24px 16px;flex-wrap:wrap;align-items:center;width:100%;box-sizing:border-box}.invoices-page__search{position:relative;flex:1;min-width:300px}.invoices-page__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.invoices-page__search-input{width:100%;padding:.5rem .5rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;transition:border-color .2s ease}.invoices-page__search-input:focus{outline:none;border-color:#3b82f6}.invoices-page__search-input::placeholder{color:#9ca3af}.invoices-page__filter-group{display:flex;gap:12px;align-items:center}.invoices-page__filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.invoices-page__filter-select:focus{outline:none;border-color:#3b82f6}.invoices-page__filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.invoices-page__filter-toggle:hover{background:#f3f4f6;border-color:#9ca3af}.invoices-page__filter-icon{width:14px;height:14px}.invoices-page__table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%;box-sizing:border-box}.invoices-page__table-container{overflow-x:auto;margin-top:1rem;width:100%;box-sizing:border-box;max-width:100%;max-width:calc(100vw - 232px)}@media (max-width: 1023px){.invoices-page__table-container{max-width:calc(100vw - 32px)}}.invoices-page__table{width:100%;min-width:1200px;border-collapse:collapse;position:relative;z-index:0;table-layout:fixed}.invoices-page__table th{text-align:left;padding:.75rem .5rem;font-size:.75rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;background:#f9fafb;overflow:hidden;text-overflow:ellipsis}.invoices-page__table td{padding:.75rem .5rem;border-bottom:1px solid #f3f4f6;font-size:.75rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoices-page__table th:nth-child(1),.invoices-page__table td:nth-child(1){width:3%;min-width:30px}.invoices-page__table th:nth-child(2),.invoices-page__table td:nth-child(2){width:4%;min-width:30px}.invoices-page__table th:nth-child(3),.invoices-page__table td:nth-child(3){width:8%;min-width:70px}.invoices-page__table th:nth-child(4),.invoices-page__table td:nth-child(4){width:6%;min-width:50px}.invoices-page__table th:nth-child(5),.invoices-page__table td:nth-child(5){width:15%;min-width:120px}.invoices-page__table th:nth-child(6),.invoices-page__table td:nth-child(6){width:12%;min-width:100px}.invoices-page__table th:nth-child(7),.invoices-page__table td:nth-child(7){width:6%;min-width:50px}.invoices-page__table th:nth-child(8),.invoices-page__table td:nth-child(8){width:8%;min-width:60px}.invoices-page__table th:nth-child(9),.invoices-page__table td:nth-child(9){width:8%;min-width:60px}.invoices-page__table th:nth-child(10),.invoices-page__table td:nth-child(10){width:8%;min-width:60px}.invoices-page__table th:nth-child(11),.invoices-page__table td:nth-child(11){width:6%;min-width:50px}.invoices-page__table th:nth-child(12),.invoices-page__table td:nth-child(12){width:8%;min-width:70px}.invoices-page__table th:nth-child(13),.invoices-page__table td:nth-child(13){width:5%;min-width:40px}.invoices-page__checkbox{width:16px;height:16px;cursor:pointer;accent-color:#ae8c63}.invoices-page__checkbox:hover{transform:scale(1.1)}.invoices-page__sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.invoices-page__sortable-header:hover{color:#ae8c63}.invoices-page__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:4px}.invoices-page__row-number{font-weight:500;color:#6b7280;text-align:center;width:50px}.invoices-page__invoice-number{font-weight:600;color:#ae8c63;font-family:Courier New,monospace}.invoices-page__type{display:flex;align-items:center;gap:8px}.invoices-page__type-text{font-size:12px;font-weight:600;color:#333}.invoices-page__recipient-name{font-weight:600;color:#333;margin-bottom:4px}.invoices-page__property-name{font-weight:500;color:#333;margin-bottom:4px}.invoices-page__unit{text-align:center}.invoices-page__unit-number{font-size:12px;color:#64748b;background:#f8fafc;padding:2px 8px;border-radius:4px;display:inline-block}.invoices-page__unit-empty{color:#64748b;font-style:italic}.invoices-page__amount-total{font-weight:700;color:#333;font-size:14px}.invoices-page__balance{text-align:right}.invoices-page__balance-amount{font-weight:600;color:#ef4444;font-size:14px}.invoices-page__days-overdue{text-align:center;font-size:12px}.invoices-page__days-overdue-amount{padding:4px 8px;border-radius:12px;font-weight:600;font-size:11px}.invoices-page__days-overdue-amount.low,.invoices-page__days-overdue-amount.medium{background:#f59e0b1a;color:#f59e0b}.invoices-page__days-overdue-amount.high{background:#ef44441a;color:#ef4444}.invoices-page__days-overdue-current{color:#25d366;font-weight:500}.invoices-page__payment-count{text-align:center}.invoices-page__payment-count-badge{display:flex;flex-direction:column;align-items:center;gap:2px}.invoices-page__payment-count-number{background:#ae8c631a;color:#ae8c63;padding:4px 8px;border-radius:12px;font-weight:600;font-size:11px;min-width:24px;text-align:center}.invoices-page__last-payment-date{font-size:10px;color:#64748b;white-space:nowrap}.invoices-page__risk-level{text-align:center}.invoices-page__risk-level-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.invoices-page__risk-level-badge--low{background:#25d3661a;color:#25d366}.invoices-page__risk-level-badge--medium{background:#f59e0b1a;color:#f59e0b}.invoices-page__risk-level-badge--high{background:#ef44441a;color:#ef4444}.invoices-page__main-row{cursor:pointer;transition:background-color .2s ease;position:relative;z-index:1}.invoices-page__main-row:hover{background:#ae8c6305}.invoices-page__main-row--expanded{background:#ae8c630d;border-left:3px solid #ae8c63}.invoices-page__details-row{background:#ae8c6305;border-top:1px solid rgba(100,116,139,.2)}.invoices-page__details-cell{padding:0!important;border:none}.invoices-page__details-content{padding:24px;background:#ae8c6303}.invoices-page__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.invoices-page__details-section{display:flex;flex-direction:column;gap:12px}.invoices-page__payment-history{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#f9fafb}.invoices-page__payment-item{padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:6px;margin-bottom:8px}.invoices-page__payment-item:last-child{margin-bottom:0;border-bottom:none}.invoices-page__payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.invoices-page__payment-amount{font-weight:600;color:#059669;font-size:14px}.invoices-page__payment-date{font-size:12px;color:#6b7280}.invoices-page__payment-details{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.invoices-page__payment-method{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.invoices-page__payment-reference{font-family:monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px}.invoices-page__payment-notes{margin-top:4px;font-size:11px;color:#6b7280;font-style:italic}.invoices-page__no-payments{text-align:center;color:#9ca3af;font-style:italic;padding:20px;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.invoices-page .payment-modal{text-align:left;font-family:Jost,sans-serif;max-width:500px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invoices-page .payment-modal__header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#333;padding:24px;border-bottom:1px solid #e5e7eb}.invoices-page .payment-modal__invoice-info{display:flex;justify-content:space-between;align-items:center;gap:16px}.invoices-page .payment-modal__invoice-item{display:flex;flex-direction:column;gap:6px;flex:1}.invoices-page .payment-modal__label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.invoices-page .payment-modal__value{font-size:16px;font-weight:700;color:#333}.invoices-page .payment-modal__value--balance{color:#25d366;font-size:18px}.invoices-page .payment-modal__form{display:flex;flex-direction:column;gap:24px;padding:24px}.invoices-page .payment-modal__field{display:flex;flex-direction:column;gap:8px}.invoices-page .payment-modal__field-label{display:flex;align-items:center;gap:6px;font-weight:600;color:#333;font-size:14px;margin-bottom:4px}.invoices-page .payment-modal__label-text{font-weight:600;color:#333}.invoices-page .payment-modal__required{color:#ef4444;font-weight:700;font-size:16px}.invoices-page .payment-modal__optional{color:#64748b;font-weight:400;font-size:12px;font-style:italic}.invoices-page .payment-modal__input-wrapper{position:relative;display:flex;align-items:center}.invoices-page .payment-modal__currency{position:absolute;left:12px;color:#64748b;font-weight:600;z-index:2;pointer-events:none;font-size:14px}.invoices-page .payment-modal__input{width:100%;padding:12px 16px 12px 50px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;transition:border-color .2s ease;background:#fff}.invoices-page .payment-modal__input:focus{outline:none;border-color:#ae8c63}.invoices-page .payment-modal__input::placeholder{color:#64748b;font-weight:400}.invoices-page .payment-modal__select{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;background:#fff;cursor:pointer;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.invoices-page .payment-modal__select:focus{outline:none;border-color:#ae8c63}.invoices-page .payment-modal__select option{padding:12px;font-weight:500;background:#fff}.invoices-page .payment-modal__textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease;background:#fff}.invoices-page .payment-modal__textarea:focus{outline:none;border-color:#ae8c63}.invoices-page .payment-modal__textarea::placeholder{color:#64748b;font-weight:400}.invoices-page .swal2-popup{border-radius:12px!important;padding:0!important;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;border:1px solid #e5e7eb!important}.invoices-page .swal2-html-container{margin:0!important;padding:0!important;background:#fff!important}.invoices-page .swal2-title{margin-bottom:0!important;padding:24px 24px 0!important;color:#333!important;font-weight:700!important;font-size:24px!important;text-align:left!important;background:#fff!important}.invoices-page .swal2-actions{padding:24px!important;gap:12px!important;background:#f9fafb!important;border-top:1px solid #e5e7eb!important;justify-content:flex-end!important}.invoices-page .swal2-confirm{background:#ae8c63!important;border:none!important;border-radius:6px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;transition:all .2s ease!important;text-transform:none!important}.invoices-page .swal2-confirm:hover{background:#92724c!important}.invoices-page .swal2-cancel{background:#fff!important;color:#333!important;border:1px solid #d1d5db!important;border-radius:6px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;transition:all .2s ease!important;text-transform:none!important}.invoices-page .swal2-cancel:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.invoices-page__details-title{font-size:14px;font-weight:600;color:#333;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(100,116,139,.2)}.invoices-page__details-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.invoices-page__details-label{font-size:13px;font-weight:500;color:#64748b;min-width:120px}.invoices-page__details-value{font-size:13px;font-weight:600;color:#333;text-align:right}.invoices-page__details-value.overdue{color:#ef4444}.invoices-page__details-value.current{color:#25d366}.invoices-page__status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.invoices-page__status--green{background:#25d3661a;color:#25d366}.invoices-page__status--blue{background:#ae8c631a;color:#ae8c63}.invoices-page__status--red{background:#ef44441a;color:#ef4444}.invoices-page__status--orange{background:#f59e0b1a;color:#f59e0b}.invoices-page__status--risk-low{background:#25d3661a;color:#25d366}.invoices-page__status--risk-medium{background:#f59e0b1a;color:#f59e0b}.invoices-page__status--risk-high{background:#ef44441a;color:#ef4444}.invoices-page__status--yellow{background:#f59e0b1a;color:#f59e0b}.invoices-page__status--gray{background:#64748b1a;color:#64748b}.invoices-page__due-date{font-weight:500;color:#333}.invoices-page__action-container{position:relative}.invoices-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.invoices-page__action-btn:hover{background:#f3f4f6;border-color:#3b82f6}.invoices-page__action-btn--disabled{cursor:not-allowed;opacity:.5;background:#f9fafb;border-color:#e5e7eb}.invoices-page__action-btn--disabled:hover{background:#f9fafb;border-color:#e5e7eb}.invoices-page__dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:9999;min-width:160px;padding:8px 0}.invoices-page__dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s ease}.invoices-page__dropdown-item:hover{background:#f9fafb}.invoices-page__dropdown-item--danger{color:#dc2626}.invoices-page__dropdown-item--danger:hover{background:#dc26261a}.invoices-page__dropdown-item--success{color:#059669}.invoices-page__dropdown-item--success:hover{background:#0596691a}.invoices-page__dropdown-item--info{color:#3b82f6}.invoices-page__dropdown-item--info:hover{background:#3b82f61a}.invoices-page__dropdown-item--disabled{color:#9ca3af;cursor:not-allowed;font-style:italic}.invoices-page__dropdown-item--disabled:hover{background:none}.invoices-page__dropdown-icon{width:16px;height:16px}.invoices-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.invoices-page__pagination-info{font-size:.75rem;color:#6b7280}.invoices-page__pagination-controls{display:flex;align-items:center;gap:8px}.invoices-page__pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.75rem;color:#374151;cursor:pointer;transition:all .2s ease}.invoices-page__pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.invoices-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.invoices-page__pagination-btn--prev{margin-right:8px}.invoices-page__pagination-btn--next{margin-left:8px}.invoices-page__pagination-pages{display:flex;gap:4px}.invoices-page__pagination-page{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.75rem;color:#374151;cursor:pointer;transition:all .2s ease}.invoices-page__pagination-page:hover{background:#f3f4f6;border-color:#9ca3af}.invoices-page__pagination-page--active{background:#10b981;color:#fff;border-color:#10b981}@media (max-width: 768px){.invoices-page{padding:12px}.invoices-page__content{padding:0 8px;max-width:100vw}.invoices-page__header{flex-direction:column;gap:16px;align-items:stretch;padding:16px 16px 0}.invoices-page__summary{gap:16px}.invoices-page__filters{flex-direction:column;align-items:stretch;padding:16px 16px 12px}.invoices-page__search{min-width:auto;width:100%}.invoices-page__filter-group{flex-wrap:wrap;width:100%}.invoices-page__table{min-width:800px}.invoices-page__table-container{max-width:calc(100vw - 32px)}.invoices-page__pagination{flex-direction:column;gap:16px;align-items:center}.invoices-page__pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.invoices-page{padding:8px}.invoices-page__content{padding:0 4px}.invoices-page__table-container{max-width:calc(100vw - 16px)}.invoices-page__table{font-size:12px}.invoices-page__table th,.invoices-page__table td{padding:12px 8px}.invoices-page__summary{flex-direction:column;gap:12px}.invoices-page__pagination-pages{flex-wrap:wrap}.invoices-page__filters{padding:12px 12px 8px}}.invoices-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.invoices-page__loading .loading-spinner{width:40px;height:40px;border:4px solid #f8fafc;border-top:4px solid #ae8c63;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.invoices-page__loading p{color:#333;font-size:16px;margin:0}.invoices-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.invoices-page__error-icon{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.invoices-page__error h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.invoices-page__error p{color:#64748b;font-size:14px;margin:0 0 24px;max-width:400px}.invoices-page__retry-btn{padding:12px 24px;background:#ae8c63;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoices-page__retry-btn:hover{background:#92724c;transform:translateY(-1px)}.invoices-page__retry-btn:active{transform:translateY(0)}.messages-page{padding:16px;background-color:#f8fafc;min-height:100vh}.messages-page__content{max-width:1200px;margin:0 auto}.messages-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.messages-page__header-left{display:flex;align-items:center;gap:16px}.messages-page__title-section{display:flex;flex-direction:column;gap:4px}.messages-page__title{font-size:28px;font-weight:700;color:#333;margin:0}.messages-page__subtitle{font-size:14px;color:#64748b;margin:0}.messages-page__send-message-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#20b2aa;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.messages-page__send-message-btn:hover{background-color:#1a9b94;transform:translateY(-1px)}.messages-page__send-message-icon{width:16px;height:16px}.messages-page__error{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.messages-page__error-icon{width:16px;height:16px}.messages-page__messages-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.messages-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.messages-page__loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #20b2aa;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.messages-page__table-container{overflow-x:auto}.messages-page__table{width:100%;border-collapse:collapse;font-size:12px}.messages-page__filters-row{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.messages-page__filters{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-wrap:wrap}.messages-page__search{position:relative;flex:1;min-width:300px}.messages-page__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#64748b}.messages-page__search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff}.messages-page__search-input:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.messages-page__filters-group{display:flex;gap:12px}.messages-page__filter{display:flex;flex-direction:column}.messages-page__filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;min-width:150px}.messages-page__filter-select:focus{outline:none;border-color:#20b2aa}.messages-page th{background-color:#f8fafc;padding:12px 20px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e2e8f0;white-space:nowrap}.messages-page__header-center{text-align:center}.messages-page__sort-icon{width:14px;height:14px;margin-left:4px;color:#64748b}.messages-page td{padding:12px 20px;border-bottom:1px solid #f1f5f9;vertical-align:top}.messages-page__data-center{text-align:center}.messages-page__message-number{font-weight:600;color:#64748b;width:60px}.messages-page__type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.messages-page__type--rent-reminder{background-color:#ef44441a;color:#dc2626}.messages-page__type--payment-confirmation{background-color:#22c55e1a;color:#16a34a}.messages-page__type--water-bill{background-color:#3b82f61a;color:#2563eb}.messages-page__type--maintenance{background-color:#f59e0b1a;color:#d97706}.messages-page__type--general{background-color:#6b72801a;color:#6b7280}.messages-page__message-content{font-size:12px;color:#333;line-height:1.4;max-width:400px;word-wrap:break-word}.messages-page__property{color:#333;font-weight:500}.messages-page__recipients{font-weight:600;color:#333}.messages-page__status{display:inline-block;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.messages-page__status--sent{background-color:#3b82f61a;color:#2563eb}.messages-page__status--delivered{background-color:#22c55e1a;color:#16a34a}.messages-page__status--failed{background-color:#ef44441a;color:#dc2626}.messages-page__status--pending{background-color:#f59e0b1a;color:#d97706}.messages-page__sent-date{font-size:11px;color:#64748b}.messages-page__action-container{position:relative}.messages-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.messages-page__action-btn:hover{background-color:#f8fafc;color:#333}.messages-page__dropdown{position:fixed;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px;overflow:hidden}.messages-page__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.messages-page__dropdown-item:hover{background-color:#f8fafc}.messages-page__dropdown-item--danger{color:#dc2626}.messages-page__dropdown-item--danger:hover{background-color:#ef44441a}.messages-page__dropdown-icon{width:16px;height:16px}.messages-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-top:1px solid #e2e8f0}.messages-page__pagination-info{font-size:14px;color:#64748b}.messages-page__pagination-controls{display:flex;align-items:center;gap:8px}.messages-page__pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.messages-page__pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#20b2aa}.messages-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.messages-page__pagination-btn--prev,.messages-page__pagination-btn--next{font-weight:500}.messages-page__pagination-pages{display:flex;gap:4px}.messages-page__pagination-page{width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.messages-page__pagination-page:hover{background-color:#f8fafc;border-color:#20b2aa}.messages-page__pagination-page--active{background-color:#20b2aa;border-color:#20b2aa;color:#fff}.messages-page__modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.messages-page__modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.messages-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.messages-page__modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.messages-page__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.messages-page__modal-close:hover{background-color:#f8fafc;color:#333}.messages-page__modal-content{padding:24px}.messages-page__modal-section{margin-bottom:24px}.messages-page__modal-section:last-child{margin-bottom:0}.messages-page__modal-section h4{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.messages-page__modal-details{display:flex;flex-direction:column;gap:12px}.messages-page__modal-detail{display:flex;align-items:center;gap:8px}.messages-page__modal-label{font-weight:600;color:#64748b;min-width:100px}.messages-page__modal-content-text{background-color:#f8fafc;padding:16px;border-radius:8px;font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap}.settings-page{display:flex;min-height:calc(100vh - 80px);max-width:85vw;background-color:#f8fafc;gap:1.5rem}.settings-page__sidebar{width:280px;background:#fff;border-radius:1rem;padding:2rem;flex-shrink:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin:1.5rem 0 1.5rem 1.5rem}.settings-page__sidebar-header{margin-bottom:2rem}.settings-page__sidebar-header h2{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .5rem}.settings-page__sidebar-header p{color:#64748b;margin:0;font-size:.875rem}.settings-page__nav{display:flex;flex-direction:column;gap:2px}.settings-page__nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:none;background:none;color:#64748b;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease;text-align:left;width:100%;position:relative;margin-bottom:0}.settings-page__nav-item .icon{flex-shrink:0;color:#333}.settings-page__nav-item svg{width:20px;height:20px;flex-shrink:0;color:#333}.settings-page__nav-item:hover{color:#333;background-color:#ae8c630d}.settings-page__nav-item:hover .icon{color:#333}.settings-page__nav-item:hover svg{color:#333}.settings-page__nav-item.active{color:#ae8c63;background-color:#ae8c631a;border:1px solid rgba(174,140,99,.2)}.settings-page__nav-item.active .icon{color:#ae8c63}.settings-page__nav-item.active svg{color:#ae8c63}.settings-page__nav-item.active:before{content:"";position:absolute;left:-1.5rem;top:0;bottom:0;width:4px;background-color:#ae8c63;border-radius:0 2px 2px 0}.settings-page__nav-item .icon{width:1.25rem;height:1.25rem;flex-shrink:0}.settings-page__content{flex:1;padding:2rem 1.5rem 2rem 0;overflow-y:auto;overflow-x:hidden;margin:1.5rem .5rem 1.5rem 0;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.settings-page__section{padding:2rem;margin:0}.settings-page__section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f8fafc}@media (max-width: 768px){.settings-page__section-header{flex-direction:column;align-items:stretch;gap:1rem}}.settings-page__section-title-group{flex:1}.settings-page__section-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .25rem}.settings-page__section-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.settings-page__content-card{background:#fff;border-radius:.5rem;border:1px solid #f8fafc;padding:2rem;box-shadow:0 .125rem .5rem #0000001a}.settings-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#64748b;min-height:300px;border:none;background:transparent;width:100%}.settings-page__empty-state .icon{width:64px;height:64px;color:#cbd5e1;margin-bottom:1.5rem;opacity:.8}.settings-page__empty-state h3{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 .5rem}.settings-page__empty-state p{font-size:.875rem;color:#64748b;margin:0 0 1.5rem;max-width:400px;line-height:1.5}.settings-page__empty-state .btn{margin-top:1rem}.settings-page .settings-page__table .settings-page__empty-state{padding:2rem;min-height:250px}.settings-page .settings-page__table td.settings-page__empty-state-cell{text-align:center;vertical-align:middle;padding:0;border:none;height:300px;width:100%}.settings-page .settings-page__table td.settings-page__empty-state-cell .settings-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;margin:0;padding:2rem}.settings-page__form-group{margin-bottom:1.5rem}.settings-page__label{display:block;font-size:.875rem;font-weight:500;color:#333;margin-bottom:.25rem}.settings-page__input,.settings-page__select{width:100%;padding:.5rem 1rem;border:1px solid #f8fafc;border-radius:.5rem;font-size:.875rem;color:#333;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.settings-page__input:focus,.settings-page__select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #ae8c631a}.settings-page__input::placeholder,.settings-page__select::placeholder{color:#64748b}.settings-page__select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.settings-page__select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.settings-page__help-text{display:block;font-size:.75rem;color:#64748b;margin-top:.25rem;line-height:1.4}.settings-page__add-contact-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1.5rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.settings-page__add-contact-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-page__add-contact-btn{width:100%;justify-content:center}}.settings-page__property-selector{margin-bottom:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.settings-page__property-selector .settings-page__label{font-weight:600;color:#333;margin-bottom:.5rem}.settings-page__property-selector .settings-page__select{background:#fff;border:1px solid #d1d5db}.settings-page__property-selector .settings-page__select:focus{border-color:#ae8c63;box-shadow:0 0 0 3px #ae8c631a}.settings-page__contact-info{display:flex;align-items:center;gap:.5rem}.settings-page__contact-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6b7280,#374151);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.settings-page__contact-details{flex:1;min-width:0}.settings-page__contact-name{font-weight:500;color:#333;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin:0}.settings-page__contact-phone{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#333}.settings-page__contact-email{font-size:.875rem;color:#64748b}.settings-page__list{display:flex;flex-direction:column;gap:1rem}.settings-page__item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #f8fafc;transition:all .2s ease}.settings-page__item:hover{border-color:#ae8c63;box-shadow:0 .125rem .5rem #0000001a}.settings-page__item-content{flex:1}.settings-page__item-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.settings-page__item-header h3{font-size:1.125rem;font-weight:600;color:#333;margin:0}.settings-page__item-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.settings-page__item-actions{display:flex;gap:.5rem;margin-left:1rem}.settings-page__badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#25d3661a;color:#25d366;border-radius:1rem;font-size:.75rem;font-weight:500}.settings-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.settings-page__loading .icon{width:3rem;height:3rem;color:#ae8c63;margin-bottom:1rem}.settings-page__loading p{color:#64748b;margin:0}.settings-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.settings-page__error .icon{width:3rem;height:3rem;color:#ef4444;margin-bottom:1rem}.settings-page__error p{color:#64748b;margin:0 0 1.5rem}.profile-summary{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.5rem;border:1px solid #f8fafc}.profile-avatar__circle{width:40px;height:40px;border-radius:50%;background:#6b7280;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid #ffffff;box-shadow:0 .25rem .75rem #0000001a}.profile-avatar__circle img{width:100%;height:100%;object-fit:cover}.profile-avatar__circle .icon{width:1.5rem;height:1.5rem;color:#fff}.profile-info h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .25rem}.profile-info p{color:#64748b;margin:0;font-size:.875rem}.profile-details{background:#fff;border-radius:.5rem;border:1px solid #f8fafc;padding:2rem}.profile-section h4{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid #f8fafc}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-form .form-group{margin-bottom:0}.profile-field{padding:.5rem;color:#333;font-size:.875rem;background:#f8fafc;border-radius:.25rem;min-height:2.5rem;display:flex;align-items:center}.profile-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f8fafc}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:1rem;box-shadow:0 .625rem 1.25rem #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.modal__header h2{font-size:1.25rem;font-weight:600;color:#333;margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#64748b;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.modal__close:hover{background-color:#f8fafc;color:#333}.modal__close .icon{width:1.25rem;height:1.25rem}.modal__body{padding:1.5rem}.modal__footer{display:flex;justify-content:flex-end;gap:1rem;padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#333;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #f8fafc;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #ae8c631a}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group textarea{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:#ae8c63;color:#fff}.btn--primary:hover:not(:disabled){background-color:#92724c}.btn--secondary{background-color:#f8fafc;color:#333;border:1px solid #f8fafc}.btn--secondary:hover:not(:disabled){background-color:#e6edf4;border-color:#ae8c63}.btn--danger{background-color:#ef4444;color:#fff}.btn--danger:hover:not(:disabled){background-color:#eb1515}.btn--sm{padding:.5rem;font-size:.75rem}.btn .icon{width:1rem;height:1rem}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 1024px){.settings-page{flex-direction:column;gap:1rem}.settings-page__sidebar{width:100%;margin:1rem;border-radius:.5rem}.settings-page__content{margin:0 1rem 1rem;border-radius:.5rem}.settings-page__nav{flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.settings-page__nav-item{white-space:nowrap;flex-shrink:0;margin-bottom:0;padding:.5rem 1rem}.settings-page__nav-item:before{display:none}.settings-page__nav-item.active:after{content:"";position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#ae8c63;border-radius:50%}.profile-form{grid-template-columns:1fr}}@media (max-width: 768px){.settings-page{gap:.5rem}.settings-page__sidebar{margin:.5rem;padding:1rem}.settings-page__content{margin:0 .5rem .5rem;padding:1rem}.settings-page__section{padding:1rem}.profile-summary{flex-direction:column;text-align:center;gap:1rem}.profile-details{padding:1rem}.profile-actions{flex-direction:column}.modal{margin:1rem;max-width:none}.modal__footer{flex-direction:column}}.settings-page__table-container{overflow-x:auto;overflow-y:visible;margin:1.5rem 0;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;width:100%;max-width:100%}.settings-page__table{width:100%;min-width:600px;border-collapse:collapse;position:relative;z-index:0;background:#fff}.settings-page__table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.settings-page__table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#333;vertical-align:middle;white-space:nowrap}.settings-page__table tbody tr{transition:background-color .2s ease}.settings-page__table tbody tr:hover{background-color:#f8fafc}.settings-page__table tbody tr:last-child td{border-bottom:none}.settings-page__sort-icon{width:12px;height:12px;color:#9ca3af;margin-left:.25rem}.settings-page__header-center{text-align:center}.settings-page__header-right{text-align:right}.settings-page__data-center{text-align:center!important}.settings-page__property-number{font-weight:600;color:#64748b;text-align:center;width:50px}.settings-page__property-name{font-weight:500;color:#333}.settings-page__property-info{display:flex;align-items:center;gap:.5rem}.settings-page__property-title{font-weight:500;color:#333}.settings-page__property-description{color:#64748b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-page__property-date{color:#64748b;font-size:.75rem}.settings-page__badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.settings-page__badge--default{background-color:#dbeafe;color:#1e40af}.settings-page__badge--custom{background-color:#f3e8ff;color:#7c3aed}.settings-page__action-buttons{display:flex;gap:.25rem;justify-content:center;align-items:center}.settings-page__action-btn{padding:.375rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.settings-page__action-btn .icon{width:14px;height:14px}.settings-page__action-btn--edit{color:#3b82f6}.settings-page__action-btn--edit:hover{background:#3b82f61a;color:#1d4ed8}.settings-page__action-btn--delete{color:#ef4444}.settings-page__action-btn--delete:hover{background:#ef44441a;color:#dc2626}.settings-page__action-btn-inline,.settings-page__actions-inline{display:flex;gap:.25rem;align-items:center;justify-content:flex-start}.settings-page__section--contacts{padding:2rem;margin:0;width:100%;max-width:none}.settings-page__contacts-controls{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.5rem;gap:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}@media (max-width: 768px){.settings-page__contacts-controls{flex-direction:column;align-items:stretch;gap:1rem}}.settings-page__search-box{position:relative;flex:1;max-width:400px}@media (max-width: 768px){.settings-page__search-box{max-width:none}}.settings-page__search-input{width:100%;padding:.5rem 1rem .5rem 40px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;transition:all .2s ease}.settings-page__search-input:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #ae8c631a}.settings-page__search-input::placeholder{color:#9ca3af}.settings-page__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af;pointer-events:none}.settings-page__filter-controls{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.settings-page__filter-controls{flex-direction:column;align-items:stretch;gap:.5rem}}.settings-page__filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#333;min-width:200px;transition:all .2s ease}.settings-page__filter-select:focus{outline:none;border-color:#ae8c63;box-shadow:0 0 0 3px #ae8c631a}@media (max-width: 768px){.settings-page__filter-select{min-width:auto;width:100%}}.settings-page__clear-filters-btn{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-page__clear-filters-btn:hover:not(:disabled){background:#4b5563}.settings-page__clear-filters-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.settings-page__clear-filters-btn{width:100%}}.settings-page__readonly-text{color:#64748b;font-size:.75rem;font-style:italic}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background-color:#d1fae5;color:#065f46}.status-badge--inactive{background-color:#fee2e2;color:#991b1b}.invoice-date-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.invoice-date-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.invoice-date-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:#f3f4f6;color:#374151}.invoice-date-modal__title{display:flex;align-items:center;gap:12px}.invoice-date-modal__title h2{margin:0;font-size:20px;font-weight:600}.invoice-date-modal__title-icon{width:24px;height:24px}.invoice-date-modal__close{background:#fff3;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.invoice-date-modal__close:hover{background:#ffffff4d;transform:scale(1.05)}.invoice-date-modal__close svg{width:20px;height:20px}.invoice-date-modal__body{padding:32px;flex:1;overflow-y:auto}.invoice-date-modal__form{display:flex;flex-direction:column;gap:24px}.invoice-date-modal__form-group{display:flex;flex-direction:column;gap:8px}.invoice-date-modal__label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;font-size:14px}.invoice-date-modal__label-icon{width:16px;height:16px;color:#6b7280}.invoice-date-modal__input-wrapper{position:relative;display:flex;align-items:center}.invoice-date-modal__input{width:100%;padding:12px 60px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s ease}.invoice-date-modal__input:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a}.invoice-date-modal__input:hover{border-color:#d1d5db}.invoice-date-modal__input::-webkit-outer-spin-button,.invoice-date-modal__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.invoice-date-modal__input[type=number]{-moz-appearance:textfield;appearance:textfield}.invoice-date-modal__input-suffix{position:absolute;right:16px;color:#6b7280;font-size:14px;font-weight:500;pointer-events:none}.invoice-date-modal__help-text{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px;margin-top:4px}.invoice-date-modal__help-icon{width:14px;height:14px}.invoice-date-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid #e5e7eb;background:#f9fafb}.invoice-date-modal__btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.invoice-date-modal__btn--secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.invoice-date-modal__btn--secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.invoice-date-modal__btn--primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid transparent}.invoice-date-modal__btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px #10b9814d}.invoice-date-modal__btn-icon{width:16px;height:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.invoice-date-modal{margin:10px;max-height:95vh}.invoice-date-modal__header{padding:20px}.invoice-date-modal__body{padding:24px 20px}.invoice-date-modal__footer{padding:20px;flex-direction:column}.invoice-date-modal__footer .invoice-date-modal__btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e2e8f0}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal__header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal__close-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.modal__close-btn:hover{background:#e5e7eb;color:#374151}.modal__close-btn svg{width:20px;height:20px}.modal__body{padding:24px;flex:1;overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f9fafb}.settings-page__form-group{margin-bottom:20px}.settings-page__form-group:last-child{margin-bottom:0}.settings-page__label{display:block;font-weight:600;color:#374151;font-size:14px;margin-bottom:6px}.settings-page__input,.settings-page__select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.settings-page__input:focus,.settings-page__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-page__input:hover,.settings-page__select:hover{border-color:#9ca3af}.settings-page__help-text{display:block;font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.settings-page__button-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.settings-page__button-group .btn{white-space:nowrap;min-width:200px;justify-content:center}.settings-page__file-input-group{display:flex;gap:12px;align-items:center}.settings-page__file-input-group .settings-page__input{flex:1}.settings-page__file-input-group .btn--small{padding:8px 12px;font-size:12px;white-space:nowrap}.settings-page__csv-preview{margin-top:16px;border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.settings-page__csv-data h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.settings-page__csv-errors{margin-top:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.settings-page__csv-errors h4{margin:0 0 8px;color:#dc2626;font-size:14px;font-weight:600}.settings-page__csv-errors ul{margin:0;padding-left:16px}.settings-page__error-item{color:#dc2626;font-size:12px;margin-bottom:4px}.settings-page__help-section{background:#f3f4f6;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.settings-page__help-section h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.settings-page__help-section ul{margin:0 0 12px;padding-left:16px}.settings-page__help-section li{margin-bottom:4px;font-size:13px;color:#4b5563}.settings-page__help-section p{margin:0;font-size:13px;color:#6b7280;font-style:italic}.settings-page__text-center{text-align:center;color:#6b7280;font-style:italic}.modal--large{max-width:800px;width:90vw}.modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.modal--commission{max-width:700px}.modal--commission .modal__header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0}.modal--commission .modal__header h2{display:flex;align-items:center;gap:8px;color:#1e293b}.modal--commission .modal__header h2:before{content:"%";width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.modal--commission .modal__body{padding:28px}.modal--commission .modal__body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.modal--commission .modal__body .form-row:last-child{margin-bottom:0}.modal--commission .modal__body .form-row .form-group{margin-bottom:0}@media (max-width: 640px){.modal--commission .modal__body .form-row{grid-template-columns:1fr;gap:16px}}.modal--commission .modal__body .form-group:not(.form-row .form-group){margin-bottom:24px}.modal--commission .modal__body .form-group:not(.form-row .form-group):last-child{margin-bottom:0}.modal--commission .modal__body .form-group label{display:flex;align-items:center;gap:6px;font-weight:600;color:#374151;font-size:14px;margin-bottom:8px}.modal--commission .modal__body .form-group label[for=commissionRate]:after{content:"💰";font-size:12px}.modal--commission .modal__body .form-group label[for=propertyId]:after{content:"🏢";font-size:12px}.modal--commission .modal__body .form-group label[for=calculationBasis]:after{content:"⚖️";font-size:12px}.modal--commission .modal__body .form-group select,.modal--commission .modal__body .form-group input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;transition:all .2s ease}.modal--commission .modal__body .form-group select:focus,.modal--commission .modal__body .form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;transform:translateY(-1px)}.modal--commission .modal__body .form-group select:hover,.modal--commission .modal__body .form-group input:hover{border-color:#d1d5db}.modal--commission .modal__body .form-group select:disabled,.modal--commission .modal__body .form-group input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.modal--commission .modal__body .form-group .form-help{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:12px;margin-top:6px;font-style:italic}.modal--commission .modal__body .form-group .form-help:before{content:"💡";font-size:10px}.modal--commission .modal__footer{background:#f8fafc;border-top:2px solid #e2e8f0}.modal--commission .modal__footer .btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s ease}.modal--commission .modal__footer .btn--primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid transparent}.modal--commission .modal__footer .btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.modal--commission .modal__footer .btn--primary:disabled{opacity:.6;transform:none;box-shadow:none}.modal--commission .modal__footer .btn--secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.modal--commission .modal__footer .btn--secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.settings-page__table{width:100%;min-width:800px;table-layout:auto}.settings-page__content-card .settings-page__table{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.settings-page__table th,.settings-page__table td{padding:12px 10px;text-align:left;vertical-align:middle;white-space:nowrap}.settings-page__table th:nth-child(1),.settings-page__table td:nth-child(1){min-width:150px;width:auto}.settings-page__table th:nth-child(2),.settings-page__table td:nth-child(2){min-width:80px;width:auto}.settings-page__table th:nth-child(3),.settings-page__table td:nth-child(3){min-width:120px;width:auto}.settings-page__table th:nth-child(4),.settings-page__table td:nth-child(4){min-width:80px;width:auto}.settings-page__table th:nth-child(5),.settings-page__table td:nth-child(5){min-width:140px;width:auto}.settings-page__table th:nth-child(6),.settings-page__table td:nth-child(6){min-width:80px;width:auto}.settings-page__table th:nth-child(7),.settings-page__table td:nth-child(7){min-width:100px;width:auto}.settings-page__table .settings-page__table-actions{white-space:nowrap}.settings-page__table .settings-page__table-actions .settings-page__action-buttons{display:flex;gap:6px;justify-content:center}.settings-page__table .settings-page__badge--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd;font-weight:600;padding:4px 8px;border-radius:12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.settings-page__table .settings-page__badge--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b;font-weight:600;padding:4px 8px;border-radius:12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.settings-page__table .settings-page__status--active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7;font-weight:600;padding:4px 8px;border-radius:12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.settings-page__table .settings-page__status--inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5;font-weight:600;padding:4px 8px;border-radius:12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}@media (max-width: 768px){.settings-page__table{min-width:600px}.settings-page__table th,.settings-page__table td{padding:8px 6px;font-size:12px}.settings-page__table th:nth-child(1),.settings-page__table td:nth-child(1){min-width:120px}.settings-page__table th:nth-child(2),.settings-page__table td:nth-child(2){min-width:60px}.settings-page__table th:nth-child(3),.settings-page__table td:nth-child(3){min-width:100px}.settings-page__table th:nth-child(4),.settings-page__table td:nth-child(4){min-width:70px}.settings-page__table th:nth-child(5),.settings-page__table td:nth-child(5){min-width:110px}.settings-page__table th:nth-child(6),.settings-page__table td:nth-child(6){min-width:60px}.settings-page__table th:nth-child(7),.settings-page__table td:nth-child(7){min-width:80px}.settings-page__table .settings-page__badge--info,.settings-page__table .settings-page__badge--warning,.settings-page__table .settings-page__status--active,.settings-page__table .settings-page__status--inactive{font-size:9px;padding:3px 6px}}@media (max-width: 480px){.settings-page__table{min-width:500px}.settings-page__table th,.settings-page__table td{padding:6px 4px;font-size:11px}.settings-page__table th:nth-child(1),.settings-page__table td:nth-child(1){min-width:100px}.settings-page__table th:nth-child(2),.settings-page__table td:nth-child(2){min-width:50px}.settings-page__table th:nth-child(3),.settings-page__table td:nth-child(3){min-width:80px}.settings-page__table th:nth-child(4),.settings-page__table td:nth-child(4){min-width:60px}.settings-page__table th:nth-child(5),.settings-page__table td:nth-child(5){min-width:90px}.settings-page__table th:nth-child(6),.settings-page__table td:nth-child(6){min-width:50px}.settings-page__table th:nth-child(7),.settings-page__table td:nth-child(7){min-width:70px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}50%{opacity:.8;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}input[type=number]#commissionRate{position:relative}input[type=number]#commissionRate::-webkit-outer-spin-button,input[type=number]#commissionRate::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]#commissionRate[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]#commissionRate:after{content:"%";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600;pointer-events:none}select#propertyId{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}select#propertyId:disabled{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}select#calculationBasis{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.modal--commission select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.modal--commission select:disabled{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.modal__body .form-group{position:relative}.modal__body .form-group.loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:10}.rent-collection-page{padding:2rem;background-color:#f8fafc;min-height:100vh;width:83.5vw}.rent-collection-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.rent-collection-page .page-header .page-title{display:flex;align-items:center;gap:.75rem}.rent-collection-page .page-header .page-title .title-icon{font-size:1.5rem;color:#10b981}.rent-collection-page .page-header .page-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#333}.rent-collection-page .page-header .page-actions{display:flex;align-items:end;gap:1rem;width:100%}.rent-collection-page .page-header .page-actions .header-filters{display:flex;gap:2rem;align-items:end;flex:1;justify-content:space-between}.rent-collection-page .page-header .page-actions .header-filters .filter-group{display:flex;align-items:center;gap:.5rem}.rent-collection-page .page-header .page-actions .header-filters .filter-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.rent-collection-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;min-width:180px;flex:1}.rent-collection-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.rent-collection-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.rent-collection-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.rent-collection-page .page-header .page-actions .btn--primary{background-color:#10b981;color:#fff}.rent-collection-page .page-header .page-actions .btn--primary:hover{background-color:#059669}.rent-collection-page .page-header .page-actions .btn--secondary{background-color:#f3f4f6;color:#374151}.rent-collection-page .page-header .page-actions .btn--secondary:hover{background-color:#e5e7eb}.rent-collection-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.rent-collection-page .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.rent-collection-page .loading-spinner p{color:#6b7280;font-size:1rem}.rent-collection-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.rent-collection-page .summary-cards .summary-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.rent-collection-page .summary-cards .summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.rent-collection-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rent-collection-page .summary-cards .summary-card__header h3{margin:0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rent-collection-page .summary-cards .summary-card__header .summary-icon{font-size:1.25rem}.rent-collection-page .summary-cards .summary-card__header .summary-icon--primary{color:#3b82f6}.rent-collection-page .summary-cards .summary-card__header .summary-icon--success{color:#10b981}.rent-collection-page .summary-cards .summary-card__header .summary-icon--danger{color:#ef4444}.rent-collection-page .summary-cards .summary-card__header .summary-icon--info{color:#06b6d4}.rent-collection-page .summary-cards .summary-card__value{font-size:1.125rem;font-weight:600;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.rent-collection-page .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.rent-collection-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.rent-collection-page .table-container .table-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.rent-collection-page .table-container .table-header .table-stats{display:flex;gap:1.5rem}.rent-collection-page .table-container .table-header .table-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.rent-collection-page .table-container .table-header .table-stats .stat .stat-label{font-size:.75rem;color:#6b7280;font-weight:500}.rent-collection-page .table-container .table-header .table-stats .stat .stat-value{font-size:1.125rem;font-weight:700;color:#374151}.rent-collection-page .table-container .table-header .table-stats .stat .stat-value--success{color:#10b981}.rent-collection-page .table-container .table-header .table-stats .stat .stat-value--warning{color:#f59e0b}.rent-collection-page .table-container .table-header .table-stats .stat .stat-value--danger{color:#ef4444}.rent-collection-page .table-container .table-wrapper{overflow-x:auto}.rent-collection-page .table-container .rent-table{width:100%;border-collapse:collapse}.rent-collection-page .table-container .rent-table thead{background-color:#f9fafb}.rent-collection-page .table-container .rent-table thead th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rent-collection-page .table-container .rent-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.rent-collection-page .table-container .rent-table tbody tr:hover{background-color:#f9fafb}.rent-collection-page .table-container .rent-table tbody tr:last-child{border-bottom:none}.rent-collection-page .table-container .rent-table tbody tr td{padding:1rem 1.5rem;font-size:.875rem;color:#374151;vertical-align:middle;white-space:nowrap}.rent-collection-page .table-container .rent-table tbody tr td.tenant-cell .tenant-info{display:flex;flex-direction:column}.rent-collection-page .table-container .rent-table tbody tr td.tenant-cell .tenant-info .tenant-name{font-weight:600;color:#1f2937}.rent-collection-page .table-container .rent-table tbody tr td.amount-cell{font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.rent-collection-page .table-container .rent-table tbody tr td.amount-cell--success{color:#10b981}.rent-collection-page .table-container .rent-table tbody tr td.amount-cell--danger{color:#ef4444}.rent-collection-page .table-container .rent-table tbody tr td.number-cell{font-weight:500;color:#64748b;font-size:.875rem;text-align:center}.rent-collection-page .collection-rate{display:flex;align-items:center;gap:.75rem;min-width:120px}.rent-collection-page .collection-rate .rate-value{font-weight:600;color:#374151;min-width:40px}.rent-collection-page .collection-rate .rate-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.rent-collection-page .collection-rate .rate-bar .rate-fill{height:100%;background-color:#10b981;transition:width .3s ease}.rent-collection-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.rent-collection-page .pagination .pagination-info{font-size:.875rem;color:#64748b}.rent-collection-page .pagination .pagination-controls{display:flex;gap:.5rem;align-items:center}.rent-collection-page .pagination .pagination-controls .pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.rent-collection-page .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.rent-collection-page .pagination .pagination-controls .pagination-btn.active{background-color:#10b981;border-color:#10b981;color:#fff}.rent-collection-page .pagination .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.rent-collection-page .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rent-collection-page .status-badge--paid{background-color:#dcfce7;color:#166534}.rent-collection-page .status-badge--partial{background-color:#fef3c7;color:#92400e}.rent-collection-page .status-badge--overdue{background-color:#fecaca;color:#991b1b}.rent-collection-page .status-badge--not-due{background-color:#e0e7ff;color:#3730a3}@media (max-width: 768px){.rent-collection-page{padding:1rem}.rent-collection-page .page-header,.rent-collection-page .page-header .page-actions{flex-direction:column;gap:1rem;align-items:stretch}.rent-collection-page .page-header .page-actions .header-filters{flex-direction:column;gap:1rem;justify-content:stretch}.rent-collection-page .page-header .page-actions .header-filters .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.rent-collection-page .page-header .page-actions .header-filters .filter-group label{align-self:flex-start}.rent-collection-page .page-header .page-actions .header-filters .filter-group .filter-select{min-width:100%}.rent-collection-page .page-header .page-actions .btn{justify-content:center}.rent-collection-page .summary-cards{grid-template-columns:1fr}.rent-collection-page .table-container .table-header{flex-direction:column;gap:1rem;align-items:stretch}.rent-collection-page .table-container .table-header .table-stats{justify-content:space-around}.rent-collection-page .pagination{flex-direction:column;gap:1rem;align-items:center;text-align:center}.rent-collection-page .pagination .pagination-controls{flex-wrap:wrap;justify-content:center}}.outstanding-balances-page{padding:2rem;background-color:#f8fafc;height:100vh;overflow-y:auto;overflow-x:hidden;width:83vw;margin:0 auto}.outstanding-balances-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.outstanding-balances-page .page-header .page-title{display:flex;align-items:center;gap:.75rem}.outstanding-balances-page .page-header .page-title .title-icon{font-size:1.5rem;color:#ef4444}.outstanding-balances-page .page-header .page-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#333}.outstanding-balances-page .page-header .page-actions{display:flex;align-items:end;gap:1rem;width:100%}.outstanding-balances-page .page-header .page-actions .header-filters{display:flex;gap:2rem;align-items:end;flex:1;justify-content:space-between;max-width:100%;overflow:hidden}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group{display:flex;align-items:center;gap:.5rem}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;min-width:140px;max-width:200px;flex:1}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.outstanding-balances-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.outstanding-balances-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.outstanding-balances-page .page-header .page-actions .btn--primary{background-color:#ef4444;color:#fff}.outstanding-balances-page .page-header .page-actions .btn--primary:hover{background-color:#dc2626}.outstanding-balances-page .page-header .page-actions .btn--secondary{background-color:#f3f4f6;color:#374151}.outstanding-balances-page .page-header .page-actions .btn--secondary:hover{background-color:#e5e7eb}.outstanding-balances-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.outstanding-balances-page .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #ef4444;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.outstanding-balances-page .loading-spinner p{color:#6b7280;font-size:1rem}.outstanding-balances-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;max-width:100%;overflow:hidden}.outstanding-balances-page .summary-cards .summary-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.outstanding-balances-page .summary-cards .summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.outstanding-balances-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.outstanding-balances-page .summary-cards .summary-card__header h3{margin:0;font-size:.625rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.outstanding-balances-page .summary-cards .summary-card__header .summary-icon{font-size:1rem}.outstanding-balances-page .summary-cards .summary-card__header .summary-icon--primary{color:#ef4444}.outstanding-balances-page .summary-cards .summary-card__header .summary-icon--info{color:#06b6d4}.outstanding-balances-page .summary-cards .summary-card__header .summary-icon--warning{color:#f59e0b}.outstanding-balances-page .summary-cards .summary-card__header .summary-icon--danger{color:#dc2626}.outstanding-balances-page .summary-cards .summary-card__value{font-size:1rem;font-weight:600;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-bottom:.375rem}.outstanding-balances-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#64748b}.outstanding-balances-page .aging-summary{background:#fff;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;max-width:100%;overflow:hidden}.outstanding-balances-page .aging-summary h2{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#333}.outstanding-balances-page .aging-summary .aging-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:100%;overflow:hidden}.outstanding-balances-page .aging-summary .aging-cards .aging-card{padding:.875rem;border-radius:6px;text-align:center;transition:transform .2s ease}.outstanding-balances-page .aging-summary .aging-cards .aging-card:hover{transform:translateY(-1px)}.outstanding-balances-page .aging-summary .aging-cards .aging-card__count{font-size:1rem;font-weight:600;margin-bottom:.375rem}.outstanding-balances-page .aging-summary .aging-cards .aging-card__label{font-size:.75rem;font-weight:600;margin-bottom:.125rem}.outstanding-balances-page .aging-summary .aging-cards .aging-card__amount{font-size:.625rem;opacity:.8}.outstanding-balances-page .aging-summary .aging-cards .aging-card--current{background-color:#dcfce7;color:#166534}.outstanding-balances-page .aging-summary .aging-cards .aging-card--current .aging-card__count{color:#16a34a}.outstanding-balances-page .aging-summary .aging-cards .aging-card--30-days{background-color:#fef3c7;color:#92400e}.outstanding-balances-page .aging-summary .aging-cards .aging-card--30-days .aging-card__count{color:#d97706}.outstanding-balances-page .aging-summary .aging-cards .aging-card--60-days{background-color:#fed7aa;color:#9a3412}.outstanding-balances-page .aging-summary .aging-cards .aging-card--60-days .aging-card__count{color:#ea580c}.outstanding-balances-page .aging-summary .aging-cards .aging-card--90-days{background-color:#fecaca;color:#991b1b}.outstanding-balances-page .aging-summary .aging-cards .aging-card--90-days .aging-card__count{color:#dc2626}.outstanding-balances-page .aging-summary .aging-cards .aging-card--over-90-days{background-color:#fca5a5;color:#7f1d1d}.outstanding-balances-page .aging-summary .aging-cards .aging-card--over-90-days .aging-card__count{color:#b91c1c}.outstanding-balances-page .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;max-width:100%}.outstanding-balances-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.outstanding-balances-page .table-container .table-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.outstanding-balances-page .table-container .table-header .table-stats{display:flex;gap:1.5rem}.outstanding-balances-page .table-container .table-header .table-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.outstanding-balances-page .table-container .table-header .table-stats .stat .stat-label{font-size:.75rem;color:#6b7280;font-weight:500}.outstanding-balances-page .table-container .table-header .table-stats .stat .stat-value{font-size:1.125rem;font-weight:700;color:#374151}.outstanding-balances-page .table-container .table-header .table-stats .stat .stat-value--success{color:#10b981}.outstanding-balances-page .table-container .table-header .table-stats .stat .stat-value--danger{color:#ef4444}.outstanding-balances-page .table-container .table-wrapper{overflow-x:auto;max-width:100%}.outstanding-balances-page .table-container .balances-table{width:100%;border-collapse:collapse}.outstanding-balances-page .table-container .balances-table thead{background-color:#f9fafb}.outstanding-balances-page .table-container .balances-table thead th{padding:.5rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.outstanding-balances-page .table-container .balances-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;position:relative}.outstanding-balances-page .table-container .balances-table thead th.sortable:hover,.outstanding-balances-page .table-container .balances-table thead th.sortable.active{color:#ef4444}.outstanding-balances-page .table-container .balances-table thead th.sortable .sort-indicator{margin-left:.5rem;font-size:.75rem}.outstanding-balances-page .table-container .balances-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.outstanding-balances-page .table-container .balances-table tbody tr:hover{background-color:#f9fafb}.outstanding-balances-page .table-container .balances-table tbody tr:last-child{border-bottom:none}.outstanding-balances-page .table-container .balances-table tbody tr td{padding:.5rem 1rem;font-size:.875rem;color:#374151;vertical-align:middle;white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.tenant-cell .tenant-info{display:flex;flex-direction:column;white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.tenant-cell .tenant-info .tenant-name{font-weight:600;color:#1f2937;white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.amount-cell{font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.amount-cell--primary{color:#ef4444}.outstanding-balances-page .table-container .balances-table tbody tr td.amount-cell--warning{color:#f59e0b}.outstanding-balances-page .table-container .balances-table tbody tr td.number-cell{font-weight:500;color:#64748b;font-size:.875rem;text-align:center;white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell{white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell .days-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:24px;border-radius:12px;font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell .days-badge--current{background-color:#dcfce7;color:#166534}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell .days-badge--30_days{background-color:#fef3c7;color:#92400e}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell .days-badge--60_days{background-color:#fed7aa;color:#9a3412}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell .days-badge--90_days{background-color:#fecaca;color:#991b1b}.outstanding-balances-page .table-container .balances-table tbody tr td.days-cell .days-badge--over_90_days{background-color:#fca5a5;color:#7f1d1d}.outstanding-balances-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.outstanding-balances-page .pagination .pagination-info{font-size:.875rem;color:#64748b}.outstanding-balances-page .pagination .pagination-controls{display:flex;gap:.5rem;align-items:center}.outstanding-balances-page .pagination .pagination-controls .pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.outstanding-balances-page .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.outstanding-balances-page .pagination .pagination-controls .pagination-btn.active{background-color:#ef4444;border-color:#ef4444;color:#fff}.outstanding-balances-page .pagination .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.outstanding-balances-page .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.outstanding-balances-page .status-badge--current{background-color:#dcfce7;color:#166534}.outstanding-balances-page .status-badge--30-days{background-color:#fef3c7;color:#92400e}.outstanding-balances-page .status-badge--60-days{background-color:#fed7aa;color:#9a3412}.outstanding-balances-page .status-badge--90-days{background-color:#fecaca;color:#991b1b}.outstanding-balances-page .status-badge--over-90-days{background-color:#fca5a5;color:#7f1d1d}@media (max-width: 768px){.outstanding-balances-page{padding:1rem;max-width:100%}.outstanding-balances-page .page-header,.outstanding-balances-page .page-header .page-actions{flex-direction:column;gap:1rem;align-items:stretch}.outstanding-balances-page .page-header .page-actions .header-filters{flex-direction:column;gap:1rem;justify-content:stretch}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group label{align-self:flex-start}.outstanding-balances-page .page-header .page-actions .header-filters .filter-group .filter-select{min-width:100%}.outstanding-balances-page .page-header .page-actions .btn{justify-content:center}.outstanding-balances-page .summary-cards{grid-template-columns:1fr}.outstanding-balances-page .aging-summary .aging-cards{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.outstanding-balances-page .aging-summary .aging-cards .aging-card{padding:.625rem}.outstanding-balances-page .aging-summary .aging-cards .aging-card__count{font-size:.875rem;margin-bottom:.25rem}.outstanding-balances-page .aging-summary .aging-cards .aging-card__label{font-size:.625rem}.outstanding-balances-page .aging-summary .aging-cards .aging-card__amount{font-size:.5rem}.outstanding-balances-page .table-container .table-header{flex-direction:column;gap:1rem;align-items:stretch}.outstanding-balances-page .table-container .table-header .table-stats{justify-content:space-around}.outstanding-balances-page .pagination{flex-direction:column;gap:1rem;align-items:center;text-align:center}.outstanding-balances-page .pagination .pagination-controls{flex-wrap:wrap;justify-content:center}}.occupancy-page{padding:2rem;background-color:#f8fafc;width:83vw;min-height:100vh}.occupancy-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.occupancy-page .page-header .page-title{display:flex;align-items:center;gap:.75rem}.occupancy-page .page-header .page-title .title-icon{font-size:1.5rem;color:#3b82f6}.occupancy-page .page-header .page-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#333}.occupancy-page .page-header .page-actions{display:flex;align-items:end;gap:1rem;width:100%}.occupancy-page .page-header .page-actions .header-filters{display:flex;gap:2rem;align-items:end;flex:1;justify-content:space-between}.occupancy-page .page-header .page-actions .header-filters .filter-group{display:flex;align-items:center;gap:.5rem}.occupancy-page .page-header .page-actions .header-filters .filter-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.occupancy-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;min-width:180px;flex:1}.occupancy-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.occupancy-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.occupancy-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.occupancy-page .page-header .page-actions .btn--primary{background-color:#3b82f6;color:#fff}.occupancy-page .page-header .page-actions .btn--primary:hover{background-color:#2563eb}.occupancy-page .page-header .page-actions .btn--secondary{background-color:#f3f4f6;color:#374151}.occupancy-page .page-header .page-actions .btn--secondary:hover{background-color:#e5e7eb}.occupancy-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.occupancy-page .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.occupancy-page .loading-spinner p{color:#6b7280;font-size:1rem}.occupancy-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:2rem}.occupancy-page .summary-cards .summary-card{background:#fff;padding:.75rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.occupancy-page .summary-cards .summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.occupancy-page .summary-cards .summary-card--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.occupancy-page .summary-cards .summary-card--primary .summary-card__header h3,.occupancy-page .summary-cards .summary-card--primary .summary-icon{color:#ffffffe6}.occupancy-page .summary-cards .summary-card--primary .summary-card__value{color:#fff}.occupancy-page .summary-cards .summary-card--primary .summary-card__subtitle{color:#fffc}.occupancy-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.occupancy-page .summary-cards .summary-card__header h3{margin:0;font-size:.625rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.occupancy-page .summary-cards .summary-card__header .summary-icon{font-size:1rem}.occupancy-page .summary-cards .summary-card__header .summary-icon--primary{color:#3b82f6}.occupancy-page .summary-cards .summary-card__header .summary-icon--success{color:#10b981}.occupancy-page .summary-cards .summary-card__header .summary-icon--warning{color:#f59e0b}.occupancy-page .summary-cards .summary-card__header .summary-icon--info{color:#06b6d4}.occupancy-page .summary-cards .summary-card__value{font-size:1rem;font-weight:700;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-bottom:.125rem}.occupancy-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#64748b}.occupancy-page .view-toggle{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.occupancy-page .view-toggle .toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.occupancy-page .view-toggle .toggle-btn .toggle-icon{font-size:1.25rem}.occupancy-page .view-toggle .toggle-btn:hover{border-color:#3b82f6;color:#3b82f6}.occupancy-page .view-toggle .toggle-btn--active{border-color:#3b82f6;background:#3b82f6;color:#fff}.occupancy-page .view-toggle .toggle-btn--active:hover{background:#2563eb;border-color:#2563eb;color:#fff}.occupancy-page .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.occupancy-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.occupancy-page .table-container .table-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.occupancy-page .table-container .table-header .table-stats{display:flex;gap:1.5rem}.occupancy-page .table-container .table-header .table-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.occupancy-page .table-container .table-header .table-stats .stat .stat-label{font-size:.75rem;color:#6b7280;font-weight:500}.occupancy-page .table-container .table-header .table-stats .stat .stat-value{font-size:1.125rem;font-weight:700;color:#374151}.occupancy-page .table-container .table-header .table-stats .stat .stat-value--success{color:#10b981}.occupancy-page .table-container .table-header .table-stats .stat .stat-value--warning{color:#f59e0b}.occupancy-page .table-container .table-header .table-stats .stat .stat-value--danger{color:#ef4444}.occupancy-page .table-container .table-wrapper{overflow-x:auto}.occupancy-page .table-container .occupancy-table{width:100%;border-collapse:collapse}.occupancy-page .table-container .occupancy-table thead{background-color:#f9fafb}.occupancy-page .table-container .occupancy-table thead th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.occupancy-page .table-container .occupancy-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.occupancy-page .table-container .occupancy-table tbody tr:hover{background-color:#f9fafb}.occupancy-page .table-container .occupancy-table tbody tr:last-child{border-bottom:none}.occupancy-page .table-container .occupancy-table tbody tr td{padding:1rem 1.5rem;font-size:.875rem;color:#374151;vertical-align:middle;white-space:nowrap}.occupancy-page .table-container .occupancy-table tbody tr td.property-cell .property-info{display:flex;flex-direction:column}.occupancy-page .table-container .occupancy-table tbody tr td.property-cell .property-info .property-name,.occupancy-page .table-container .occupancy-table tbody tr td.unit-cell{font-weight:600;color:#1f2937}.occupancy-page .table-container .occupancy-table tbody tr td.tenant-cell{font-weight:500;color:#374151}.occupancy-page .table-container .occupancy-table tbody tr td.amount-cell{font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.occupancy-page .table-container .occupancy-table tbody tr td.amount-cell--success{color:#10b981}.occupancy-page .table-container .occupancy-table tbody tr td.amount-cell--danger{color:#ef4444}.occupancy-page .table-container .occupancy-table tbody tr td.number-cell{font-weight:500;color:#64748b;font-size:.875rem;text-align:center}.occupancy-page .table-container .occupancy-table tbody tr td.number-cell--success{color:#10b981}.occupancy-page .table-container .occupancy-table tbody tr td.number-cell--warning{color:#f59e0b}.occupancy-page .occupancy-rate{display:flex;align-items:center;gap:.75rem;min-width:140px}.occupancy-page .occupancy-rate .rate-value{font-weight:600;color:#374151;min-width:50px}.occupancy-page .occupancy-rate .rate-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.occupancy-page .occupancy-rate .rate-bar .rate-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.occupancy-page .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.occupancy-page .status-badge .status-icon{font-size:.875rem}.occupancy-page .status-badge--occupied{background-color:#dcfce7;color:#166534}.occupancy-page .status-badge--vacant{background-color:#fef3c7;color:#92400e}.occupancy-page .days-vacant{padding:.25rem .5rem;background-color:#fef3c7;color:#92400e;border-radius:4px;font-size:.75rem;font-weight:600}.occupancy-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.occupancy-page .pagination .pagination-info{font-size:.875rem;color:#64748b}.occupancy-page .pagination .pagination-controls{display:flex;gap:.5rem;align-items:center}.occupancy-page .pagination .pagination-controls .pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.occupancy-page .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.occupancy-page .pagination .pagination-controls .pagination-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.occupancy-page .pagination .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.occupancy-page{padding:1rem}.occupancy-page .page-header,.occupancy-page .page-header .page-actions{flex-direction:column;gap:1rem;align-items:stretch}.occupancy-page .page-header .page-actions .header-filters{flex-direction:column;gap:1rem;justify-content:stretch}.occupancy-page .page-header .page-actions .header-filters .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.occupancy-page .page-header .page-actions .header-filters .filter-group label{align-self:flex-start}.occupancy-page .page-header .page-actions .header-filters .filter-group .filter-select{min-width:100%}.occupancy-page .page-header .page-actions .btn{justify-content:center}.occupancy-page .summary-cards{grid-template-columns:1fr}.occupancy-page .view-toggle{flex-direction:column}.occupancy-page .view-toggle .toggle-btn{justify-content:center}.occupancy-page .table-container .table-header{flex-direction:column;gap:1rem;align-items:stretch}.occupancy-page .table-container .table-header .table-stats{justify-content:space-around}.occupancy-page .pagination{flex-direction:column;gap:1rem;align-items:center;text-align:center}.occupancy-page .pagination .pagination-controls{flex-wrap:wrap;justify-content:center}}.income-statement-page{padding:2rem;background-color:#f8fafc;min-height:100vh}.income-statement-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.income-statement-page .page-header .page-title{display:flex;align-items:center;gap:.75rem}.income-statement-page .page-header .page-title .title-icon{font-size:1.5rem;color:#8b5cf6}.income-statement-page .page-header .page-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#333}.income-statement-page .page-header .page-actions{display:flex;align-items:end;gap:1rem;width:100%}.income-statement-page .page-header .page-actions .header-filters{display:flex;gap:2rem;align-items:end;flex:1;justify-content:space-between}.income-statement-page .page-header .page-actions .header-filters .filter-group{display:flex;align-items:center;gap:.5rem}.income-statement-page .page-header .page-actions .header-filters .filter-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.income-statement-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;min-width:180px;flex:1}.income-statement-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.income-statement-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.income-statement-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.income-statement-page .page-header .page-actions .btn--primary{background-color:#8b5cf6;color:#fff}.income-statement-page .page-header .page-actions .btn--primary:hover{background-color:#7c3aed}.income-statement-page .page-header .page-actions .btn--secondary{background-color:#f3f4f6;color:#374151}.income-statement-page .page-header .page-actions .btn--secondary:hover{background-color:#e5e7eb}.income-statement-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.income-statement-page .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.income-statement-page .loading-spinner p{color:#6b7280;font-size:1rem}.income-statement-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:2rem}.income-statement-page .summary-cards .summary-card{background:#fff;padding:.75rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.income-statement-page .summary-cards .summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.income-statement-page .summary-cards .summary-card--revenue{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.income-statement-page .summary-cards .summary-card--revenue .summary-card__header h3,.income-statement-page .summary-cards .summary-card--revenue .summary-icon,.income-statement-page .summary-cards .summary-card--revenue .summary-card__value,.income-statement-page .summary-cards .summary-card--revenue .summary-card__subtitle{color:#fff}.income-statement-page .summary-cards .summary-card--revenue .summary-card__subtitle{opacity:.9}.income-statement-page .summary-cards .summary-card--expenses{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.income-statement-page .summary-cards .summary-card--expenses .summary-card__header h3,.income-statement-page .summary-cards .summary-card--expenses .summary-icon,.income-statement-page .summary-cards .summary-card--expenses .summary-card__value,.income-statement-page .summary-cards .summary-card--expenses .summary-card__subtitle{color:#fff}.income-statement-page .summary-cards .summary-card--expenses .summary-card__subtitle{opacity:.9}.income-statement-page .summary-cards .summary-card--net-income{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.income-statement-page .summary-cards .summary-card--net-income .summary-card__header h3,.income-statement-page .summary-cards .summary-card--net-income .summary-icon,.income-statement-page .summary-cards .summary-card--net-income .summary-card__value,.income-statement-page .summary-cards .summary-card--net-income .summary-card__subtitle{color:#fff}.income-statement-page .summary-cards .summary-card--net-income .summary-card__subtitle{opacity:.9}.income-statement-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.income-statement-page .summary-cards .summary-card__header h3{margin:0;font-size:.625rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.income-statement-page .summary-cards .summary-card__header .summary-icon{font-size:1rem}.income-statement-page .summary-cards .summary-card__header .summary-icon--primary{color:#8b5cf6}.income-statement-page .summary-cards .summary-card__header .summary-icon--success{color:#10b981}.income-statement-page .summary-cards .summary-card__header .summary-icon--danger{color:#ef4444}.income-statement-page .summary-cards .summary-card__header .summary-icon--info{color:#06b6d4}.income-statement-page .summary-cards .summary-card__value{font-size:1rem;font-weight:700;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-bottom:.125rem}.income-statement-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#64748b}.income-statement-page .income-statement-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem}.income-statement-page .income-statement-container .statement-section{padding:2rem;border-bottom:1px solid #e5e7eb}.income-statement-page .income-statement-container .statement-section:last-child{border-bottom:none}.income-statement-page .income-statement-container .statement-section--summary{background-color:#f9fafb;padding:1.5rem 2rem}.income-statement-page .income-statement-container .statement-section--summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:1rem}.income-statement-page .income-statement-container .statement-section--summary .summary-row--net{border-top:2px solid #8b5cf6;margin-top:.5rem;padding-top:1rem;font-size:1.25rem;font-weight:700}.income-statement-page .income-statement-container .statement-section--summary .summary-row .summary-label{font-weight:600;color:#374151}.income-statement-page .income-statement-container .statement-section--summary .summary-row .summary-amount{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.income-statement-page .income-statement-container .statement-section--summary .summary-row .summary-amount--positive{color:#10b981}.income-statement-page .income-statement-container .statement-section--summary .summary-row .summary-amount--negative{color:#ef4444}.income-statement-page .income-statement-container .statement-section--summary .summary-row .summary-amount--net{color:#8b5cf6;font-size:1.5rem}.income-statement-page .income-statement-container .statement-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.income-statement-page .income-statement-container .statement-section .section-header--revenue{border-bottom-color:#10b981}.income-statement-page .income-statement-container .statement-section .section-header--revenue h2,.income-statement-page .income-statement-container .statement-section .section-header--revenue .section-total{color:#10b981}.income-statement-page .income-statement-container .statement-section .section-header--expenses{border-bottom-color:#ef4444}.income-statement-page .income-statement-container .statement-section .section-header--expenses h2,.income-statement-page .income-statement-container .statement-section .section-header--expenses .section-total{color:#ef4444}.income-statement-page .income-statement-container .statement-section .section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.income-statement-page .income-statement-container .statement-section .section-header .section-total{font-size:1.25rem;font-weight:700;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#374151}.income-statement-page .income-statement-container .statement-section .statement-items{display:flex;flex-direction:column;gap:.75rem}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f9fafb;border-radius:6px;transition:background-color .2s ease}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item:hover{background-color:#f3f4f6}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item .item-label{display:flex;align-items:center;gap:1rem;flex:1}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item .item-label .item-name{font-weight:500;color:#374151}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item .item-label .item-percentage{font-size:.75rem;font-weight:600;color:#64748b;background-color:#e5e7eb;padding:.25rem .5rem;border-radius:4px}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item .item-amount{font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#1f2937;font-size:.95rem}.income-statement-page .property-breakdown{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.income-statement-page .property-breakdown .breakdown-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.income-statement-page .property-breakdown .breakdown-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.income-statement-page .property-breakdown .table-wrapper{overflow-x:auto}.income-statement-page .property-breakdown .breakdown-table{width:100%;border-collapse:collapse}.income-statement-page .property-breakdown .breakdown-table thead{background-color:#f9fafb}.income-statement-page .property-breakdown .breakdown-table thead th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.income-statement-page .property-breakdown .breakdown-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.income-statement-page .property-breakdown .breakdown-table tbody tr:hover{background-color:#f9fafb}.income-statement-page .property-breakdown .breakdown-table tbody tr:last-child{border-bottom:none}.income-statement-page .property-breakdown .breakdown-table tbody tr td{padding:1rem 1.5rem;font-size:.875rem;color:#374151;vertical-align:middle;white-space:nowrap}.income-statement-page .property-breakdown .breakdown-table tbody tr td.property-cell .property-name{font-weight:600;color:#1f2937}.income-statement-page .property-breakdown .breakdown-table tbody tr td.amount-cell{font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.income-statement-page .property-breakdown .breakdown-table tbody tr td.amount-cell--positive{color:#10b981}.income-statement-page .property-breakdown .breakdown-table tbody tr td.amount-cell--negative{color:#ef4444}.income-statement-page .property-breakdown .breakdown-table tbody tr td.amount-cell--net{color:#8b5cf6;font-weight:700}.income-statement-page .property-breakdown .breakdown-table tbody tr td.number-cell{font-weight:500;color:#64748b;font-size:.875rem;text-align:center}.income-statement-page .property-breakdown .breakdown-table tbody tr td.percentage-cell{min-width:180px}.income-statement-page .profit-margin{display:flex;align-items:center;gap:.75rem}.income-statement-page .profit-margin .margin-value{font-weight:600;color:#374151;min-width:50px}.income-statement-page .profit-margin .margin-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.income-statement-page .profit-margin .margin-bar .margin-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease}@media (max-width: 768px){.income-statement-page{padding:1rem}.income-statement-page .page-header,.income-statement-page .page-header .page-actions{flex-direction:column;gap:1rem;align-items:stretch}.income-statement-page .page-header .page-actions .header-filters{flex-direction:column;gap:1rem;justify-content:stretch}.income-statement-page .page-header .page-actions .header-filters .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.income-statement-page .page-header .page-actions .header-filters .filter-group label{align-self:flex-start}.income-statement-page .page-header .page-actions .header-filters .filter-group .filter-select{min-width:100%}.income-statement-page .page-header .page-actions .btn{justify-content:center}.income-statement-page .summary-cards{grid-template-columns:1fr}.income-statement-page .income-statement-container .statement-section{padding:1.5rem 1rem}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item{flex-direction:column;align-items:stretch;gap:.5rem}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item .item-label{flex-direction:column;align-items:flex-start;gap:.5rem}.income-statement-page .income-statement-container .statement-section .statement-items .statement-item .item-amount{text-align:right;font-size:1rem}.income-statement-page .income-statement-container .statement-section--summary .summary-row{font-size:.875rem}.income-statement-page .income-statement-container .statement-section--summary .summary-row--net{font-size:1rem}.income-statement-page .income-statement-container .statement-section--summary .summary-row--net .summary-amount--net{font-size:1.25rem}.income-statement-page .property-breakdown .breakdown-header{padding:1rem}}.tenant-arrears-page{padding:2rem;background-color:#f5f7fa;width:82vw;min-height:100vh}.tenant-arrears-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.tenant-arrears-page .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.tenant-arrears-page .loading-spinner p{margin-top:1rem;color:#666;font-size:1rem}.tenant-arrears-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.tenant-arrears-page .error-state .error-icon{font-size:3rem;margin-bottom:1rem}.tenant-arrears-page .error-state h3{color:#e74c3c;margin-bottom:.5rem}.tenant-arrears-page .error-state p{color:#666;margin-bottom:2rem;max-width:400px}.tenant-arrears-page .page-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;width:100%}.tenant-arrears-page .page-header .page-title h1{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0}.tenant-arrears-page .page-header .page-actions{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.tenant-arrears-page .page-header .page-actions .header-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;flex:1}.tenant-arrears-page .page-header .page-actions .header-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.tenant-arrears-page .page-header .page-actions .header-filters .filter-group label{font-size:.875rem;color:#666;font-weight:500;margin-bottom:.25rem}.tenant-arrears-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;width:100%;height:40px;box-sizing:border-box}.tenant-arrears-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#3498db}.tenant-arrears-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:40px;box-sizing:border-box}.tenant-arrears-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.tenant-arrears-page .page-header .page-actions .btn--primary{background-color:#3498db;color:#fff}.tenant-arrears-page .page-header .page-actions .btn--primary:hover{background-color:#2980b9}.tenant-arrears-page .page-header .page-actions .btn--secondary{background-color:#fff;color:#666;border:1px solid #ddd}.tenant-arrears-page .page-header .page-actions .btn--secondary:hover{background-color:#f8f9fa}.tenant-arrears-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.tenant-arrears-page .summary-cards .summary-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s}.tenant-arrears-page .summary-cards .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.tenant-arrears-page .summary-cards .summary-card--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tenant-arrears-page .summary-cards .summary-card--primary .summary-card__subtitle{color:#ffffffe6}.tenant-arrears-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tenant-arrears-page .summary-cards .summary-card__header h3{font-size:.75rem;font-weight:600;margin:0;color:inherit}.tenant-arrears-page .summary-cards .summary-card__header .summary-icon{font-size:1.5rem;opacity:.8}.tenant-arrears-page .summary-cards .summary-card__header .summary-icon--primary{color:#ffffffe6}.tenant-arrears-page .summary-cards .summary-card__header .summary-icon--info{color:#3498db}.tenant-arrears-page .summary-cards .summary-card__header .summary-icon--warning{color:#f39c12}.tenant-arrears-page .summary-cards .summary-card__header .summary-icon--danger{color:#e74c3c}.tenant-arrears-page .summary-cards .summary-card__value{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:inherit}.tenant-arrears-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#999}.tenant-arrears-page .aging-breakdown{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem}.tenant-arrears-page .aging-breakdown h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 1.5rem}.tenant-arrears-page .aging-breakdown .aging-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card{padding:1.25rem;border-radius:8px;text-align:center}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card--current{background-color:#d4edda;border:1px solid #c3e6cb}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card--30-days{background-color:#fff3cd;border:1px solid #ffeaa7}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card--60-days{background-color:#ffe8cc;border:1px solid #ffd8a8}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card--90-days{background-color:#ffd4d4;border:1px solid #ffb8b8}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card--over-120-days{background-color:#fcc;border:1px solid #ff9999}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card__label{font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem}.tenant-arrears-page .aging-breakdown .aging-cards .aging-card__amount{font-size:1.25rem;font-weight:700;color:#1a1a1a}.tenant-arrears-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.tenant-arrears-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.tenant-arrears-page .table-container .table-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.tenant-arrears-page .table-container .table-header .table-stats{display:flex;gap:2rem}.tenant-arrears-page .table-container .table-header .table-stats .stat{display:flex;gap:.5rem;align-items:center}.tenant-arrears-page .table-container .table-header .table-stats .stat-label{font-size:.875rem;color:#666}.tenant-arrears-page .table-container .table-header .table-stats .stat-value{font-size:.875rem;font-weight:600;color:#1a1a1a}.tenant-arrears-page .table-container .table-header .table-stats .stat-value--success{color:#27ae60}.tenant-arrears-page .table-container .table-header .table-stats .stat-value--danger{color:#e74c3c}.tenant-arrears-page .table-container .table-wrapper{overflow-x:auto}.tenant-arrears-page .table-container .table-wrapper .arrears-table{width:100%;border-collapse:collapse;font-size:.875rem}.tenant-arrears-page .table-container .table-wrapper .arrears-table thead{background-color:#f8f9fa}.tenant-arrears-page .table-container .table-wrapper .arrears-table thead th{padding:1rem;text-align:left;font-weight:600;color:#666;white-space:nowrap;border-bottom:2px solid #eee}.tenant-arrears-page .table-container .table-wrapper .arrears-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tenant-arrears-page .table-container .table-wrapper .arrears-table thead th.sortable:hover{background-color:#ecf0f1}.tenant-arrears-page .table-container .table-wrapper .arrears-table thead th.sortable.active{color:#3498db}.tenant-arrears-page .table-container .table-wrapper .arrears-table thead th .sort-indicator{margin-left:.25rem}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr:hover{background-color:#f8f9fa}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td{padding:1rem;color:#333;white-space:nowrap}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.number-cell{color:#999;font-weight:500}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.tenant-cell .tenant-name{font-weight:600;color:#1a1a1a}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.phone-cell{color:#666;font-size:.813rem}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.amount-cell{font-weight:600;text-align:right}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.amount-cell--primary{color:#667eea;font-size:1rem}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.amount-cell--warning{color:#f39c12}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.amount-cell--danger{color:#e67e22}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.amount-cell--critical{color:#e74c3c}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.days-cell .days-badge{display:inline-block;padding:.125rem .5rem;border-radius:8px;font-weight:600;font-size:.75rem}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.days-cell .days-badge--current{background-color:#d4edda;color:#155724}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.days-cell .days-badge--moderate{background-color:#fff3cd;color:#856404}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.days-cell .days-badge--severe{background-color:#ffe8cc;color:#8a3700}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.days-cell .days-badge--critical{background-color:#fcc;color:#721c24}.tenant-arrears-page .table-container .table-wrapper .arrears-table tbody tr td.date-cell .amount-small{font-size:.75rem;color:#999;margin-top:.25rem}.tenant-arrears-page .table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #eee}.tenant-arrears-page .table-container .pagination-info{font-size:.875rem;color:#666}.tenant-arrears-page .table-container .pagination-controls{display:flex;gap:.5rem}.tenant-arrears-page .table-container .pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.tenant-arrears-page .table-container .pagination-btn:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.tenant-arrears-page .table-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tenant-arrears-page .table-container .pagination-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.tenant-arrears-page .status-badge{display:inline-block;padding:.125rem .5rem;border-radius:8px;font-weight:600;font-size:.75rem;text-transform:capitalize}.tenant-arrears-page .status-badge--current{background-color:#d4edda;color:#155724}.tenant-arrears-page .status-badge--moderate{background-color:#fff3cd;color:#856404}.tenant-arrears-page .status-badge--severe{background-color:#ffe8cc;color:#8a3700}.tenant-arrears-page .status-badge--critical{background-color:#fcc;color:#721c24}@media (max-width: 768px){.tenant-arrears-page{padding:1rem}.tenant-arrears-page .page-header,.tenant-arrears-page .page-header .page-actions{flex-direction:column;align-items:stretch}.tenant-arrears-page .page-header .page-actions .header-filters{flex-direction:column}.tenant-arrears-page .page-header .page-actions .header-filters .filter-group .filter-select{width:100%}.tenant-arrears-page .page-header .page-actions .btn{width:100%;justify-content:center}.tenant-arrears-page .summary-cards,.tenant-arrears-page .aging-breakdown .aging-cards{grid-template-columns:1fr}.tenant-arrears-page .table-wrapper .arrears-table{font-size:.75rem}.tenant-arrears-page .table-wrapper .arrears-table thead th,.tenant-arrears-page .table-wrapper .arrears-table tbody td{padding:.75rem .5rem}.tenant-arrears-page .pagination{flex-direction:column;gap:1rem;align-items:stretch}.tenant-arrears-page .pagination-controls{justify-content:center;flex-wrap:wrap}}.utility-consumption-page{padding:2rem;background-color:#f5f7fa;width:82vw;min-height:100vh}.utility-consumption-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.utility-consumption-page .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.utility-consumption-page .loading-spinner p{margin-top:1rem;color:#666;font-size:1rem}.utility-consumption-page .page-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;width:100%}.utility-consumption-page .page-header .page-title h1{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0}.utility-consumption-page .page-header .page-actions{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.utility-consumption-page .page-header .page-actions .header-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;flex:1}.utility-consumption-page .page-header .page-actions .header-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.utility-consumption-page .page-header .page-actions .header-filters .filter-group label{font-size:.875rem;color:#666;font-weight:500;margin-bottom:.25rem}.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-select,.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-input{padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;width:100%;height:40px;box-sizing:border-box}.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-select:focus,.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-input:focus{outline:none;border-color:#3498db}.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-input{cursor:text}.utility-consumption-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:40px;box-sizing:border-box}.utility-consumption-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.utility-consumption-page .page-header .page-actions .btn--primary{background-color:#3498db;color:#fff}.utility-consumption-page .page-header .page-actions .btn--primary:hover{background-color:#2980b9}.utility-consumption-page .page-header .page-actions .btn--secondary{background-color:#fff;color:#666;border:1px solid #ddd}.utility-consumption-page .page-header .page-actions .btn--secondary:hover{background-color:#f8f9fa}.utility-consumption-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.utility-consumption-page .summary-cards .summary-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s}.utility-consumption-page .summary-cards .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.utility-consumption-page .summary-cards .summary-card--water{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.utility-consumption-page .summary-cards .summary-card--water .summary-card__cost,.utility-consumption-page .summary-cards .summary-card--water .summary-card__subtitle,.utility-consumption-page .summary-cards .summary-card--water .summary-icon--water{color:#ffffffe6}.utility-consumption-page .summary-cards .summary-card--electricity{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.utility-consumption-page .summary-cards .summary-card--electricity .summary-card__cost,.utility-consumption-page .summary-cards .summary-card--electricity .summary-card__subtitle,.utility-consumption-page .summary-cards .summary-card--electricity .summary-icon--electricity{color:#ffffffe6}.utility-consumption-page .summary-cards .summary-card--total{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.utility-consumption-page .summary-cards .summary-card--total .summary-card__subtitle,.utility-consumption-page .summary-cards .summary-card--total .summary-icon--total{color:#ffffffe6}.utility-consumption-page .summary-cards .summary-card--alerts{border:2px solid #f39c12}.utility-consumption-page .summary-cards .summary-card--alerts .summary-icon--warning{color:#f39c12}.utility-consumption-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.utility-consumption-page .summary-cards .summary-card__header h3{font-size:.75rem;font-weight:600;margin:0;color:inherit}.utility-consumption-page .summary-cards .summary-card__header .summary-icon{font-size:1.5rem;opacity:.8}.utility-consumption-page .summary-cards .summary-card__value{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:inherit}.utility-consumption-page .summary-cards .summary-card__cost{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:inherit}.utility-consumption-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#999}.utility-consumption-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.utility-consumption-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.utility-consumption-page .table-container .table-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.utility-consumption-page .table-container .table-header .table-stats{display:flex;gap:2rem}.utility-consumption-page .table-container .table-header .table-stats .stat{display:flex;gap:.5rem;align-items:center}.utility-consumption-page .table-container .table-header .table-stats .stat-label{font-size:.875rem;color:#666}.utility-consumption-page .table-container .table-header .table-stats .stat-value{font-size:.875rem;font-weight:600;color:#1a1a1a}.utility-consumption-page .table-container .table-wrapper{overflow-x:auto}.utility-consumption-page .table-container .table-wrapper .consumption-table{width:100%;border-collapse:collapse;font-size:.875rem}.utility-consumption-page .table-container .table-wrapper .consumption-table thead{background-color:#f8f9fa}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th{padding:1rem;text-align:left;font-weight:600;color:#666;white-space:nowrap;border-bottom:2px solid #eee}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th.section-header{text-align:center;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th.section-header--water{background-color:#e3f2fd;color:#1976d2}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th.section-header--electricity{background-color:#fff3e0;color:#f57c00}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th.sortable:hover{background-color:#ecf0f1}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th.sortable.active{color:#3498db}.utility-consumption-page .table-container .table-wrapper .consumption-table thead th .sort-indicator{margin-left:.25rem}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr:hover{background-color:#f8f9fa}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td{padding:1rem;color:#333;white-space:nowrap}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.number-cell{color:#999;font-weight:500}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.tenant-cell .tenant-name{font-weight:600;color:#1a1a1a}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.reading-cell{color:#666;font-size:.813rem;text-align:center}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.consumption-cell{text-align:center}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.consumption-cell .consumption-value{font-weight:600;margin-bottom:.25rem}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.consumption-cell .consumption-badge{display:inline-block;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.consumption-cell .consumption-badge--high{background-color:#ffe8cc;color:#8a3700}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.consumption-cell--water .consumption-value{color:#1976d2}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.consumption-cell--electricity .consumption-value{color:#f57c00}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.amount-cell{font-weight:600;text-align:right}.utility-consumption-page .table-container .table-wrapper .consumption-table tbody tr td.amount-cell--primary{color:#667eea;font-size:1rem}.utility-consumption-page .table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #eee}.utility-consumption-page .table-container .pagination-info{font-size:.875rem;color:#666}.utility-consumption-page .table-container .pagination-controls{display:flex;gap:.5rem}.utility-consumption-page .table-container .pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.utility-consumption-page .table-container .pagination-btn:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.utility-consumption-page .table-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.utility-consumption-page .table-container .pagination-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.utility-consumption-page .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-weight:600;font-size:.813rem;text-transform:capitalize}.utility-consumption-page .status-badge--normal{background-color:#d4edda;color:#155724}.utility-consumption-page .status-badge--high{background-color:#fff3cd;color:#856404}.utility-consumption-page .status-badge--very-high{background-color:#fcc;color:#721c24}@media (max-width: 768px){.utility-consumption-page{padding:1rem}.utility-consumption-page .page-header,.utility-consumption-page .page-header .page-actions{flex-direction:column;align-items:stretch}.utility-consumption-page .page-header .page-actions .header-filters{flex-direction:column}.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-select,.utility-consumption-page .page-header .page-actions .header-filters .filter-group .filter-input{width:100%}.utility-consumption-page .page-header .page-actions .btn{width:100%;justify-content:center}.utility-consumption-page .summary-cards{grid-template-columns:1fr}.utility-consumption-page .table-wrapper .consumption-table{font-size:.75rem}.utility-consumption-page .table-wrapper .consumption-table thead th,.utility-consumption-page .table-wrapper .consumption-table tbody td{padding:.75rem .5rem}.utility-consumption-page .pagination{flex-direction:column;gap:1rem;align-items:stretch}.utility-consumption-page .pagination-controls{justify-content:center;flex-wrap:wrap}}.payment-history-page{padding:1rem;background-color:#f5f7fa;min-height:100vh;width:82vw}.payment-history-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.payment-history-page .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.payment-history-page .loading-spinner p{margin-top:1rem;color:#666;font-size:1rem}.payment-history-page .page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.payment-history-page .page-header .page-title h1{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.payment-history-page .page-header .page-actions{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.payment-history-page .page-header .page-actions .header-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;flex:1}.payment-history-page .page-header .page-actions .header-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.payment-history-page .page-header .page-actions .header-filters .filter-group label{font-size:.875rem;color:#666;font-weight:500;margin-bottom:.25rem}.payment-history-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;width:100%;height:40px;box-sizing:border-box}.payment-history-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#3498db}.payment-history-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:40px;box-sizing:border-box}.payment-history-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.payment-history-page .page-header .page-actions .btn--primary{background-color:#3498db;color:#fff}.payment-history-page .page-header .page-actions .btn--primary:hover{background-color:#2980b9}.payment-history-page .page-header .page-actions .btn--secondary{background-color:#fff;color:#666;border:1px solid #ddd}.payment-history-page .page-header .page-actions .btn--secondary:hover{background-color:#f8f9fa}.payment-history-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.payment-history-page .summary-cards .summary-card{background:#fff;padding:.75rem;border-radius:6px;box-shadow:0 2px 8px #00000014;transition:transform .2s}.payment-history-page .summary-cards .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.payment-history-page .summary-cards .summary-card--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-history-page .summary-cards .summary-card--primary .summary-card__subtitle{color:#ffffffe6}.payment-history-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.payment-history-page .summary-cards .summary-card__header h3{font-size:.75rem;font-weight:600;margin:0;color:inherit}.payment-history-page .summary-cards .summary-card__header .summary-icon{font-size:1.5rem;opacity:.8}.payment-history-page .summary-cards .summary-card__header .summary-icon--primary{color:#ffffffe6}.payment-history-page .summary-cards .summary-card__header .summary-icon--success{color:#27ae60}.payment-history-page .summary-cards .summary-card__header .summary-icon--warning{color:#f39c12}.payment-history-page .summary-cards .summary-card__header .summary-icon--info{color:#3498db}.payment-history-page .summary-cards .summary-card__value{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:inherit}.payment-history-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#999}.payment-history-page .payment-breakdown{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.payment-history-page .payment-breakdown h2{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.payment-history-page .payment-breakdown .breakdown-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.payment-history-page .payment-breakdown .breakdown-cards .breakdown-card{padding:.75rem;border-radius:6px;text-align:center;background-color:#f8f9fa;border:1px solid #e9ecef}.payment-history-page .payment-breakdown .breakdown-cards .breakdown-card__label{font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem}.payment-history-page .payment-breakdown .breakdown-cards .breakdown-card__value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.payment-history-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.payment-history-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.payment-history-page .table-container .table-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.payment-history-page .table-container .table-header .table-stats{display:flex;gap:2rem}.payment-history-page .table-container .table-header .table-stats .stat{display:flex;gap:.5rem;align-items:center}.payment-history-page .table-container .table-header .table-stats .stat-label{font-size:.875rem;color:#666}.payment-history-page .table-container .table-header .table-stats .stat-value{font-size:.875rem;font-weight:600;color:#1a1a1a}.payment-history-page .table-container .table-wrapper{overflow-x:auto}.payment-history-page .table-container .table-wrapper .payment-table{width:100%;border-collapse:collapse;font-size:.875rem}.payment-history-page .table-container .table-wrapper .payment-table thead{background-color:#f8f9fa}.payment-history-page .table-container .table-wrapper .payment-table thead th{padding:1rem;text-align:left;font-weight:600;color:#666;white-space:nowrap;border-bottom:2px solid #eee}.payment-history-page .table-container .table-wrapper .payment-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.payment-history-page .table-container .table-wrapper .payment-table thead th.sortable:hover{background-color:#ecf0f1}.payment-history-page .table-container .table-wrapper .payment-table thead th.sortable.active{color:#3498db}.payment-history-page .table-container .table-wrapper .payment-table thead th .sort-indicator{margin-left:.25rem}.payment-history-page .table-container .table-wrapper .payment-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.payment-history-page .table-container .table-wrapper .payment-table tbody tr:hover{background-color:#f8f9fa}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td{padding:1rem;color:#333;white-space:nowrap}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.number-cell{color:#999;font-weight:500}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.transaction-cell{font-family:Monaco,Menlo,monospace;font-size:.813rem;color:#3498db;font-weight:600}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.date-cell{color:#666}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.tenant-cell .tenant-name{font-weight:600;color:#1a1a1a}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.invoice-cell{font-family:Monaco,Menlo,monospace;font-size:.813rem;color:#666}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.amount-cell{font-weight:600;text-align:right}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.amount-cell--success{color:#27ae60;font-size:.938rem}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.reference-cell{font-family:Monaco,Menlo,monospace;font-size:.813rem;color:#666}.payment-history-page .table-container .table-wrapper .payment-table tbody tr td.processed-cell{color:#666;font-size:.813rem}.payment-history-page .table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #eee}.payment-history-page .table-container .pagination-info{font-size:.875rem;color:#666}.payment-history-page .table-container .pagination-controls{display:flex;gap:.5rem}.payment-history-page .table-container .pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.payment-history-page .table-container .pagination-btn:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.payment-history-page .table-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.payment-history-page .table-container .pagination-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.payment-history-page .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-weight:600;font-size:.813rem;text-transform:capitalize}.payment-history-page .status-badge--completed{background-color:#d4edda;color:#155724}.payment-history-page .status-badge--pending{background-color:#fff3cd;color:#856404}.payment-history-page .status-badge--failed{background-color:#f8d7da;color:#721c24}.payment-history-page .status-badge--reversed{background-color:#e2e3e5;color:#383d41}.payment-history-page .method-badge{display:inline-block;padding:.25rem .625rem;border-radius:10px;font-weight:600;font-size:.75rem;background-color:#e7f3ff;color:#06c}@media (max-width: 768px){.payment-history-page{padding:1rem}.payment-history-page .page-header .page-actions{flex-direction:column;align-items:stretch}.payment-history-page .page-header .page-actions .header-filters{flex-direction:column}.payment-history-page .page-header .page-actions .header-filters .filter-group .filter-select{width:100%}.payment-history-page .page-header .page-actions .btn{width:100%;justify-content:center}.payment-history-page .summary-cards{grid-template-columns:1fr}.payment-history-page .payment-breakdown .breakdown-cards{grid-template-columns:1fr 1fr}.payment-history-page .table-wrapper .payment-table{font-size:.75rem}.payment-history-page .table-wrapper .payment-table thead th,.payment-history-page .table-wrapper .payment-table tbody td{padding:.75rem .5rem}.payment-history-page .pagination{flex-direction:column;gap:1rem;align-items:stretch}.payment-history-page .pagination-controls{justify-content:center;flex-wrap:wrap}}.payment-performance-page{padding:1rem;background-color:#f5f7fa;min-height:100vh;width:82vw}.payment-performance-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.payment-performance-page .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.payment-performance-page .loading-spinner p{margin-top:1rem;color:#666;font-size:1rem}.payment-performance-page .page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.payment-performance-page .page-header .page-title h1{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.payment-performance-page .page-header .page-actions{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.payment-performance-page .page-header .page-actions .header-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;flex:1}.payment-performance-page .page-header .page-actions .header-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.payment-performance-page .page-header .page-actions .header-filters .filter-group label{font-size:.875rem;color:#666;font-weight:500;margin-bottom:.25rem}.payment-performance-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;width:100%;height:40px;box-sizing:border-box}.payment-performance-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#3498db}.payment-performance-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:40px;box-sizing:border-box}.payment-performance-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.payment-performance-page .page-header .page-actions .btn--primary{background-color:#3498db;color:#fff}.payment-performance-page .page-header .page-actions .btn--primary:hover{background-color:#2980b9}.payment-performance-page .page-header .page-actions .btn--secondary{background-color:#fff;color:#666;border:1px solid #ddd}.payment-performance-page .page-header .page-actions .btn--secondary:hover{background-color:#f8f9fa}.payment-performance-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.payment-performance-page .summary-cards .summary-card{background:#fff;padding:.75rem;border-radius:6px;box-shadow:0 2px 8px #00000014;transition:transform .2s}.payment-performance-page .summary-cards .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.payment-performance-page .summary-cards .summary-card--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-performance-page .summary-cards .summary-card--primary .summary-card__subtitle{color:#ffffffe6}.payment-performance-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.payment-performance-page .summary-cards .summary-card__header h3{font-size:.75rem;font-weight:600;margin:0;color:inherit}.payment-performance-page .summary-cards .summary-card__header .summary-icon{font-size:1.5rem;opacity:.8}.payment-performance-page .summary-cards .summary-card__header .summary-icon--primary{color:#ffffffe6}.payment-performance-page .summary-cards .summary-card__header .summary-icon--success{color:#27ae60}.payment-performance-page .summary-cards .summary-card__header .summary-icon--danger{color:#e74c3c}.payment-performance-page .summary-cards .summary-card__header .summary-icon--info{color:#3498db}.payment-performance-page .summary-cards .summary-card__value{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:inherit}.payment-performance-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#999}.payment-performance-page .performance-insights{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.payment-performance-page .performance-insights h2{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.payment-performance-page .performance-insights .insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.payment-performance-page .performance-insights .insights-grid .insight-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:6px;border:2px solid}.payment-performance-page .performance-insights .insights-grid .insight-card--success{background-color:#d4edda;border-color:#c3e6cb}.payment-performance-page .performance-insights .insights-grid .insight-card--success .insight-icon{color:#155724}.payment-performance-page .performance-insights .insights-grid .insight-card--danger{background-color:#f8d7da;border-color:#f5c6cb}.payment-performance-page .performance-insights .insights-grid .insight-card--danger .insight-icon{color:#721c24}.payment-performance-page .performance-insights .insights-grid .insight-card .insight-icon{font-size:2rem;opacity:.8}.payment-performance-page .performance-insights .insights-grid .insight-card .insight-content h3{font-size:.875rem;font-weight:600;color:#666;margin:0 0 .5rem}.payment-performance-page .performance-insights .insights-grid .insight-card .insight-content .insight-value{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0}.payment-performance-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.payment-performance-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.payment-performance-page .table-container .table-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.payment-performance-page .table-container .table-header .table-stats{display:flex;gap:2rem}.payment-performance-page .table-container .table-header .table-stats .stat{display:flex;gap:.5rem;align-items:center}.payment-performance-page .table-container .table-header .table-stats .stat-label{font-size:.875rem;color:#666}.payment-performance-page .table-container .table-header .table-stats .stat-value{font-size:.875rem;font-weight:600;color:#1a1a1a}.payment-performance-page .table-container .table-wrapper{overflow-x:auto}.payment-performance-page .table-container .table-wrapper .performance-table{width:100%;border-collapse:collapse;font-size:.875rem}.payment-performance-page .table-container .table-wrapper .performance-table thead{background-color:#f8f9fa}.payment-performance-page .table-container .table-wrapper .performance-table thead th{padding:1rem;text-align:left;font-weight:600;color:#666;white-space:nowrap;border-bottom:2px solid #eee}.payment-performance-page .table-container .table-wrapper .performance-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.payment-performance-page .table-container .table-wrapper .performance-table thead th.sortable:hover{background-color:#ecf0f1}.payment-performance-page .table-container .table-wrapper .performance-table thead th.sortable.active{color:#3498db}.payment-performance-page .table-container .table-wrapper .performance-table thead th .sort-indicator{margin-left:.25rem}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr:hover{background-color:#f8f9fa}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td{padding:1rem;color:#333;white-space:nowrap}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.number-cell{color:#999;font-weight:500}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.property-cell .property-name{font-weight:600;color:#1a1a1a}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.units-cell{font-weight:600;color:#3498db}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.amount-cell{font-weight:500;text-align:right}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.amount-cell--success{color:#27ae60}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.amount-cell--danger{color:#e74c3c}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.days-cell .days-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.813rem}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.days-cell .days-badge--fast{background-color:#d4edda;color:#155724}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.days-cell .days-badge--normal{background-color:#fff3cd;color:#856404}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.days-cell .days-badge--slow{background-color:#f8d7da;color:#721c24}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.payment-status-cell .payment-breakdown{display:flex;flex-direction:column;gap:.25rem}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.payment-status-cell .payment-breakdown .payment-stat{font-size:.75rem;font-weight:600}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.payment-status-cell .payment-breakdown .payment-stat--success{color:#27ae60}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.payment-status-cell .payment-breakdown .payment-stat--warning{color:#f39c12}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.trend-cell{text-align:center}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.trend-cell .trend-icon{font-size:1.25rem}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.trend-cell .trend-icon--up{color:#27ae60}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.trend-cell .trend-icon--down{color:#e74c3c}.payment-performance-page .table-container .table-wrapper .performance-table tbody tr td.trend-cell .trend-icon--stable{color:#95a5a6;font-weight:700}.payment-performance-page .table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #eee}.payment-performance-page .table-container .pagination-info{font-size:.875rem;color:#666}.payment-performance-page .table-container .pagination-controls{display:flex;gap:.5rem}.payment-performance-page .table-container .pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.payment-performance-page .table-container .pagination-btn:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.payment-performance-page .table-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.payment-performance-page .table-container .pagination-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.payment-performance-page .collection-rate{display:flex;align-items:center;gap:.75rem;min-width:120px}.payment-performance-page .collection-rate .rate-value{font-weight:600;color:#374151;min-width:45px}.payment-performance-page .collection-rate .rate-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.payment-performance-page .collection-rate .rate-bar .rate-fill{height:100%;transition:width .3s ease}.payment-performance-page .collection-rate .rate-bar .rate-fill--excellent{background-color:#10b981}.payment-performance-page .collection-rate .rate-bar .rate-fill--good{background-color:#3b82f6}.payment-performance-page .collection-rate .rate-bar .rate-fill--fair{background-color:#f59e0b}.payment-performance-page .collection-rate .rate-bar .rate-fill--poor{background-color:#ef4444}.payment-performance-page .performance-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-weight:600;font-size:.813rem;text-transform:capitalize}.payment-performance-page .performance-badge--excellent{background-color:#d4edda;color:#155724}.payment-performance-page .performance-badge--good{background-color:#cfe2ff;color:#084298}.payment-performance-page .performance-badge--fair{background-color:#fff3cd;color:#856404}.payment-performance-page .performance-badge--poor{background-color:#f8d7da;color:#721c24}.payment-performance-page .default-rate{font-weight:600}.payment-performance-page .default-rate--low{color:#27ae60}.payment-performance-page .default-rate--medium{color:#f39c12}.payment-performance-page .default-rate--high{color:#e74c3c}@media (max-width: 768px){.payment-performance-page{padding:1rem}.payment-performance-page .page-header .page-actions{flex-direction:column;align-items:stretch}.payment-performance-page .page-header .page-actions .header-filters{flex-direction:column}.payment-performance-page .page-header .page-actions .header-filters .filter-group .filter-select{width:100%}.payment-performance-page .page-header .page-actions .btn{width:100%;justify-content:center}.payment-performance-page .summary-cards,.payment-performance-page .performance-insights .insights-grid{grid-template-columns:1fr}.payment-performance-page .table-wrapper .performance-table{font-size:.75rem}.payment-performance-page .table-wrapper .performance-table thead th,.payment-performance-page .table-wrapper .performance-table tbody td{padding:.75rem .5rem}.payment-performance-page .pagination{flex-direction:column;gap:1rem;align-items:stretch}.payment-performance-page .pagination-controls{justify-content:center;flex-wrap:wrap}}.invoice-summary-page{padding:1rem;background-color:#f5f7fa;min-height:100vh;width:82vw}.invoice-summary-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.invoice-summary-page .loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.invoice-summary-page .loading-spinner p{margin-top:1rem;color:#666;font-size:1rem}.invoice-summary-page .page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.invoice-summary-page .page-header .page-title h1{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.invoice-summary-page .page-header .page-actions{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.invoice-summary-page .page-header .page-actions .header-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;flex:1}.invoice-summary-page .page-header .page-actions .header-filters .filter-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.invoice-summary-page .page-header .page-actions .header-filters .filter-group label{font-size:.875rem;color:#666;font-weight:500;margin-bottom:.25rem}.invoice-summary-page .page-header .page-actions .header-filters .filter-group .filter-select{padding:.625rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;width:100%;height:40px;box-sizing:border-box}.invoice-summary-page .page-header .page-actions .header-filters .filter-group .filter-select:focus{outline:none;border-color:#3498db}.invoice-summary-page .page-header .page-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:40px;box-sizing:border-box}.invoice-summary-page .page-header .page-actions .btn .btn-icon{font-size:1.125rem}.invoice-summary-page .page-header .page-actions .btn--primary{background-color:#3498db;color:#fff}.invoice-summary-page .page-header .page-actions .btn--primary:hover{background-color:#2980b9}.invoice-summary-page .page-header .page-actions .btn--secondary{background-color:#fff;color:#666;border:1px solid #ddd}.invoice-summary-page .page-header .page-actions .btn--secondary:hover{background-color:#f8f9fa}.invoice-summary-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.invoice-summary-page .summary-cards .summary-card{background:#fff;padding:.75rem;border-radius:6px;box-shadow:0 2px 8px #00000014;transition:transform .2s}.invoice-summary-page .summary-cards .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.invoice-summary-page .summary-cards .summary-card--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.invoice-summary-page .summary-cards .summary-card--primary .summary-card__subtitle{color:#ffffffe6}.invoice-summary-page .summary-cards .summary-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.invoice-summary-page .summary-cards .summary-card__header h3{font-size:.75rem;font-weight:600;margin:0;color:inherit}.invoice-summary-page .summary-cards .summary-card__header .summary-icon{font-size:1.5rem;opacity:.8}.invoice-summary-page .summary-cards .summary-card__header .summary-icon--primary{color:#ffffffe6}.invoice-summary-page .summary-cards .summary-card__header .summary-icon--success{color:#27ae60}.invoice-summary-page .summary-cards .summary-card__header .summary-icon--danger{color:#e74c3c}.invoice-summary-page .summary-cards .summary-card__header .summary-icon--info{color:#3498db}.invoice-summary-page .summary-cards .summary-card__value{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:inherit}.invoice-summary-page .summary-cards .summary-card__subtitle{font-size:.75rem;color:#999}.invoice-summary-page .status-breakdown{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.invoice-summary-page .status-breakdown h2{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.invoice-summary-page .status-breakdown .status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.invoice-summary-page .status-breakdown .status-cards .status-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:6px;border:2px solid}.invoice-summary-page .status-breakdown .status-cards .status-card--paid{background-color:#d4edda;border-color:#c3e6cb}.invoice-summary-page .status-breakdown .status-cards .status-card--paid .status-card__icon{color:#155724}.invoice-summary-page .status-breakdown .status-cards .status-card--pending{background-color:#fff3cd;border-color:#ffeaa7}.invoice-summary-page .status-breakdown .status-cards .status-card--pending .status-card__icon{color:#856404}.invoice-summary-page .status-breakdown .status-cards .status-card--overdue{background-color:#f8d7da;border-color:#f5c6cb}.invoice-summary-page .status-breakdown .status-cards .status-card--overdue .status-card__icon{color:#721c24}.invoice-summary-page .status-breakdown .status-cards .status-card__icon{font-size:2rem;opacity:.8}.invoice-summary-page .status-breakdown .status-cards .status-card__content .status-card__label{font-size:.875rem;font-weight:600;color:#666;margin-bottom:.25rem}.invoice-summary-page .status-breakdown .status-cards .status-card__content .status-card__value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.invoice-summary-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.invoice-summary-page .table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.invoice-summary-page .table-container .table-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.invoice-summary-page .table-container .table-header .table-stats{display:flex;gap:2rem}.invoice-summary-page .table-container .table-header .table-stats .stat{display:flex;gap:.5rem;align-items:center}.invoice-summary-page .table-container .table-header .table-stats .stat-label{font-size:.875rem;color:#666}.invoice-summary-page .table-container .table-header .table-stats .stat-value{font-size:.875rem;font-weight:600;color:#1a1a1a}.invoice-summary-page .table-container .table-wrapper{overflow-x:auto}.invoice-summary-page .table-container .table-wrapper .summary-table{width:100%;border-collapse:collapse;font-size:.875rem}.invoice-summary-page .table-container .table-wrapper .summary-table thead{background-color:#f8f9fa}.invoice-summary-page .table-container .table-wrapper .summary-table thead th{padding:1rem;text-align:left;font-weight:600;color:#666;white-space:nowrap;border-bottom:2px solid #eee}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr:hover{background-color:#f8f9fa}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td{padding:1rem;color:#333;white-space:nowrap}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.number-cell{color:#999;font-weight:500}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.period-cell .period-name{font-weight:600;color:#1a1a1a}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.count-cell{font-weight:600;color:#3498db}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.amount-cell{font-weight:500;text-align:right}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.amount-cell--success{color:#27ae60}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.amount-cell--danger{color:#e74c3c}.invoice-summary-page .table-container .table-wrapper .summary-table tbody tr td.days-cell .days-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.813rem;background-color:#e7f3ff;color:#06c}.invoice-summary-page .table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #eee}.invoice-summary-page .table-container .pagination-info{font-size:.875rem;color:#666}.invoice-summary-page .table-container .pagination-controls{display:flex;gap:.5rem}.invoice-summary-page .table-container .pagination-btn{padding:.5rem 1rem;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.invoice-summary-page .table-container .pagination-btn:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.invoice-summary-page .table-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.invoice-summary-page .table-container .pagination-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.invoice-summary-page .collection-rate{display:flex;align-items:center;gap:.75rem;min-width:120px}.invoice-summary-page .collection-rate .rate-value{font-weight:600;color:#374151;min-width:45px}.invoice-summary-page .collection-rate .rate-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.invoice-summary-page .collection-rate .rate-bar .rate-fill{height:100%;background-color:#10b981;transition:width .3s ease}.invoice-summary-page .status-count{display:inline-block;padding:.25rem .625rem;border-radius:10px;font-weight:600;font-size:.813rem}.invoice-summary-page .status-count--paid{background-color:#d4edda;color:#155724}.invoice-summary-page .status-count--sent{background-color:#cfe2ff;color:#084298}.invoice-summary-page .status-count--overdue{background-color:#f8d7da;color:#721c24}.invoice-summary-page .status-count--partial{background-color:#fff3cd;color:#856404}@media (max-width: 768px){.invoice-summary-page{padding:1rem}.invoice-summary-page .page-header .page-actions{flex-direction:column;align-items:stretch}.invoice-summary-page .page-header .page-actions .header-filters{flex-direction:column}.invoice-summary-page .page-header .page-actions .header-filters .filter-group .filter-select{width:100%}.invoice-summary-page .page-header .page-actions .btn{width:100%;justify-content:center}.invoice-summary-page .summary-cards,.invoice-summary-page .status-breakdown .status-cards{grid-template-columns:1fr}.invoice-summary-page .table-wrapper .summary-table{font-size:.75rem}.invoice-summary-page .table-wrapper .summary-table thead th,.invoice-summary-page .table-wrapper .summary-table tbody td{padding:.75rem .5rem}.invoice-summary-page .pagination{flex-direction:column;gap:1rem;align-items:stretch}.invoice-summary-page .pagination-controls{justify-content:center;flex-wrap:wrap}}.commission-settings-page{padding:2rem;max-width:1400px;margin:0 auto}.commission-settings-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.commission-settings-page .page-header h1{font-size:2rem;font-weight:600;color:#1f2937;margin:0}.commission-settings-page .loading{text-align:center;padding:3rem;color:#6b7280}.commission-settings-page .error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#991b1b;display:flex;justify-content:space-between;align-items:center}.commission-settings-page .error-message button{background:none;border:none;color:#991b1b;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.commission-settings-page .error-message button:hover{opacity:.7}.commission-settings-page .info-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem}.commission-settings-page .info-box p{margin:0;color:#1e40af;line-height:1.6}.commission-settings-page .info-box strong{font-weight:600}.commission-settings-page .settings-list .empty-state{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.commission-settings-page .settings-list .empty-state p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.commission-settings-page .settings-list .settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.commission-settings-page .settings-list .settings-grid .setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s}.commission-settings-page .settings-list .settings-grid .setting-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.commission-settings-page .settings-list .settings-grid .setting-card.inactive{opacity:.6;background:#f9fafb}.commission-settings-page .settings-list .settings-grid .setting-card .setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.commission-settings-page .settings-list .settings-grid .setting-card .setting-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.commission-settings-page .settings-list .settings-grid .setting-card .setting-header .inactive-badge{background-color:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.commission-settings-page .settings-list .settings-grid .setting-card .setting-details{margin-bottom:1.5rem}.commission-settings-page .settings-list .settings-grid .setting-card .setting-details .detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.commission-settings-page .settings-list .settings-grid .setting-card .setting-details .detail-row:last-child{border-bottom:none}.commission-settings-page .settings-list .settings-grid .setting-card .setting-details .detail-row .label{color:#6b7280;font-weight:500}.commission-settings-page .settings-list .settings-grid .setting-card .setting-details .detail-row .value{color:#111827;font-weight:600}.commission-settings-page .settings-list .settings-grid .setting-card .setting-details .detail-row .value.capitalize{text-transform:capitalize}.commission-settings-page .settings-list .settings-grid .setting-card .setting-actions{display:flex;gap:.75rem}.commission-settings-page .settings-list .settings-grid .setting-card .setting-actions button{flex:1}.commission-settings-page .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.commission-settings-page .modal-overlay .modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;position:relative;z-index:100000}.commission-settings-page .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.commission-settings-page .modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.5rem;color:#111827;font-weight:600}.commission-settings-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.commission-settings-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#111827}.commission-settings-page .modal-overlay .modal-content form{padding:1.5rem}.commission-settings-page .modal-overlay .modal-content form .form-group{margin-bottom:1.5rem}.commission-settings-page .modal-overlay .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.commission-settings-page .modal-overlay .modal-content form .form-group input[type=text],.commission-settings-page .modal-overlay .modal-content form .form-group input[type=number],.commission-settings-page .modal-overlay .modal-content form .form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s}.commission-settings-page .modal-overlay .modal-content form .form-group input[type=text]:focus,.commission-settings-page .modal-overlay .modal-content form .form-group input[type=number]:focus,.commission-settings-page .modal-overlay .modal-content form .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.commission-settings-page .modal-overlay .modal-content form .form-group input[type=text]:disabled,.commission-settings-page .modal-overlay .modal-content form .form-group input[type=number]:disabled,.commission-settings-page .modal-overlay .modal-content form .form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.commission-settings-page .modal-overlay .modal-content form .form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.875rem}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label{display:flex;flex-direction:column;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label:hover{border-color:#3b82f6;background-color:#f9fafb}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label input[type=radio]{margin-right:.75rem;cursor:pointer}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label input[type=radio]:checked~span{color:#3b82f6;font-weight:600}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label span{font-weight:500;color:#111827;margin-bottom:.25rem}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label small{margin-left:1.75rem;margin-top:0}.commission-settings-page .modal-overlay .modal-content form .form-group .radio-group .radio-label:has(input:checked){border-color:#3b82f6;background-color:#eff6ff}.commission-settings-page .modal-overlay .modal-content form .modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.commission-settings-page .modal-overlay .modal-content form .modal-actions button{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:500}.commission-settings-page .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.commission-settings-page .btn:disabled{opacity:.5;cursor:not-allowed}.commission-settings-page .btn.btn-primary{background-color:#3b82f6;color:#fff}.commission-settings-page .btn.btn-primary:hover:not(:disabled){background-color:#2563eb}.commission-settings-page .btn.btn-secondary{background-color:#6b7280;color:#fff}.commission-settings-page .btn.btn-secondary:hover:not(:disabled){background-color:#4b5563}.commission-settings-page .btn.btn-danger{background-color:#ef4444;color:#fff}.commission-settings-page .btn.btn-danger:hover:not(:disabled){background-color:#dc2626}.commission-settings-page .btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.commission-settings-page .settings-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.commission-settings-page .settings-table-container .settings-table{width:100%;border-collapse:collapse}.commission-settings-page .settings-table-container .settings-table thead{background:#e5e7eb;color:#374151}.commission-settings-page .settings-table-container .settings-table thead th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.commission-settings-page .settings-table-container .settings-table thead th:first-child{padding-left:1.5rem}.commission-settings-page .settings-table-container .settings-table thead th:last-child{padding-right:1.5rem}.commission-settings-page .settings-table-container .settings-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.commission-settings-page .settings-table-container .settings-table tbody tr:hover{background-color:#f9fafb}.commission-settings-page .settings-table-container .settings-table tbody tr.active{background-color:#22c55e05}.commission-settings-page .settings-table-container .settings-table tbody tr.inactive{background-color:#6b72800d}.commission-settings-page .settings-table-container .settings-table tbody tr td{padding:1rem .75rem;vertical-align:middle}.commission-settings-page .settings-table-container .settings-table tbody tr td:first-child{padding-left:1.5rem}.commission-settings-page .settings-table-container .settings-table tbody tr td:last-child{padding-right:1.5rem}.commission-settings-page .settings-table-container .settings-table tbody tr td .property-name strong{color:#1f2937;font-size:1rem}.commission-settings-page .settings-table-container .settings-table tbody tr td .type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.commission-settings-page .settings-table-container .settings-table tbody tr td .type-badge.percentage{background:#fbbf24;color:#92400e}.commission-settings-page .settings-table-container .settings-table tbody tr td .type-badge.fixed{background:#f59e0b;color:#78350f}.commission-settings-page .settings-table-container .settings-table tbody tr td .commission-rate{font-weight:600;color:#1f2937;font-size:1rem}.commission-settings-page .settings-table-container .settings-table tbody tr td .tax-rate{color:#6b7280;font-size:.9rem}.commission-settings-page .settings-table-container .settings-table tbody tr td .basis-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.commission-settings-page .settings-table-container .settings-table tbody tr td .basis-badge.collected{background:#dbeafe;color:#1e40af}.commission-settings-page .settings-table-container .settings-table tbody tr td .basis-badge.invoiced{background:#e0e7ff;color:#3730a3}.commission-settings-page .settings-table-container .settings-table tbody tr td .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.commission-settings-page .settings-table-container .settings-table tbody tr td .status-badge.active{background:#dcfce7;color:#22c55e}.commission-settings-page .settings-table-container .settings-table tbody tr td .status-badge.inactive{background:#f3f4f6;color:#6b7280}.commission-settings-page .settings-table-container .settings-table tbody tr td .action-buttons{display:flex;gap:.5rem}.commission-settings-page .settings-table-container .settings-table tbody tr td .action-buttons .action-btn{background:none;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease;min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center}.commission-settings-page .settings-table-container .settings-table tbody tr td .action-buttons .action-btn:hover{background-color:#f3f4f6}.commission-settings-page .settings-table-container .settings-table tbody tr td .action-buttons .action-btn:active{transform:scale(.95)}.commission-settings-page .settings-table-container .settings-table tbody tr td .action-buttons .action-btn.edit-btn:hover{background-color:#dbeafe}.commission-settings-page .settings-table-container .settings-table tbody tr td .action-buttons .action-btn.delete-btn:hover{background-color:#fee2e2}@media (max-width: 768px){.commission-settings-page .settings-table-container{overflow-x:auto}.commission-settings-page .settings-table-container .settings-table{min-width:800px}.commission-settings-page .settings-table-container .settings-table thead th,.commission-settings-page .settings-table-container .settings-table tbody td{padding:.75rem .5rem;font-size:.85rem}.commission-settings-page .settings-table-container .settings-table thead th:first-child,.commission-settings-page .settings-table-container .settings-table tbody td:first-child{padding-left:1rem}.commission-settings-page .settings-table-container .settings-table thead th:last-child,.commission-settings-page .settings-table-container .settings-table tbody td:last-child{padding-right:1rem}.commission-settings-page .settings-table-container .settings-table .type-badge,.commission-settings-page .settings-table-container .settings-table .basis-badge,.commission-settings-page .settings-table-container .settings-table .status-badge{font-size:.7rem;padding:.2rem .4rem}.commission-settings-page .settings-table-container .settings-table .action-buttons{flex-direction:column;gap:.25rem}.commission-settings-page .settings-table-container .settings-table .action-buttons .action-btn{padding:.25rem;font-size:.9rem}}.commission-reports-page{padding:2rem;max-width:1400px;margin:0 auto}.commission-reports-page .page-header{margin-bottom:2rem}.commission-reports-page .page-header h1{font-size:2rem;font-weight:600;color:#1f2937;margin:0}.commission-reports-page .error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#991b1b;display:flex;justify-content:space-between;align-items:center}.commission-reports-page .error-message button{background:none;border:none;color:#991b1b;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.commission-reports-page .error-message button:hover{opacity:.7}.commission-reports-page .filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:2rem}.commission-reports-page .filters-section .filter-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.commission-reports-page .filters-section .filter-group select,.commission-reports-page .filters-section .filter-group input[type=date]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s}.commission-reports-page .filters-section .filter-group select:focus,.commission-reports-page .filters-section .filter-group input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.commission-reports-page .loading{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.commission-reports-page .empty-state{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.commission-reports-page .empty-state p{color:#6b7280;font-size:1.1rem;margin:.5rem 0}.commission-reports-page .report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.commission-reports-page .report-header .report-title h2{margin:0;font-size:1.5rem;color:#111827;font-weight:600}.commission-reports-page .report-header .report-title p{margin:.5rem 0 0;color:#6b7280}.commission-reports-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.commission-reports-page .summary-cards .summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;display:flex;gap:1rem;transition:all .2s}.commission-reports-page .summary-cards .summary-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.commission-reports-page .summary-cards .summary-card.highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.commission-reports-page .summary-cards .summary-card.highlight .card-icon{background:#fff3}.commission-reports-page .summary-cards .summary-card.highlight .card-content h3,.commission-reports-page .summary-cards .summary-card.highlight .card-content .amount,.commission-reports-page .summary-cards .summary-card.highlight .card-content .sub-text{color:#fff}.commission-reports-page .summary-cards .summary-card.highlight .card-content .sub-text{opacity:.9}.commission-reports-page .summary-cards .summary-card .card-icon{width:60px;height:60px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.commission-reports-page .summary-cards .summary-card .card-content{flex:1}.commission-reports-page .summary-cards .summary-card .card-content h3{margin:0;font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.commission-reports-page .summary-cards .summary-card .card-content .amount{font-size:1.75rem;font-weight:700;color:#111827;margin:.5rem 0}.commission-reports-page .summary-cards .summary-card .card-content .sub-text{font-size:.875rem;color:#6b7280;margin:0}.commission-reports-page .breakdown-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.commission-reports-page .breakdown-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:#111827;font-weight:600}.commission-reports-page .breakdown-section .breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-header{background:#f9fafb;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-header span{font-weight:600;color:#111827}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-values{padding:1rem 1.25rem}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-values .breakdown-item{display:flex;justify-content:space-between;padding:.75rem 0}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-values .breakdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-values .breakdown-item .label{color:#6b7280;font-weight:500}.commission-reports-page .breakdown-section .breakdown-grid .breakdown-card .breakdown-values .breakdown-item .value{color:#111827;font-weight:600}.commission-reports-page .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.commission-reports-page .modal-overlay .modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.commission-reports-page .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.commission-reports-page .modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.5rem;color:#111827;font-weight:600}.commission-reports-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.commission-reports-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#111827}.commission-reports-page .modal-overlay .modal-content .modal-body{padding:1.5rem}.commission-reports-page .modal-overlay .modal-content .modal-body .success-message{text-align:center;padding:3rem 2rem;font-size:1.25rem;color:#059669;font-weight:600}.commission-reports-page .modal-overlay .modal-content .modal-body p{margin-bottom:1.5rem;color:#6b7280}.commission-reports-page .modal-overlay .modal-content .modal-body .form-group{margin-bottom:1.5rem}.commission-reports-page .modal-overlay .modal-content .modal-body .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.commission-reports-page .modal-overlay .modal-content .modal-body .form-group input[type=email]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s}.commission-reports-page .modal-overlay .modal-content .modal-body .form-group input[type=email]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.commission-reports-page .modal-overlay .modal-content .modal-body .report-info{background:#f9fafb;padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem}.commission-reports-page .modal-overlay .modal-content .modal-body .report-info h4{margin:0 0 .75rem;font-size:1rem;color:#111827}.commission-reports-page .modal-overlay .modal-content .modal-body .report-info ul{margin:0;padding-left:1.5rem}.commission-reports-page .modal-overlay .modal-content .modal-body .report-info ul li{margin:.5rem 0;color:#374151}.commission-reports-page .modal-overlay .modal-content .modal-body .report-info ul li strong{color:#111827}.commission-reports-page .modal-overlay .modal-content .modal-body .modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.commission-reports-page .modal-overlay .modal-content .modal-body .modal-actions button{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:500}.commission-reports-page .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.commission-reports-page .btn:disabled{opacity:.5;cursor:not-allowed}.commission-reports-page .btn.btn-primary{background-color:#3b82f6;color:#fff}.commission-reports-page .btn.btn-primary:hover:not(:disabled){background-color:#2563eb}.commission-reports-page .btn.btn-secondary{background-color:#6b7280;color:#fff}.commission-reports-page .btn.btn-secondary:hover:not(:disabled){background-color:#4b5563}.commission-reports-page .all-properties-report .properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.commission-reports-page .all-properties-report .properties-grid .property-report-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header{margin-bottom:1rem}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header .property-summary{display:grid;grid-template-columns:1fr;gap:.5rem}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header .property-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header .property-summary .summary-item .label{font-size:.9rem;color:#6b7280}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header .property-summary .summary-item .amount{font-weight:600;color:#1f2937}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-header .property-summary .summary-item .amount.highlight{color:#059669;font-size:1.1rem}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;color:#6b7280;border-bottom:1px solid #f3f4f6}.commission-reports-page .all-properties-report .properties-grid .property-report-card .property-details .detail-row:last-child{border-bottom:none}.commission-reports-page .all-properties-report .total-summary{margin-top:2rem}.commission-reports-page .all-properties-report .total-summary .total-card{background:linear-gradient(135deg,#059669,#047857);border-radius:12px;padding:2rem;color:#fff}.commission-reports-page .all-properties-report .total-summary .total-card h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.commission-reports-page .all-properties-report .total-summary .total-card .total-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.commission-reports-page .all-properties-report .total-summary .total-card .total-amounts .total-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commission-reports-page .all-properties-report .total-summary .total-card .total-amounts .total-item .label{font-size:1rem;opacity:.9}.commission-reports-page .all-properties-report .total-summary .total-card .total-amounts .total-item .amount{font-size:1.25rem;font-weight:700}.commission-reports-page .all-properties-report .total-summary .total-card .total-amounts .total-item .amount.highlight{font-size:1.5rem;color:#fbbf24}@media (max-width: 768px){.commission-reports-page .all-properties-report .properties-grid,.commission-reports-page .all-properties-report .total-summary .total-card .total-amounts{grid-template-columns:1fr}}.commission-reports-page .properties-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:2rem}.commission-reports-page .properties-table-container .properties-table{width:100%;border-collapse:collapse}.commission-reports-page .properties-table-container .properties-table thead{background:#e5e7eb;color:#374151}.commission-reports-page .properties-table-container .properties-table thead th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.commission-reports-page .properties-table-container .properties-table thead th:first-child{padding-left:1.5rem}.commission-reports-page .properties-table-container .properties-table thead th:last-child{padding-right:1.5rem}.commission-reports-page .properties-table-container .properties-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.commission-reports-page .properties-table-container .properties-table tbody tr:hover{background-color:#f9fafb}.commission-reports-page .properties-table-container .properties-table tbody tr.has-settings{background-color:#22c55e0d}.commission-reports-page .properties-table-container .properties-table tbody tr.no-settings{background-color:#6b72800d}.commission-reports-page .properties-table-container .properties-table tbody tr td{padding:1rem .75rem;vertical-align:middle}.commission-reports-page .properties-table-container .properties-table tbody tr td:first-child{padding-left:1.5rem}.commission-reports-page .properties-table-container .properties-table tbody tr td:last-child{padding-right:1.5rem}.commission-reports-page .properties-table-container .properties-table tbody tr td .property-name{display:flex;flex-direction:column}.commission-reports-page .properties-table-container .properties-table tbody tr td .property-name strong{color:#1f2937;font-size:1rem;margin-bottom:.25rem}.commission-reports-page .properties-table-container .properties-table tbody tr td .property-name .property-id{font-size:.8rem;color:#6b7280;font-family:Courier New,monospace}.commission-reports-page .properties-table-container .properties-table tbody tr td .rate-badge{background:#22c55e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.commission-reports-page .properties-table-container .properties-table tbody tr td .no-settings-badge{background:#6b7280;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.commission-reports-page .properties-table-container .properties-table tbody tr td .amount-cell{font-weight:600;color:#1f2937}.commission-reports-page .properties-table-container .properties-table tbody tr td .amount-cell.highlight{color:#22c55e;font-size:1.1rem}.commission-reports-page .properties-table-container .properties-table tbody tr td .collection-rate{font-weight:600;color:#1f2937}.commission-reports-page .properties-table-container .properties-table tbody tr td .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.commission-reports-page .properties-table-container .properties-table tbody tr td .status-badge.active{background:#dcfce7;color:#22c55e}.commission-reports-page .properties-table-container .properties-table tbody tr td .status-badge.inactive{background:#f3f4f6;color:#6b7280}.commission-reports-page .properties-table-container .properties-table tfoot{background:#f9fafb;border-top:2px solid #1f2937}.commission-reports-page .properties-table-container .properties-table tfoot .totals-row td{padding:1rem .75rem;font-weight:700;color:#1f2937}.commission-reports-page .properties-table-container .properties-table tfoot .totals-row td:first-child{padding-left:1.5rem}.commission-reports-page .properties-table-container .properties-table tfoot .totals-row td:last-child{padding-right:1.5rem}.commission-reports-page .properties-table-container .properties-table tfoot .totals-row td.amount-cell{font-size:1.1rem}.commission-reports-page .properties-table-container .properties-table tfoot .totals-row td.amount-cell.highlight{color:#22c55e;font-size:1.2rem}@media (max-width: 768px){.commission-reports-page .properties-table-container{overflow-x:auto}.commission-reports-page .properties-table-container .properties-table{min-width:800px}.commission-reports-page .properties-table-container .properties-table thead th,.commission-reports-page .properties-table-container .properties-table tbody td,.commission-reports-page .properties-table-container .properties-table tfoot td{padding:.75rem .5rem;font-size:.85rem}.commission-reports-page .properties-table-container .properties-table thead th:first-child,.commission-reports-page .properties-table-container .properties-table tbody td:first-child,.commission-reports-page .properties-table-container .properties-table tfoot td:first-child{padding-left:1rem}.commission-reports-page .properties-table-container .properties-table thead th:last-child,.commission-reports-page .properties-table-container .properties-table tbody td:last-child,.commission-reports-page .properties-table-container .properties-table tfoot td:last-child{padding-right:1rem}.commission-reports-page .properties-table-container .properties-table .property-name strong{font-size:.9rem}.commission-reports-page .properties-table-container .properties-table .property-name .property-id{font-size:.7rem}.commission-reports-page .properties-table-container .properties-table .rate-badge,.commission-reports-page .properties-table-container .properties-table .no-settings-badge,.commission-reports-page .properties-table-container .properties-table .status-badge{font-size:.7rem;padding:.2rem .4rem}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.header{position:sticky;top:0;z-index:100;transition:box-shadow .3s ease;position:relative;overflow:hidden;min-height:80px}.header:after{content:"";position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;opacity:.3;z-index:-1}.header:before{content:"";position:absolute;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.header__container{max-width:87.5rem;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}@media (min-width: 992px){.header__container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header__logo{position:absolute;left:50%;transform:translate(-50%);z-index:1}.header__nav{flex:1;justify-content:flex-start}.header__cta-buttons{flex:1;justify-content:flex-end}}.header__logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .3s ease}.header__logo:hover{opacity:.8}.header__logo-image{height:3.75rem;width:auto;object-fit:contain;display:block}.header__logo-text{font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03125rem;text-decoration:underline;text-decoration-color:#ae8c63;text-underline-offset:.1875rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.header__nav{display:flex;gap:2.5rem;align-items:center}.header__nav--desktop{display:flex}.header__nav--mobile{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;padding:1rem 2rem;box-shadow:0 .25rem .75rem #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:99}.header__nav--mobile-open{transform:translateY(0);opacity:1;visibility:visible}.header__link{color:#fffc;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 0;position:relative;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5)}.header__link:hover{color:#ae8c63;text-shadow:0 1px 3px rgba(0,0,0,.7)}.header__link--active{color:#ae8c63;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.7)}.header__link--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:#ae8c63;border-radius:2px;animation:slideIn .3s ease-out;box-shadow:0 2px 4px #ae8c634d}.header__link--mobile{padding:1rem 0;font-size:1.1rem;border-bottom:1px solid #f0f0f0;width:100%;text-align:center}.header__link--mobile:last-of-type{border-bottom:none}.header__link--mobile:after{display:none}.header__cta-buttons{display:flex;align-items:center;gap:1rem}.header__cta-button{background-color:#ae8c63;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.25rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.header__cta-button:hover{background-color:#92724c;transform:translateY(-.0625rem)}.header__cta-button--desktop{display:inline-block}.header__cta-button--mobile{display:block;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.header__cta-button--contact{background-color:#ae8c63}.header__cta-button--contact:hover{background-color:#92724c}.header__user-info{display:flex;align-items:center;gap:1rem}.header__user-name{color:#fff;font-weight:500;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.header__logout-button{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}.header__logout-button:hover{background-color:#bd2130}.header__logout-button--mobile{display:block;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem}.header__mobile-menu-button{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.header__mobile-menu-button:focus{outline:none}.header__hamburger-line{width:2rem;height:.25rem;background-color:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px;box-shadow:0 1px 3px #00000080}@media (min-width: 992px){.header.header-transparent{background:transparent;position:absolute;top:0;left:0;right:0;display:inline-block;width:100%;z-index:4;border-bottom:1px solid rgba(255,255,255,.1);background-image:none}.header.header-transparent:before{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (max-width: 991px){.header__container{display:flex;justify-content:space-between;align-items:center;padding:1rem}.header__logo,.header__nav,.header__cta-buttons{justify-self:auto;grid-column:auto}}@media (max-width: 768px){.header__container{padding:1rem}.header__nav--desktop{display:none}.header__nav--mobile{display:flex}.header__cta-buttons{display:none}.header__user-info{flex-direction:column;gap:.5rem;text-align:center}.header__user-name{font-size:.8rem}.header__mobile-menu-button{display:flex}.header__mobile-menu-button--open .header__hamburger-line:nth-child(1){transform:rotate(45deg)}.header__mobile-menu-button--open .header__hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.header__mobile-menu-button--open .header__hamburger-line:nth-child(3){transform:rotate(-45deg)}}@media (max-width: 480px){.header__container{padding:.75rem 1rem}.header__logo-image{height:2rem}.header__nav--mobile{padding:.75rem 1rem}.header__link--mobile{font-size:1rem;padding:.75rem 0}.header__cta-button--mobile{padding:.75rem;font-size:1rem}}.whatsapp-float{position:fixed;bottom:1.875rem;right:1.875rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;z-index:50}.whatsapp-float__bubble{background-color:#f0f0f0;color:#333;padding:.5rem .75rem;border-radius:1.25rem;font-size:.8rem;font-weight:500;box-shadow:0 .125rem .5rem #0000001a;white-space:nowrap;position:relative}.whatsapp-float__bubble:after{content:"";position:absolute;bottom:-.375rem;right:1.25rem;width:0;height:0;border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid #f0f0f0}.whatsapp-float__button{width:3.75rem;height:3.75rem;background-color:#25d366;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 .25rem .75rem #25d3664d;transition:all .3s ease;text-decoration:none}.whatsapp-float__button:hover{transform:scale(1.1);box-shadow:0 .375rem 1.25rem #25d36666;color:#fff;text-decoration:none}.whatsapp-float__button:active{transform:scale(.95)}.whatsapp-float__button:focus{outline:none;box-shadow:0 .375rem 1.25rem #25d36666,0 0 0 3px #25d3664d}.property-logo{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.property-logo__graphic{position:relative;display:flex;align-items:center}.property-logo__letter{font-family:Times New Roman,serif;font-weight:900;font-size:2rem;line-height:1;color:#000;position:relative}.property-logo__letter--t{z-index:2;margin-right:-.1em}.property-logo__letter--p{z-index:1;margin-left:-.15em}.property-logo__text{font-family:Arial,sans-serif;font-size:.75rem;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.side-menu{position:fixed;top:0;left:0;height:100vh;width:240px;background:#fff;color:#374151;z-index:999;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.side-menu--open{transform:translate(0)}@media (min-width: 1024px){.side-menu--desktop{position:fixed;transform:translate(0)}}@media (max-width: 1023px){.side-menu--desktop{display:none}}@media (min-width: 1024px){.side-menu--mobile{display:none}}.side-menu__header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.side-menu__logo{display:flex;align-items:center;justify-content:center;width:100%}.side-menu__close-btn{background:none;border:none;color:#6b7280;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.side-menu__close-btn:hover{background-color:#f3f4f6}@media (min-width: 1024px){.side-menu__close-btn{display:none}}.side-menu__content{flex:1;padding:.5rem 0;overflow-y:auto;display:flex;flex-direction:column}.side-menu__section{margin-bottom:1.5rem}.side-menu__section:last-child{margin-bottom:0;margin-top:auto}.side-menu__section-title{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;padding:0 1.5rem}.side-menu__list{list-style:none;margin:0;padding:0}.side-menu__item{margin:0}.side-menu__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative;border-left:3px solid transparent}.side-menu__link:hover{background-color:#f9fafb;color:#374151}.side-menu__link--active{background-color:transparent;color:#000;font-weight:700;border-left-color:#10b981;margin-left:.5rem;border-left-width:4px}.side-menu__link--active .side-menu__icon{color:#000}.side-menu__icon{width:18px;height:18px;color:#444;flex-shrink:0}.side-menu__label{font-size:.875rem;font-weight:500;flex:1}.side-menu__badge{background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.side-menu__item--collapsible{margin:0}.side-menu__item--collapsible:has(.side-menu__sub-list) .side-menu__collapsible-trigger{background-color:#f8fafc;border-left-color:#e5e7eb}.side-menu__item--collapsible:has(.side-menu__sub-list) .side-menu__collapsible-trigger .side-menu__icon{color:#000}.side-menu__item--collapsible:has(.side-menu__sub-list) .side-menu__collapsible-trigger .side-menu__label{color:#374151;font-weight:600}.side-menu__collapsible-trigger{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative;border-left:3px solid transparent;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem;font-weight:500}.side-menu__collapsible-trigger:hover{background-color:#f9fafb;color:#374151}.side-menu__collapsible-trigger:focus{outline:none;background-color:#f9fafb}.side-menu__collapsible-trigger .side-menu__icon{color:#000;flex-shrink:0}.side-menu__collapsible-trigger .side-menu__label{font-size:.875rem;font-weight:500;flex:1}.side-menu__chevron{width:20px;height:20px;color:#000;transition:transform .2s ease}.side-menu__chevron--expanded{transform:rotate(180deg)}.side-menu__sub-list{list-style:none;margin:0;padding:0;background-color:transparent;margin-left:1.5rem}.side-menu__sub-item{margin:0}.side-menu__sub-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem .625rem 1rem;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative;border-left:3px solid transparent;font-size:.875rem;font-weight:500}.side-menu__sub-link:hover{background-color:#f1f5f9;color:#374151}.side-menu__sub-link--active{background-color:transparent;color:#10b981;font-weight:600;border-left-color:#10b981;margin-left:.125rem;border-left-width:4px}.side-menu__sub-link--active .side-menu__sub-icon{color:#10b981}.side-menu__sub-icon{width:18px;height:18px;color:#444;flex-shrink:0;transition:color .2s ease}.side-menu__sub-label{font-size:.875rem;font-weight:500;flex:1}.dashboard-header{background:#fff;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}@media (max-width: 768px){.dashboard-header{padding:.75rem 1rem}}.dashboard-header__left{display:flex;align-items:center;gap:1rem}.dashboard-header__menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;border-radius:8px;transition:background-color .2s ease}.dashboard-header__menu-btn:hover{background-color:#f1f5f9}@media (min-width: 1024px){.dashboard-header__menu-btn{display:none}}.dashboard-header__menu-btn--open .dashboard-header__hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.dashboard-header__menu-btn--open .dashboard-header__hamburger-line:nth-child(2){opacity:0}.dashboard-header__menu-btn--open .dashboard-header__hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.dashboard-header__hamburger-line{width:20px;height:2px;background-color:#475569;margin:2px 0;transition:all .3s ease;border-radius:1px}.dashboard-header__search{position:relative;display:flex;align-items:center}.dashboard-header__search-icon{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;z-index:1}.dashboard-header__search-input{width:300px;height:40px;padding:0 12px 0 40px;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;font-size:.875rem;color:#374151;outline:none;transition:all .2s ease}.dashboard-header__search-input::placeholder{color:#9ca3af}.dashboard-header__search-input:focus{border-color:#10b981;background-color:#fff;box-shadow:0 0 0 3px #10b9811a}@media (max-width: 768px){.dashboard-header__search-input{width:200px}}.dashboard-header__right{display:flex;align-items:center;gap:1rem}.dashboard-header__notification-btn{position:relative;width:40px;height:40px;border:none;background:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.dashboard-header__notification-btn:hover{background-color:#f1f5f9}.dashboard-header__notification-icon{width:20px;height:20px;color:#6b7280}.dashboard-header__notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid white}.dashboard-header__user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:background-color .2s ease}.dashboard-header__user-info:hover{background-color:#f1f5f9}.dashboard-header__user-avatar{width:28px;height:28px;border-radius:50%;background:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;color:#fff}.dashboard-header__user-details{display:flex;flex-direction:column;gap:.1rem}@media (max-width: 640px){.dashboard-header__user-details{display:none}}.dashboard-header__user-name{font-size:.9rem;font-weight:600;color:#1e293b;line-height:1.2}.dashboard-header__user-role{font-size:.75rem;color:#6b7280;text-transform:capitalize}.dashboard-header__logout-btn{background:transparent;color:#6b7280;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.dashboard-header__logout-btn:hover{background:#f1f5f9;color:#4b5563;transform:translateY(-1px)}.dashboard-header__logout-btn:active{transform:translateY(0)}@media (max-width: 640px){.dashboard-header__logout-btn{width:32px;height:32px;padding:.4rem}}.dashboard-header__logout-icon{width:18px;height:18px;color:inherit}@media (max-width: 640px){.dashboard-header__logout-icon{width:16px;height:16px}}.layout{display:flex;min-height:100vh;background-color:#f8fafc}.layout__main{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;margin-left:0}@media (min-width: 1024px){.layout__main{margin-left:240px}}@media (max-width: 1023px){.layout__main--sidebar-open{margin-left:0}}.layout__content{flex:1;padding:0;overflow-x:hidden;overflow-y:auto;background-color:#f8fafc;width:100%;max-width:100%}.layout__overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;display:none}@media (max-width: 1023px){.layout__overlay{display:block}}.app{min-height:100vh;display:flex;flex-direction:column}.app__main{flex:1;width:100%}*{margin:0;padding:0;box-sizing:border-box}html{font-size:1rem;line-height:1.5;scroll-behavior:smooth}body{font-family:Jost,sans-serif;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:#ae8c63;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1024px){.contact-sidebar{display:none}}@media (max-width: 768px){.app__main{padding:0}.header__container{padding:1rem;flex-direction:column;gap:1rem}.header__nav{gap:1.5rem}.home-page__hero-title{font-size:2.5rem}.home-page__services-timeline .home-page__service-card{flex-direction:column!important;text-align:center!important;margin-bottom:4rem}.home-page__services-timeline .home-page__service-card .home-page__service-content{margin:0 0 2rem!important}.home-page__services-timeline .home-page__service-card .home-page__service-check{position:static!important;transform:none!important;margin:0 auto}.home-page__testimonials-grid{grid-template-columns:1fr}.home-page__consultation-form{flex-direction:column;align-items:center}.home-page__consultation-form .home-page__form-input{width:100%;max-width:18.75rem}}@media (max-width: 640px){.home-page__hero{padding:4rem 1rem}.home-page__hero-title{font-size:2rem}.home-page__hero-actions{flex-direction:column;align-items:center}.home-page__services,.home-page__testimonials{padding:4rem 1rem}.home-page__consultation{padding:3rem 1rem}.whatsapp-float{bottom:1.25rem;right:1.25rem}.whatsapp-float__bubble{font-size:.75rem;padding:.375rem .625rem}.whatsapp-float__button{width:3.125rem;height:3.125rem}}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.loading-spinner{text-align:center}.loading-spinner .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ae8c63;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner p{color:#333;font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}