@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{color:#fff;background-color:#09121a;width:100%;min-height:100vh;margin:0;padding:0}body{margin:0;font-family:system-ui,-apple-system,sans-serif}.settings-page{box-sizing:border-box;text-align:left;width:100%;max-width:1240px;margin:0 auto;padding:0 0 40px}.settings-loading{box-sizing:border-box;color:#64748b;text-align:left;width:100%;padding:20px;font-size:14px}.settings-header{box-sizing:border-box;width:100%;margin:0 0 18px;padding:0}.settings-title{color:#064e3b!important;letter-spacing:-.02em!important;text-align:left!important;margin:0!important;padding:0!important;font-size:36px!important;font-weight:700!important;line-height:1.05!important}.profile-summary{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 0 20px!important;padding:0!important;display:flex!important;position:relative!important}.profile-avatar{box-sizing:border-box!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:104px!important;min-width:104px!important;height:104px!important;min-height:104px!important;margin:0 auto 14px!important;padding:0!important;display:flex!important}.profile-avatar svg{width:62px!important;height:62px!important}.profile-name{color:#0f172a!important;text-align:center!important;white-space:normal!important;width:auto!important;max-width:100%!important;margin:0 0 7px!important;padding:0!important;font-family:inherit!important;font-size:22px!important;font-weight:700!important;line-height:1.15!important;display:block!important}.profile-email{color:#64748b!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;width:auto!important;max-width:340px!important;margin:0 auto 8px!important;padding:0!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;display:block!important}.profile-role{color:#0f172a!important;text-align:center!important;width:auto!important;margin:0 0 10px!important;padding:0!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.15!important;display:block!important}.edit-profile-btn{box-sizing:border-box!important;color:#475569!important;text-align:center!important;white-space:nowrap!important;cursor:pointer!important;background:#fff!important;border:1px solid #d3dde6!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;min-height:36px!important;margin:0 auto!important;padding:8px 14px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.edit-profile-btn:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#b8c5cf!important}.clickable-avatar{transition:transform .2s,box-shadow .2s;cursor:pointer!important;position:relative!important}.clickable-avatar:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000026}.clickable-avatar:focus-visible{outline-offset:3px;outline:2px solid #064e3b}.avatar-hover-hint{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#00000080;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:600;line-height:1;transition:opacity .2s;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.clickable-avatar:hover .avatar-hover-hint{opacity:1}.color-picker-popup{box-sizing:border-box;text-align:center;z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:145px;margin:1px auto 12px;padding:11px;box-shadow:0 6px 16px #0f172a17}.color-picker-title{color:#475569;margin:0 0 9px;font-size:10px;font-weight:700;line-height:1.2}.color-swatches-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:8px;display:grid}.color-swatch-btn{cursor:pointer;border:2px solid #fff;border-radius:50%;width:23px;height:23px;padding:0;transition:transform .12s;box-shadow:0 0 0 1px #cbd5e1}.color-swatch-btn:hover{transform:scale(1.12)}.color-swatch-btn.selected-color{box-shadow:0 0 0 1px #475569,0 0 0 3px #fff,0 0 0 4px #475569}.tab-pill-container{box-sizing:border-box;justify-content:flex-end;width:100%;margin:0 0 16px;padding:0;display:flex}.tab-pill-group{box-sizing:border-box;background:#d7f4e8;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;margin-bottom:12px!important}.tab-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;min-height:36px;padding:7px 18px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:background-color .18s,color .18s,transform .12s}.tab-btn.active-tab{color:#fff;background-color:#064e3b}.tab-btn.light-tab{color:#065f46;background-color:#0000}.tab-btn.light-tab:hover{background-color:#c3efdf}.settings-form-card{box-sizing:border-box;text-align:left;background-color:#fff;border:1px solid #dbe3ea;border-radius:14px;width:100%;padding:30px 34px;box-shadow:0 4px 14px #0f172a09}.form-sections-row{border-bottom:1px solid #edf1f4;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;width:100%;margin-bottom:26px;padding-bottom:26px;display:grid}.section-column{flex-direction:column;min-width:0;display:flex}.settings-section-heading{color:#064e3b;letter-spacing:.02em;text-align:left;margin:0 0 15px;padding:0;font-size:14px;font-weight:800;line-height:1.2}.settings-section-heading.center-heading{text-align:center}.settings-fields-group{flex-direction:column;gap:15px;display:flex}.settings-label{color:#64748b;text-align:left;margin:0 0 6px;font-size:10px;font-weight:700;line-height:1;display:block}.settings-input{color:#334155;text-align:left;box-sizing:border-box;background-color:#fff;border:1px solid #d3dde6;border-radius:8px;outline:none;width:100%;min-width:0;height:43px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:600;line-height:1}.settings-input:focus{border-color:#86b8a7;box-shadow:0 0 0 2px #064e3b14}.settings-input::placeholder{color:#94a3b8;opacity:1}.phone-input-wrapper{grid-template-columns:62px minmax(0,1fr);gap:6px;width:100%;display:grid}.phone-prefix{color:#94a3b8;box-sizing:border-box;background-color:#fff;border:1px solid #d3dde6;border-radius:8px;justify-content:center;align-items:center;height:43px;padding:0 9px;font-size:13px;font-weight:600;display:flex}.flex-1{flex:1}.settings-sub-section{width:100%;margin-top:0}.address-grid-top{grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.5fr);gap:14px;width:100%;display:grid}.readonly-input{color:#6b7280;cursor:not-allowed;background:#f9fafb}.status-input{color:#10b981;background:#f9fafb;font-weight:700}.settings-save-row{justify-content:flex-start;width:100%;margin-top:18px;display:flex}.save-changes-btn{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:7px;width:auto;min-width:150px;min-height:40px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;line-height:1}.save-changes-btn:hover{background-color:#043d2e}.privacy-container{width:100%;max-width:420px;margin:0 auto}.change-password-btn{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;background-color:#064e3b;border:none;border-radius:8px;width:100%;min-height:42px;margin-top:5px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:800}.change-password-btn:hover{background-color:#043d2e}.mobile-settings-logout-wrapper{display:none}.mobile-logout-btn{box-sizing:border-box;color:#dc2626;cursor:pointer;background:#fecaca;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:41px;padding:10px 12px;font-family:inherit;font-size:10px;font-weight:700;line-height:1;display:flex}.mobile-logout-btn:hover{background:#fca5a5}.logout-backdrop{z-index:999999!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.collector-portal .settings-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:-16px 0 0!important;padding:0 29px 30px!important;display:flex!important}.collector-portal .profile-summary{margin-top:-12px!important;margin-bottom:10px!important}.collector-portal .tab-pill-group{margin-bottom:0!important}.director-portal .settings-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:-16px 0 0!important;padding:36px 0 30px!important;display:flex!important}.director-portal .profile-summary{margin-top:-12px!important;margin-bottom:10px!important}.director-portal .tab-pill-group{margin-bottom:0!important}@media (width<=1100px){.settings-page{max-width:100%}.form-sections-row{gap:20px}.settings-form-card{padding-left:28px;padding-right:28px}}@media (width<=768px){.settings-page{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:860px;margin:0 auto;padding:0 16px 40px;display:flex}.settings-header{width:100%;margin:0;padding:0;margin-top:14px!important}.settings-title{white-space:nowrap!important;font-size:24px!important;line-height:1.05!important}.profile-summary{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.profile-avatar{width:82px!important;min-width:82px!important;height:82px!important;min-height:82px!important;margin:0 auto 10px!important}.profile-avatar svg{width:50px!important;height:50px!important}.profile-name{text-align:center!important;width:auto!important;max-width:100%!important;margin:0 0 5px!important;font-size:17px!important;line-height:1.15!important}.profile-email{text-align:center!important;overflow-wrap:anywhere!important;width:auto!important;max-width:310px!important;margin:0 auto 7px!important;font-size:9px!important;line-height:1.35!important}.profile-role{text-align:center!important;margin:0 0 8px!important;font-size:10px!important}.edit-profile-btn{border-radius:7px!important;min-height:32px!important;margin:0 auto!important;padding:7px 12px!important;font-size:9px!important}.avatar-hover-hint{display:none}.tab-pill-container{justify-content:center;width:100%;margin:0}.tab-pill-group{border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;width:100%;padding:4px;display:grid}.tab-btn{border-radius:8px;width:100%;min-height:35px;padding:8px;font-size:9px}.settings-form-card{border-radius:14px;width:100%;margin:0;padding:20px;box-shadow:0 4px 12px #00000009}.form-sections-row{grid-template-columns:1fr;gap:20px;margin-bottom:20px;padding-bottom:20px;display:grid}.settings-section-heading{margin-bottom:12px;font-size:11px;line-height:1.2}.settings-fields-group{gap:12px}.settings-label{margin-bottom:5px;font-size:7px}.settings-input{border-radius:6px;height:36px;padding:0 10px;font-size:10px}.phone-input-wrapper{grid-template-columns:48px minmax(0,1fr);gap:5px}.phone-prefix{border-radius:6px;height:36px;padding:0 6px;font-size:10px}.address-grid-top{grid-template-columns:1fr;gap:12px;display:grid}.settings-save-row{margin-top:14px}.save-changes-btn{border-radius:7px;width:100%;min-height:36px;padding:9px 14px;font-size:10px}.privacy-container{max-width:100%;margin:0}.privacy-container .settings-section-heading{text-align:center}.change-password-btn{border-radius:7px;min-height:37px;padding:9px 14px;font-size:10px}.mobile-settings-logout-wrapper{width:100%;margin:0;display:block!important}.mobile-logout-btn{width:100%;min-height:41px;font-size:10px}.logout-backdrop{padding:14px}.logout-modal{border-radius:12px!important;max-width:320px!important;padding:24px 20px!important}.logout-question-mark{width:48px!important;height:48px!important;margin-bottom:12px!important;font-size:24px!important}.logout-title{font-size:18px!important;font-weight:700px!important}.logout-message{margin-bottom:20px!important;font-size:13px!important}.logout-modal-confirm,.logout-modal-cancel{min-height:40px!important;font-size:13px!important}.color-picker-popup{width:135px;margin-bottom:9px;padding:9px}.color-picker-title{margin-bottom:7px;font-size:8px}.color-swatches-grid{gap:7px}.color-swatch-btn{width:21px;height:21px}.collector-portal .settings-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:70px 28px 110px!important;display:flex!important}.collector-portal .profile-summary{margin-top:12px!important;margin-bottom:12px!important}.collector-portal .tab-pill-container{margin-bottom:12px!important}.director-portal .settings-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:-16px 0 0!important;padding:16px 16px 30px!important;display:flex!important}.tenant-content-area .settings-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin-top:-16px!important;padding:16px 0 30px!important;display:flex!important}.tenant-content-area .settings-title{margin-bottom:10px!important}.director-portal .profile-summary{margin-top:12px!important;margin-bottom:10px!important}.director-portal .tab-pill-group{margin-bottom:0!important}}@media (width<=380px){.settings-page{padding-left:10px;padding-right:10px}.settings-title{font-size:20px!important}.tab-btn{min-height:33px;font-size:8.5px}.settings-form-card{border-radius:12px;padding:17px}.profile-avatar{width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important}.profile-name{font-size:16px!important}.profile-email{font-size:8.5px!important}.profile-role{font-size:9.5px!important}.settings-input,.phone-prefix{height:35px;font-size:9px}.settings-section-heading{font-size:10px}.settings-label{font-size:6.5px}.mobile-logout-btn{min-height:39px;font-size:9px}}@media (prefers-reduced-motion:reduce){.tab-btn,.save-changes-btn,.change-password-btn,.edit-profile-btn,.clickable-avatar,.avatar-hover-hint,.color-swatch-btn,.mobile-logout-btn{transition:none}}.site-brand{color:inherit;cursor:pointer;align-items:center;gap:.3rem;text-decoration:none;display:flex}@media (width<=768px){.site-header{padding:.75rem 1.25rem}.site-logo{width:1.85rem;height:1.85rem}.site-brand-title{font-size:1.05rem}}.about-page{box-sizing:border-box;background-color:#f6fffa;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.about-hero-grid{flex-direction:row;justify-content:space-between;align-items:center;gap:4rem;width:100%;margin-bottom:48px;display:flex}.about-hero-text{flex-direction:column;flex:1.1;justify-content:center;align-items:flex-start;min-width:0;padding-left:2.5rem;display:flex}.about-heading{letter-spacing:-.025em;color:#064e3b;margin:0 0 1rem;font-size:2.75rem;font-weight:800;line-height:1.15}.about-paragraph{color:#4b5563;margin:0 0 1rem;font-size:1.05rem;line-height:1.7}.about-highlight{color:#064e3b;font-weight:700}.about-hero-grid .about-graphic-wrapper{flex:1.1;justify-content:center;min-width:0;display:flex;background-color:#f6fffa!important}.about-graphic-box{isolation:isolate;background-color:#f6fffa;border-radius:1rem;justify-content:center;align-items:center;width:100%;max-width:480px;display:flex}.about-illustration-img{object-fit:contain;mix-blend-mode:darken;width:100%;height:auto}.mission-section{box-sizing:border-box;background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:1rem;width:100%;margin-bottom:36px;padding:32px 40px}.section-main-title{letter-spacing:-.02em;text-align:center;color:#064e3b;margin:0 0 28px;font-size:1.6rem;font-weight:800}.mission-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:2rem;display:grid}.mission-item{background-color:#fff9;border-radius:12px;align-items:flex-start;gap:1rem;padding:20px;transition:transform .2s;display:flex;box-shadow:0 2px 4px #00000005}.mission-item:hover{transform:translateY(-2px)}.mission-icon-circle{background-color:#a7f3d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;height:48px;display:flex}.mission-item-title{color:#064e3b;margin:0 0 4px;font-size:1.1rem;font-weight:700}.mission-item-desc{color:#4b5563;margin:0;font-size:.925rem;line-height:1.5}.about-content .features-container{width:100%;margin-bottom:40px;background-color:#f6fffa!important}.features-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:2rem;display:grid}.feature-card{text-align:center;background-color:#fff;border:1px solid #d1fae5;border-radius:12px;flex-direction:column;align-items:center;padding:28px 20px;transition:transform .2s;display:flex;box-shadow:0 2px 4px #00000005}.feature-card:hover{transform:translateY(-2px)}.feature-icon{justify-content:center;margin-bottom:1rem;display:flex}.feature-desc{color:#4b5563;max-width:280px;margin:0;font-size:.95rem;line-height:1.5}.about-footer{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;width:100%;padding-top:24px;font-size:.85rem}@media (width<=1024px){.about-hero-grid{gap:2rem}.about-hero-text{padding-left:0}}@media (prefers-reduced-motion:reduce){.mission-item:hover,.feature-card:hover{transform:none}}@media (width<=768px){.about-hero-grid{flex-direction:column;align-items:stretch;gap:2rem;margin-bottom:32px}.about-heading{font-size:2rem}.about-paragraph{font-size:1rem}.about-graphic-wrapper{width:100%}.about-graphic-box{max-width:100%}.mission-section{margin-bottom:28px;padding:24px 16px}.section-main-title{margin-bottom:20px;font-size:1.35rem}.mission-grid,.features-grid{grid-template-columns:1fr;gap:1rem}.mission-item{text-align:center;flex-direction:column;align-items:center;padding:28px 20px}.features-container{margin-bottom:28px}}html,body,#root{width:100%;margin:0;padding:0}.site-header{z-index:100;box-sizing:border-box;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;font-family:system-ui,-apple-system,sans-serif;transition:padding .2s;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.site-brand{align-items:center;gap:.3rem;display:flex}.site-logo{border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:width .2s,height .2s;display:flex;overflow:hidden}.site-logo img{object-fit:contain;width:100%;height:100%}.site-brand-title{color:#064e3b;letter-spacing:-.02em;font-size:1.25rem;font-weight:700;transition:font-size .2s}.site-nav-link{color:#374151;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}a.site-nav-link:hover{color:#064e3b}@media (width<=768px){.site-header{padding:.75rem 1.25rem}.site-logo{width:1.85rem;height:1.85rem}.site-brand-title{font-size:1.05rem}}.login-wrapper,.login-wrapper *{box-sizing:border-box}.login-wrapper{color:#1f2937;text-align:left;background-color:#fff;flex-direction:column;width:100%;max-width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex}.login-wrapper .login-container{background:linear-gradient(#f0f2f1d1,#f0f2f1d1),url(https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?q=80&w=1920&auto=format&fit=crop) 50%/cover no-repeat;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative}.login-wrapper .login-card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:40px 36px;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.login-wrapper .card-logo{margin-bottom:12px}.login-wrapper .house-shield-icon{display:inline-block;position:relative}.login-wrapper .icon-house{display:block}.login-wrapper .shield-badge{background-color:#064e3b;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;bottom:-4px;right:-8px}.login-wrapper .card-title{letter-spacing:-.02em;text-align:center;color:#064e3b;margin:0;font-size:1.65rem;font-weight:800}.login-wrapper .card-subtitle{letter-spacing:.05em;text-align:center;color:#6b7280;margin:4px 0 28px;font-size:.65rem;font-weight:700}.login-wrapper .login-error{text-align:center;color:#dc2626;width:100%;margin-bottom:12px;font-size:.8rem}.login-wrapper .signup-success{text-align:center;color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:.85rem}.login-wrapper .signup-hint{text-align:center;color:#6b7280;margin:0;font-size:.8rem;line-height:1.5}.login-wrapper .login-form{flex-direction:column;gap:18px;width:100%;display:flex}.login-wrapper .form-group{text-align:left;flex-direction:column;align-items:stretch;gap:6px;display:flex}.login-wrapper .form-group label{color:#374151;font-size:.78rem;font-weight:500}.login-wrapper .password-header{justify-content:space-between;align-items:center;display:flex}.login-wrapper .forgot-link{color:#064e3b;font-size:.75rem;font-weight:600;text-decoration:none}.login-wrapper .forgot-link:hover{text-decoration:underline}.login-wrapper .form-group input{color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.login-wrapper .form-group input::placeholder{color:#9ca3af}.login-wrapper .form-group input:focus{border-color:#064e3b;box-shadow:0 0 0 3px #064e3b1a}.login-wrapper input[type=email],.login-wrapper input[type=password]{color:#111827!important;background-color:#fff!important}.login-wrapper input:-webkit-autofill{-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.login-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.login-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.login-wrapper .btn-login{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:1rem;font-weight:700;transition:background-color .15s}.login-wrapper .btn-login:hover:not(:disabled){background-color:#04392b}.login-wrapper .btn-login:focus-visible{outline-offset:2px;outline:3px solid #a7f3d0}.login-wrapper .btn-login:disabled{opacity:.7;cursor:not-allowed}.login-wrapper .card-footer{text-align:center;margin-top:24px;font-size:.8rem}.login-wrapper .footer-text{color:#6b7280}.login-wrapper .signup-link{color:#064e3b;font-weight:600;text-decoration:none}.login-wrapper .signup-link:hover{text-decoration:underline}@media (width<=768px){.login-wrapper .login-container{padding:24px 20px!important}.login-wrapper .login-card{padding:32px 20px}.login-wrapper .form-group input{font-size:1rem}.login-wrapper .form-group label{font-size:.85rem}.login-wrapper .forgot-link{font-size:.8rem}}.sidebar{z-index:50;box-sizing:border-box;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.content-area{flex-direction:column;flex:1;min-height:100vh;padding:24px 32px;display:flex;overflow:visible;box-sizing:border-box!important;width:calc(100% - 260px)!important;margin-left:260px!important}.pie-chart-main-layout{align-items:center;gap:24px;margin-top:16px;display:flex}.pie-svg-container{flex-shrink:0;width:220px;height:220px;position:relative}.pie-svg-element{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.pie-center-label-overlay{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-total-text{color:#6b7280;font-size:.75rem;font-weight:500;line-height:1;display:block}.pie-total-number{color:#111827;margin-top:2px;font-size:1.5rem;font-weight:800;display:block}.pie-legend-list{flex-direction:column;flex-grow:1;gap:10px;display:flex}.pie-legend-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pie-legend-info{align-items:center;gap:8px;display:flex}.pie-legend-color-indicator{border-radius:3px;flex-shrink:0;width:12px;height:12px}.pie-legend-text{color:#374151;font-size:.85rem;font-weight:500}.pie-legend-stats{color:#6b7280;font-size:.85rem;font-weight:600}.paid-overview-bars{flex-direction:column;gap:10px;margin-top:16px;display:flex}.paid-overview-row{align-items:center;gap:10px;display:flex}.paid-month-label{color:#4b5563;flex-shrink:0;width:36px;font-size:.8rem;font-weight:500}.paid-bar-wrapper{background:#f3f4f6;border-radius:999px;flex-grow:1;height:8px;overflow:hidden}.paid-bar-progress{background:#10b981;height:100%}.paid-count-label{color:#6b7280;text-align:right;width:24px;font-size:.8rem}.turnover-legend-row{color:#4b5563;justify-content:center;gap:24px;margin-bottom:16px;font-size:.8rem;font-weight:500;display:flex}.turnover-legend-item{align-items:center;gap:6px;display:flex}.turnover-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.move-in-dot{background-color:#4285f4}.move-out-dot{background-color:#b48eed}.turnover-graph-viewport{height:280px;margin-top:16px;margin-left:32px;position:relative}.turnover-yaxis-track{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 24px}.turnover-yaxis-step{border-bottom:1px solid #f3f4f6;width:100%;height:0;position:relative}.turnover-yaxis-step.axis-zero{border-bottom:2px solid #e5e7eb}.turnover-yaxis-number{color:#6b7280;text-align:right;width:24px;font-size:.75rem;position:absolute;top:-7px;left:-32px}.turnover-columns-wrapper{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0 0 0 12px}.turnover-column-item{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.turnover-bars-flex{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:calc(100% - 24px);padding-bottom:2px;display:flex}.turnover-bar{border-radius:4px 4px 0 0;width:40%;max-width:18px;transition:height .3s}.move-in-bar-fill{background-color:#4285f4}.move-out-bar-fill{background-color:#b48eed}.turnover-x-label{color:#6b7280;height:16px;margin-top:8px;font-size:.75rem;font-weight:500}.admin-portal .user-profile{flex-direction:row;align-items:center;gap:12px;margin-left:auto;display:flex;margin-right:-1px!important}.layout-wrapper{background-color:#f8fafc;min-height:100vh;display:flex;overflow:hidden}.main-container{width:100%;display:flex;position:relative}.sidebar{z-index:50;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.admin-portal .topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.sidebar{z-index:50;box-sizing:border-box;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.brand-logo .custom-app-logo{object-fit:contain;display:block;width:45px!important;height:45px!important}.mobile-brand-header{display:none}.admin-portal .content-area{box-sizing:border-box;background-color:#fff!important;flex-direction:column!important;flex:1!important;gap:24px!important;min-width:0!important;height:100vh!important;margin-left:260px!important;padding:24px 32px!important;display:flex!important;overflow:hidden auto!important}.admin-portal .topbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:8px;display:flex}.admin-portal .user-profile{flex-direction:row;align-items:center;gap:12px;margin-left:auto;display:flex}.admin-portal .user-info{text-align:right;flex-direction:column;display:flex}.admin-portal .user-name{color:#111827;font-size:.875rem;font-weight:700}.admin-portal .user-role{color:#6b7280;font-size:.75rem}.admin-portal .user-avatar{color:#fff;background-color:#065f46;border-radius:50%;order:2;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.layout-modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;-webkit-backdrop-filter:blur(1px)!important;backdrop-filter:blur(1px)!important}.layout-modal-box{text-align:center!important;background:#fff!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:380px!important;padding:32px!important;display:flex!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.layout-modal-qmark{color:#dc2626;background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.layout-modal-title{color:#0f172a;margin:0 0 8px;font-size:1.25rem;font-weight:700}.layout-modal-desc{color:#64748b;margin:0 0 24px;font-size:.9rem;line-height:1.4}.layout-modal-actions{gap:12px;width:100%;max-width:320px;display:flex}.modal-btn-yes,.modal-btn-no{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s}.modal-btn-yes{color:#fff;background-color:#dc2626}.modal-btn-yes:hover{background-color:#b91c1c}.modal-btn-no{color:#475569;background-color:#f1f5f9}.modal-btn-no:hover{background-color:#e2e8f0}@media screen and (width<=380px){.mobile-inline-search-input.expanded{width:120px}}@media (width<=768px){.sidebar{box-shadow:0 -2px 10px #00000014;z-index:9999!important;background:#fff!important;border-top:1px solid #e5e7eb!important;border-right:none!important;flex-direction:row!important;align-items:center!important;width:100%!important;min-width:100%!important;height:64px!important;padding:6px 4px!important;position:fixed!important;inset:auto 0 0!important}.brand-header,.sidebar-footer{display:none!important}.nav-menu{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;width:100%!important}.nav-link{text-align:center!important;color:#6b7280!important;background:0 0!important;border-radius:6px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;padding:2px!important}.nav-label{text-align:center!important;white-space:normal!important;word-wrap:break-word!important;max-width:100%!important;font-size:.58rem!important;line-height:1.1!important}.nav-link.active{color:#065f46!important;background:0 0!important;font-weight:700!important}.nav-link .nav-icon svg{width:18px!important;height:18px!important}.admin-portal .content-area{width:100%!important;height:auto!important;min-height:100vh!important;margin-left:0!important;padding:16px 16px 84px!important}.admin-portal .topbar{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important;display:flex!important}.mobile-brand-header{align-items:center!important;gap:8px!important;display:flex!important}.mobile-brand-header .brand-logo .custom-app-logo{width:32px;height:32px}.mobile-brand-header .brand-text strong{color:#111827;font-size:1.1rem;font-weight:700}.mobile-brand-header .brand-text span{color:#10b981;letter-spacing:.05em;text-transform:uppercase;font-size:.55rem;font-weight:700}.search-bar-large{order:3!important;width:100%!important;margin-top:4px!important}.admin-portal .user-info{display:none!important}.admin-portal .user-profile{margin-left:0!important}}.mobile-admin-header,.mobile-admin-bottom-nav{display:none}@media (width<=768px){.sidebar,.admin-portal .sidebar,.topbar,.admin-portal .topbar,.admin-portal .user-profile{display:none!important}.mobile-admin-header{z-index:2000;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000a;overflow:visible!important}.mobile-brand{color:#111827;align-items:center;gap:7px;min-width:0;text-decoration:none;display:flex;overflow:visible}.mobile-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:visible}.mobile-brand-logo img{object-fit:contain;transform-origin:50%;width:34px;height:34px;display:block;transform:scale(1.35)}.mobile-brand-text{flex-direction:column;min-width:0;display:flex}.mobile-brand-text strong{color:#111827;font-size:.88rem;font-weight:800;line-height:1.05}.mobile-brand-text span{color:#10b981;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:.46rem;font-weight:800;line-height:1}.mobile-header-actions{flex-shrink:0;align-items:center;gap:7px;display:flex;overflow:visible!important}.mobile-search-button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.mobile-search-button:hover{color:#064e3b;background-color:#f3f4f6}.mobile-search-button svg{width:17px;height:17px}.mobile-user-avatar{color:#fff;z-index:5;flex-shrink:0;font-size:.65rem;font-weight:800;line-height:1;position:relative;border-radius:50%!important;flex:0 0 32px!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;display:flex!important;overflow:visible!important}.mobile-admin-bottom-nav{width:100%;min-height:64px;padding:4px 4px calc(4px + env(safe-area-inset-bottom)) 4px;z-index:2000;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000f}.mobile-nav-item{color:#9ca3af;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 1px;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.mobile-nav-item:active{background-color:#f3f7f5}.mobile-nav-item.active{color:#064e3b}.mobile-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.mobile-nav-icon svg{width:17px;height:17px}.mobile-nav-label{text-align:center;white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-width:68px;padding:0 1px;font-size:.42rem;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.content-area,.admin-portal .content-area{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:70px 12px calc(82px + env(safe-area-inset-bottom)) 12px!important;box-sizing:border-box!important;background:#fff!important;margin-left:0!important;display:block!important;overflow:hidden visible!important}}.dashboard-content-root{box-sizing:border-box;flex-direction:column;gap:26px;width:100%;display:flex}.dashboard-content-root .page-header-container{justify-content:space-between;align-items:flex-start;margin-bottom:0;display:flex}.dashboard-content-root .page-title-section h1{color:#064e3b;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-weight:700;font-size:36px!important}.dashboard-content-root .page-title-section p{color:#6b7280;margin:0;font-size:.9rem}.dashboard-content-root .action-buttons{gap:10px;display:flex}.dashboard-content-root .btn-report{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex;white-space:nowrap!important;min-width:max-content!important}.dashboard-content-root .stats-cards{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-top:-30px;margin-bottom:4px;display:grid}@media (width<=1200px){.dashboard-content-root .stats-cards{grid-template-columns:repeat(2,1fr)}}.dashboard-content-root .stat-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-direction:row!important;align-items:center!important;gap:16px!important;min-width:0!important;padding:20px!important;display:flex!important;box-shadow:0 2px 8px #0000000a!important}.dashboard-content-root .stat-icon-wrapper{border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;display:flex!important}.dashboard-content-root .icon-bg-green{color:#065f46!important;background-color:#d1fae5!important}.dashboard-content-root .icon-bg-red{color:#991b1b!important;background-color:#fee2e2!important}.dashboard-content-root .icon-bg-blue{color:#0369a1!important;background-color:#e0f2fe!important}.dashboard-content-root .icon-bg-purple{color:#86198f!important;background-color:#fae8ff!important}.dashboard-content-root .stat-info{flex-direction:column!important;flex-grow:1!important;min-width:0!important;display:flex!important}.dashboard-content-root .stat-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#4b5563!important;margin-bottom:2px!important;font-size:.75rem!important;font-weight:700!important}.dashboard-content-root .stat-value{color:#111827!important;font-size:1.5rem!important;font-weight:800!important;line-height:1.2!important}.dashboard-content-root .stat-detail-wrapper{align-items:center;margin-top:4px;display:flex}.dashboard-content-root .stat-detail{color:#9ca3af;align-items:center;font-size:.75rem;font-weight:500;display:flex}.dashboard-content-root .yellow-dot{background-color:#fbbf24;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dashboard-content-root .trend-pill{color:#166534;background-color:#bbf7d0;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-flex}.dashboard-content-root .dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dashboard-content-root .dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;flex-direction:column!important;height:100%!important;display:flex!important}.dashboard-content-root .issue-dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;flex-direction:column!important;height:100%!important;margin-top:0!important;display:flex!important}.dashboard-content-root .card-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.dashboard-content-root .card-header-row h2{color:#111827;margin:0;font-size:1.1rem;font-weight:700}.dashboard-content-root .card-header-row p{color:#6b7280;margin:4px 0 0;font-size:.85rem}.dashboard-content-root .pie-chart-main-layout{flex-direction:row!important;flex-grow:1!important;justify-content:flex-start!important;align-items:center!important;gap:32px!important;display:flex!important}.dashboard-content-root .pie-svg-container{justify-content:center;align-items:center;display:flex;position:relative;flex:1.5!important;width:220px!important;max-width:240px!important;height:220px!important}.dashboard-content-root .pie-svg-element{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-content-root .pie-center-label-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.dashboard-content-root .pie-total-text{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:600}.dashboard-content-root .pie-total-number{color:#111827;font-size:1.4rem;font-weight:800}.dashboard-content-root .pie-legend-list{flex-direction:column;display:flex;flex:1!important;gap:12px!important;min-width:150px!important}.dashboard-content-root .pie-legend-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.dashboard-content-root .pie-legend-info{align-items:center;gap:8px;display:flex}.dashboard-content-root .pie-legend-color-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dashboard-content-root .pie-legend-text{color:#374151;font-weight:500}.dashboard-content-root .pie-legend-stats{color:#111827;font-weight:700}.dashboard-content-root .paid-overview-bars{flex-direction:column;gap:10px;display:flex;flex-grow:1!important;justify-content:space-around!important}.dashboard-content-root .paid-overview-row{align-items:center;gap:12px;display:flex}.dashboard-content-root .paid-month-label{color:#4b5563;width:36px;font-size:.8rem;font-weight:600}.dashboard-content-root .paid-bar-wrapper{background-color:#f3f4f6;border-radius:6px;flex-grow:1;height:10px;overflow:hidden}.dashboard-content-root .paid-bar-progress{background-color:#10b981;border-radius:6px;height:100%;transition:width .4s}.dashboard-content-root .paid-count-label{text-align:right;color:#374151;width:30px;font-size:.8rem;font-weight:700}.dashboard-content-root .turnover-card-container{box-sizing:border-box;background:#fff;width:100%;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb!important;border-radius:12px!important;margin-top:-36px!important;padding:24px!important}.dashboard-content-root .turnover-legend-row{color:#4b5563;gap:20px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:flex}.dashboard-content-root .turnover-legend-item{align-items:center;gap:6px;display:flex}.dashboard-content-root .turnover-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dashboard-content-root .move-in-dot{background-color:#3b82f6}.dashboard-content-root .move-out-dot{background-color:#a855f7}.dashboard-content-root .turnover-graph-viewport{border-bottom:1px solid #e5e7eb;height:220px;padding-bottom:8px;display:flex;position:relative}.dashboard-content-root .turnover-yaxis-track{text-align:right;flex-direction:column;justify-content:space-between;min-width:24px;padding-right:12px;display:flex}.dashboard-content-root .turnover-yaxis-number{color:#9ca3af;font-size:.75rem}.dashboard-content-root .turnover-columns-wrapper{flex-grow:1;justify-content:space-around;align-items:flex-end;height:100%;display:flex}.dashboard-content-root .turnover-column-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.dashboard-content-root .turnover-bars-flex{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.dashboard-content-root .turnover-bar{border-radius:4px 4px 0 0;width:10px}.dashboard-content-root .move-in-bar-fill{background-color:#3b82f6}.dashboard-content-root .move-out-bar-fill{background-color:#a855f7}.dashboard-content-root .turnover-x-label{color:#6b7280;margin-top:8px;font-size:.75rem;font-weight:600}.dashboard-content-root .pagination-controls button,.dashboard-content-root .turnover-pagination-controls button{color:#374151!important;justify-content:center!important;align-items:center!important;display:flex!important}.pie-chart-flex-container{align-items:center;gap:36px;margin-top:16px;display:flex}.pie-chart-bounds{flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.pie-chart-hole{pointer-events:none;background-color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000000d}@media (width<=768px){.dashboard-content-root{box-sizing:border-box!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.dashboard-content-root .page-header-container{order:1!important}.dashboard-content-root .stats-cards{order:2!important}.dashboard-content-root .dashboard-grid{order:3!important}.dashboard-content-root>section:last-of-type{order:4!important}.dashboard-content-root .page-header-container{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:0!important}.dashboard-content-root .page-title-section h1{margin-bottom:2px;font-size:24px!important}.dashboard-content-root .page-title-section p{color:#64748b;margin-bottom:0!important;font-size:14px!important;line-height:1.3!important}.dashboard-content-root .desktop-only-actions{display:none!important}.dashboard-content-root .stats-cards{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important;margin-top:16px!important;margin-bottom:24px!important;display:grid!important}.dashboard-content-root .stat-card{flex-flow:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;padding:12px 10px!important}.dashboard-content-root .stat-icon-wrapper{border-radius:8px!important;flex-shrink:0!important;width:32px!important;height:32px!important}.dashboard-content-root .stat-icon-wrapper svg{width:16px!important;height:16px!important}.dashboard-content-root .stat-info{text-align:left!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;display:flex!important}.dashboard-content-root .stat-label,.dashboard-content-root .stat-value,.dashboard-content-root .stat-detail-wrapper{text-align:left!important;justify-content:flex-start!important;width:100%!important}.dashboard-content-root .stat-label{white-space:normal!important;color:#64748b!important;font-size:.75rem!important;line-height:1.1!important}.dashboard-content-root .stat-value{color:#111827!important;margin:4px 0!important;font-size:1.35rem!important}.dashboard-content-root .stat-detail-wrapper{margin-top:2px!important}.dashboard-content-root .stat-detail,.dashboard-content-root .trend-pill{white-space:nowrap!important;padding:2px 4px!important;font-size:.65rem!important}.dashboard-content-root .dashboard-grid{flex-direction:column!important;gap:16px!important;width:100%!important;margin:0!important;display:flex!important}.dashboard-content-root .dashboard-card,.dashboard-content-root .turnover-card-container{width:100%!important;margin:0!important}.dashboard-content-root .issue-dashboard-card{width:100%!important;margin:-16px 0 0!important}.dashboard-content-root .turnover-card-container{margin-top:-40px!important;padding:16px!important}.dashboard-content-root .turnover-graph-viewport{height:180px!important}.dashboard-content-root .pie-chart-flex-container{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:24px!important;padding:0!important}.pie-chart-bounds{width:160px!important;height:160px!important}.pie-chart-hole{width:80px!important;height:80px!important}.pie-chart-hole strong{font-size:1.25rem!important}.pie-chart-bounds .dg-chart-tooltip{border-radius:8px!important;width:max-content!important;min-width:140px!important;height:auto!important;padding:10px 14px!important}.pie-chart-bounds .dg-chart-tooltip strong{font-size:.85rem!important}.dashboard-content-root .pie-legend-list,.pie-chart-flex-container>div:last-child{width:100%!important}.pie-chart-flex-container .dg-pie-legend-row{padding:4px 0!important}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-page-container{flex-direction:column;height:100%;padding:0 24px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.map-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.map-title-wrapper{align-items:center;gap:8px;display:flex}.map-title{color:#064e3b;margin:0;font-size:1.8rem;font-weight:700}.map-header-pin-icon{color:#064e3b}.map-header-search-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.map-header-search-btn:hover{color:#111827;background-color:#f3f4f6}.map-wrapper{border:1px solid #e5e7eb;border-radius:16px;flex-grow:1;min-height:650px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.map-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#ecfdf5eb;border:1px solid #d1fae5e6;border-radius:14px;min-width:150px;padding:14px 18px;position:absolute;top:24px;left:24px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.legend-header{border-bottom:1px solid #d1fae5;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.legend-title{color:#064e3b;text-transform:none;letter-spacing:.3px;font-size:13px;font-weight:700}.legend-toggle-pill{background-color:#064e3b;border-radius:10px;width:18px;height:10px;display:inline-block;position:relative}.legend-toggle-pill:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:1px}.legend-item{cursor:pointer;color:#374151;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.legend-item:hover{color:#111827}.legend-item.disabled{opacity:.35}.legend-color{border-radius:3px;width:12px;height:12px;margin-right:10px;box-shadow:0 1px 2px #0000001a}.zone-controls{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:30px;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.zone-btn{cursor:pointer;color:#065f46;white-space:nowrap;background-color:#ecfdf5;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.zone-btn:hover{background-color:#d1fae5}.zone-btn.active{color:#fff;background-color:#064e3b}.detail-card{color:#fff;z-index:1000;text-align:left;background:linear-gradient(145deg,#064e3b,#022c22);border:1px solid #ffffff1a;border-radius:16px;width:330px;padding:22px;position:absolute;bottom:24px;right:24px;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003}.detail-header{letter-spacing:.5px;text-align:left;border-bottom:1px solid #ffffff26;margin-bottom:14px;padding-bottom:10px;font-size:16px;font-weight:800}.detail-row{text-align:left;flex-direction:column;margin-bottom:12px;font-size:13px;display:flex}.detail-label{color:#34d399;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:10px;font-weight:700}.card-row-with-icon{text-align:left;border-bottom:1px solid #ffffff26;align-items:center;padding:12px 0;display:flex}.card-icon{color:#34d399;flex-shrink:0;width:24px;height:24px;margin-right:14px}.card-text-group{text-align:left;flex-direction:column;display:flex}.card-row-value{color:#fff;margin-top:2px;font-size:13px;font-weight:600}@media (width<=768px){.map-page-container{padding:0 0 16px}.map-header{margin-bottom:12px;padding:0 4px}.map-title{font-size:1.4rem}.map-wrapper{border-radius:14px;height:calc(100vh - 220px);min-height:480px;margin-bottom:12px}.map-legend{z-index:500;min-width:125px;padding:10px 12px;top:12px;left:12px}.legend-title{font-size:11px}.legend-item{margin-bottom:6px;font-size:11px}.legend-color{width:10px;height:10px;margin-right:6px}.zone-controls{box-sizing:border-box;z-index:500;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:calc(100% - 24px);max-width:100%;padding:6px 8px;bottom:16px;overflow-x:auto}.zone-controls::-webkit-scrollbar{display:none}.zone-btn{flex-shrink:0;padding:6px 12px;font-size:10.5px}.detail-card{z-index:500;border-radius:14px;width:auto;max-height:250px;padding:16px;bottom:56px;left:12px;right:12px;overflow-y:auto}.detail-header{margin-bottom:10px;padding-bottom:6px;font-size:14px}.detail-row{margin-bottom:8px}.card-row-with-icon{padding:8px 0}.card-icon{width:18px;height:18px;margin-right:10px}}.admin-map-root{flex-direction:column;gap:16px;width:100%;display:flex}.admin-map-title{color:#064e3b;margin:0;font-size:2rem;font-weight:800}.admin-map-frame{background:#e2e8f0;border:4px solid #fff;border-radius:12px;width:100%;transition:height .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.admin-floating-legend{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;background:#f8fafcf2;border:1px solid #e2e8f0;border-radius:12px;min-width:140px;padding:12px;position:absolute;top:16px;left:16px;box-shadow:0 4px 6px -1px #0000001a}.admin-legend-header{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.admin-legend-toggle{background:#064e3b;border-radius:10px;width:28px;height:16px;position:relative}.admin-legend-toggle-knob{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}.admin-legend-item{color:#475569;cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;font-size:.75rem;font-weight:600;transition:opacity .2s;display:flex}.admin-legend-item:last-child{margin-bottom:0}.admin-legend-color-box{border-radius:2px;width:12px;height:12px}.admin-floating-zones{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;background:#ffffffd9;border-radius:30px;gap:8px;max-width:90vw;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}.admin-zone-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:none;border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:700;transition:all .2s}.admin-zone-pill.active{color:#fff;background:#064e3b}.admin-focus-bar{color:#475569;align-items:center;gap:12px;padding:0 8px;font-size:.85rem;font-weight:600;display:flex}.admin-focus-divider{color:#cbd5e1}.admin-focus-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:700}.admin-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:24px;display:grid;box-shadow:0 4px 6px -1px #0000000d}.admin-case-id{color:#1e293b;margin:0;font-size:1rem;font-weight:800}.admin-detail-group{margin-bottom:16px}.admin-detail-group label{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.admin-detail-group p{color:#1e293b;margin:0;font-size:.9rem;line-height:1.5}.admin-evidence-link{color:#2563eb;font-size:.85rem;text-decoration:underline}@media (width<=1024px){.admin-detail-card{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.admin-map-frame{height:50vh!important}.admin-floating-legend{transform-origin:0 0;top:10px;left:10px;transform:scale(.85)}.admin-floating-zones{justify-content:flex-start;padding:8px;bottom:10px}}.admin-detail-case-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.admin-case-id-green{color:#064e3b;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.admin-category-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700}.admin-detail-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.admin-detail-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.7rem;font-weight:700}.admin-detail-group p{color:#0f172a;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.admin-evidence-list{flex-direction:column;gap:6px;display:flex}.admin-evidence-link{color:#2563eb;font-size:.95rem;font-weight:500;text-decoration:underline}.admin-action-buttons{flex-direction:column;gap:12px;display:flex}.admin-btn-primary{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:6px;width:100%;padding:10px;font-weight:700}.admin-btn-secondary{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;width:100%;padding:10px;font-weight:700}.admin-detail-card-borderless{background:0 0;border:none;border-top:1px solid #e2e8f0;grid-template-columns:2fr 1.2fr 1fr;align-items:flex-start;gap:24px;margin-top:16px;padding:24px 0;display:grid}.admin-case-id-green{color:#064e3b;margin:0;font-size:1.15rem;font-weight:700}.admin-category-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700}.admin-detail-subject{color:#1e293b;margin:0 0 20px;font-size:1.15rem;font-weight:700}.admin-detail-group label,.admin-detail-col-actions label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:.7rem;font-weight:700;display:block}.modal-btn-danger,.modal-side-btn-danger{color:#fff!important;background-color:#dc2626!important;font-weight:700!important}.modal-btn-primary{color:#fff!important;background-color:#00873e!important;font-weight:700!important}@media (width<=768px){.admin-detail-card-borderless{grid-template-columns:1fr;gap:20px;padding:16px 12px}.admin-detail-case-row{flex-wrap:wrap;gap:8px}.admin-case-id-green{font-size:1.05rem}.admin-detail-subject{margin-bottom:16px}.admin-action-buttons{flex-direction:column;gap:12px;width:100%;display:flex}.admin-action-buttons button{width:100%;padding:12px}}.complaints-page{width:100%}.page-title-section p{color:#6b7280;margin:0;font-size:.95rem;font-weight:400}.page-title-section h1{color:#064e3b;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-weight:700;font-size:32px!important}.complaints-page .page-title-section h1{font-size:36px!important}.active-pill{color:#fff;background-color:#064e3b;border-color:#064e3b}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px}th{color:#6b7280;text-transform:uppercase;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px;font-size:.7rem;font-weight:700}td{color:#111827;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:.85rem;font-weight:500}.resident-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.resident-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.resident-info span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cat-pill{text-align:center;letter-spacing:.3px;white-space:nowrap;border-radius:9999px;padding:2px 12px;font-size:11px;font-weight:700;display:inline-block}.cat-pr{color:#0369a1;background-color:#bae6fd}.cat-grievance{color:#9b2c2c;background-color:#fed7d7}.cat-sport{color:#be185d;background-color:#fbcfe8}.cat-beautification{color:#6b21a8;background-color:#e9d5ff}.cat-financial{color:#854d0e;background-color:#fde047}.cat-infrastructure{color:#166534;background-color:#bbf7d0}.status-pill{color:#fff;white-space:nowrap;border-radius:9999px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.stat-resolved{background-color:#109d33}.stat-investigating{background-color:#eab308}.stat-active{background-color:#ef4444}.stat-escalated{background-color:#3b82f6}.stat-pending{background-color:#f97316}.subject-btn-reset{color:#064e3b;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:0;font-size:13px;font-weight:600;display:flex}.subject-text{white-space:nowrap;text-overflow:ellipsis;color:#1e293b;text-decoration:none;overflow:hidden}.actions-cell{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-resolve{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.btn-map{color:#064e3b;cursor:pointer;background-color:#a7f3d0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex}.mobile-complaints-list{display:none}.pagination{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:13px}.modal-box{box-sizing:border-box;background-color:#fff;border-radius:16px;width:100%;max-width:500px;padding:28px;position:relative;box-shadow:0 20px 25px -5px #0000001a}.modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-close-abs{cursor:pointer;color:#064e3b;z-index:5;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-header-flex{align-items:center;gap:12px;margin-bottom:20px;display:flex}.modal-icon-green{color:#059669;background-color:#ecfdf5;border-radius:8px;padding:10px}.modal-subtitle{color:#64748b;margin:0;font-size:12px}.modal-label{color:#475569;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.modal-textarea,.modal-select{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px;font-size:13px}.modal-actions{gap:12px;display:flex}.modal-view-grid{box-sizing:border-box;background-color:#fff;border-radius:16px;grid-template-columns:1.2fr 1fr;gap:24px;width:100%;max-width:780px;padding:32px;display:grid;position:relative;box-shadow:0 20px 25px -5px #0000001a}.modal-view-details{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.modal-mini-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.modal-view-subject{color:#0f172a;margin:4px 0 0;font-size:17px;font-weight:700}.modal-view-desc{color:#334155;margin:4px 0 0;font-size:13px;line-height:1.5}.modal-sidebar-card{color:#fff;background-color:#064e3b;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.modal-sidebar-title{border-bottom:1px solid #fff3;margin:0 0 18px;padding-bottom:12px;font-size:17px;font-weight:700}.modal-sidebar-list{flex-direction:column;gap:12px;font-size:12px;display:flex}.modal-sidebar-label{color:#a7f3d0;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.modal-sidebar-btns{flex-direction:column;gap:8px;margin-top:16px;display:flex}.modal-side-btn-outline{color:#fff;cursor:pointer;text-align:center;background-color:#0000;border:1px solid #fff6;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:600}.modal-side-btn-solid{color:#064e3b;cursor:pointer;text-align:center;background-color:#fff;border:none;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:700}.modal-success-box{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:16px;width:100%;max-width:440px;padding:32px;position:relative}.modal-textarea,.modal-select,.modal-box input,.modal-box select,.modal-box textarea{color:#0f172a!important;background-color:#fff!important}.modal-select option,.modal-box select option{padding:8px;color:#0f172a!important;background-color:#fff!important}@media (width<=768px){.complaints-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.page-title-section h1{font-size:24px!important}.filters-section,.complaints-page .filters-section{gap:8px;margin-top:-20px;margin-top:0!important;margin-bottom:-5px!important}.filter-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-group::-webkit-scrollbar{display:none}.pill{padding:5px 12px!important;font-size:.65rem!important}.desktop-only-table{display:none!important}.mobile-complaints-list{flex-direction:column;gap:16px;display:flex}.mobile-complaint-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #00000008}.mobile-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.mobile-ticket-id{color:#111827;letter-spacing:.3px;font-size:.85rem;font-weight:800}.status-pill{letter-spacing:.5px;flex-shrink:0!important;padding:3px 8px!important;font-size:.55rem!important}.mobile-card-body{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-card-body .resident-cell{flex:1;min-width:0}.cat-pill{flex-shrink:0!important;padding:3px 8px!important;font-size:.6rem!important}.mobile-card-footer{justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.mobile-card-subject{color:#064e3b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:700;overflow:hidden}.mobile-card-actions{align-items:center;gap:6px;display:flex}.btn-mobile-eye{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-load-more-wrapper{justify-content:center;margin-top:12px;display:flex}.complaints-page .page-title-section h1{font-size:24px!important}.btn-load-more{color:#064e3b;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700;text-decoration:underline}.mobile-empty-state{text-align:center;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px 16px;font-size:.85rem}.modal-view-grid{grid-template-columns:1fr;max-height:85vh;padding:20px;overflow-y:auto}.modal-box{padding:20px}.complaints-page{flex-direction:column!important;align-items:stretch!important;display:flex!important}.page-title-section{text-align:left!important;flex-direction:column!important;order:1!important;margin-bottom:16px!important;display:flex!important}.filters-section{order:2!important}.table-container,.mobile-complaints-list,.tenant-list-container{order:3!important}}.btn-file-complaint{color:#374151;cursor:pointer;white-space:nowrap;background:#d1d5db;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:750;transition:all .2s}.btn-file-complaint:hover{color:#1f2937;background:#9ca3af}.file-complaint-wrapper{max-width:1000px;margin:0 auto;padding:24px;font-family:Inter,system-ui,sans-serif}.btn-return{color:#064e3b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:0;font-size:14px;font-weight:600;display:flex}.btn-return:hover{text-decoration:underline}.complaint-form-container{flex-direction:column;gap:24px;display:flex}.complaint-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.complaint-card-header{color:#fff;background:#064e3b;padding:16px 24px}.complaint-card-header h2{margin:0 0 4px;font-size:18px;font-weight:600}.complaint-card-header p{color:#d1fae5;margin:0;font-size:13px}.complaint-card-body{padding:24px}.form-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group label{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:600}.complaint-input,.complaint-textarea{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.complaint-textarea{resize:vertical}.upload-placeholder{text-align:center;cursor:pointer;background-color:#f0fdf4;border:2px dashed #a7f3d0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100px;padding:24px;transition:background-color .2s;display:flex}.upload-placeholder:hover{background-color:#d1fae5}.upload-placeholder strong{color:#064e3b;margin-bottom:4px;font-size:14px}.upload-placeholder span{color:#6b7280;font-size:12px}.btn-file-formal{color:#fff;cursor:pointer;text-transform:uppercase;background:#064e3b;border:none;border-radius:6px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:background-color .2s}.btn-file-formal:hover:not(:disabled){background:#047857}.btn-file-formal:disabled{cursor:not-allowed;background:#9ca3af}@media (width<=768px){.file-complaint-wrapper{padding:16px}.form-grid-2{grid-template-columns:1fr;gap:16px}.complaint-card-body{padding:16px}}.complaint-input,.complaint-textarea{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.complaint-input:focus,.complaint-textarea:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a}.complaint-input option{color:#111827;background-color:#fff}.upload-placeholder.dragging{background-color:#d1fae5;border-color:#059669}.residents-page{width:100%}.stats-cards{gap:16px;margin-bottom:24px;display:flex}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;min-width:220px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000005}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.light-green-bg{color:#064e3b;background-color:#d1fae5}.dark-green-bg{color:#fff;background-color:#064e3b}.stat-details{flex-direction:column;display:flex}.stat-details span{color:#64748b;font-size:.75rem;font-weight:700}.stat-details h2{color:#000;margin:2px 0;font-size:1.5rem;font-weight:700;line-height:1}.stat-year{color:#9ca3af;align-items:center;gap:4px;margin-top:2px;font-size:.7rem;display:flex}.yellow-dot{background-color:#f59e0b;border-radius:50%;width:6px;height:6px;display:inline-block}.filters-section{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.pill{cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s}.light-pill{color:#334155;background-color:#fff;border:1px solid #cbd5e1}.active-pill{color:#fff;background-color:#064e3b;border:1px solid #064e3b}.btn-add{color:#fff;cursor:pointer;white-space:nowrap;background-color:#064e3b;border:none;border-radius:6px!important;padding:8px 16px!important;font-size:.8rem!important;font-weight:700!important}.btn-add:hover{background-color:#043d2e}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000005}.residents-table{border-collapse:collapse;text-align:left;width:100%}.residents-table th{color:#64748b;letter-spacing:.04em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.72rem;font-weight:700}.residents-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:.85rem}.resident-avatar{color:#fff;background-color:#064e3b;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.resident-info{flex-direction:column;display:flex}.resident-info strong{color:#0f172a;font-size:.88rem;font-weight:700}.resident-info span{color:#64748b;font-size:.75rem}.btn-view-details{color:#064e3b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.82rem;font-weight:700;display:inline-flex}.btn-view-details:hover{text-decoration:underline}.type-pill{text-align:center;white-space:nowrap;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.pill-green{color:#064e3b;background-color:#d1fae5}.pill-dark-green{color:#fff;background-color:#064e3b}.pill-blue{color:#065f46;background-color:#a7f3d0}.pagination{justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.page-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.page-btn.active{color:#fff;background-color:#064e3b;border-color:#064e3b;font-weight:700}.residents-header-wrapper{justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:24px;display:flex}.residents-header-wrapper .page-title-section{flex:1;margin-bottom:0;margin-top:-20px!important}.residents-header-wrapper .stats-cards{gap:16px;margin-bottom:0;display:flex}.top-filter-action-row{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:10px;margin-bottom:12px;display:flex}.zone-search-row{margin-bottom:20px}.page-subtitle{color:#6b7280;margin:0;font-size:.95rem;font-weight:400}.mobile-actions-bar,.mobile-residents-list{display:none}.add-resident-container{width:100%}.add-resident-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.add-resident-header h1{color:#064e3b;margin:0;font-size:1.8rem;font-weight:700}.btn-return-link{color:#065f46;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.add-resident-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 4px 12px #00000008}.form-section-title{color:#064e3b;letter-spacing:.04em;margin:0 0 14px;font-size:12px;font-weight:700}.form-grid-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid-3col{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.form-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px;font-size:.85rem}.input-disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.phone-input-group{align-items:center;display:flex}.phone-input-group .form-input,.phone-input-group .modal-input{border-radius:0 8px 8px 0}.form-action-bar{justify-content:flex-end;margin-top:24px;display:flex}.btn-submit-solid{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:700;display:flex}.modal-backdrop{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-profile-title{color:#064e3b;text-align:center;letter-spacing:.03em;margin:0 0 18px;font-size:13px;font-weight:700}.modal-field{margin-bottom:12px}.modal-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:.85rem}.modal-property-section{border-top:1px solid #e2e8f0;margin-top:14px;margin-bottom:18px;padding-top:14px}.modal-section-title{color:#064e3b;margin:0 0 10px;font-size:11px;font-weight:700}.modal-btn-close{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;width:100%;padding:12px;font-size:.85rem;font-weight:700}.modal-success-title{color:#064e3b;margin:0 0 8px;font-size:1.1rem;font-weight:700}.modal-success-desc{color:#475569;margin-bottom:20px;font-size:.8rem;line-height:1.4}.property-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-edit-property{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.btn-edit-property:hover{color:#111827;background:#e5e7eb}.input-gray{color:#374151!important;background-color:#f9fafb!important}.modal-actions-row{gap:12px;margin-top:20px;display:flex}.modal-btn-confirm{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:6px;flex:1;padding:12px;font-weight:700;transition:opacity .2s}.modal-btn-confirm:hover:not(:disabled){opacity:.9}.modal-btn-cancel-outline{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:12px;font-weight:700}.modal-btn-cancel-outline:hover{background-color:#f3f4f6}.warning-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.modal-box{max-height:85vh;overflow-y:auto}.modal-box::-webkit-scrollbar{width:8px}.modal-box::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-box::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-box::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mobile-only-pagination{justify-content:center;width:100%;padding:20px 0;display:none}.residents-page .page-title-section h1{margin-top:-10px!important;font-size:36px!important}@media (width<=768px){.modal-actions-row{flex-direction:column}.mobile-only-pagination{display:flex}.residents-page{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:12px 18px 10px!important;display:flex!important}.residents-header-wrapper{flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;margin-bottom:0!important;display:flex!important}.residents-header-wrapper .page-title-section{text-align:left!important;order:1!important;margin-top:0!important;margin-bottom:0!important}.page-title-section h1{color:#064e3b;list-height:1.2;margin:0 0 6px;font-weight:700;font-size:24px!important}.residents-page .page-title-section h1{margin-top:-1px!important;font-size:24px!important}.page-title-section p{color:#6b7280;margin:0;font-size:.95rem}.stats-cards{order:2!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;margin-bottom:0!important;display:grid!important}.stat-card{gap:10px;min-width:0;padding:12px}.stat-icon{width:32px;height:32px}.stat-details span{font-size:.65rem}.stat-details h2{font-size:1.2rem}.top-filter-action-row{margin-top:12px!important;margin-bottom:-10px!important}.filter-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.filter-group::-webkit-scrollbar{display:none}.zone-search-row{margin-bottom:-5px}.desktop-only-btn,.desktop-only-table{display:none!important}.mobile-actions-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.mobile-btn-add-resident{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-15px;padding:10px 14px;font-size:.8rem;font-weight:700;display:flex}.mobile-search-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-residents-list{flex-direction:column;gap:12px;display:flex}.mobile-resident-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 2px 8px #00000008}.mobile-card-top{align-items:center;gap:12px;display:flex}.mobile-resident-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mobile-resident-meta strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.mobile-resident-meta span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.mobile-eligibility-row{color:#64748b;gap:10px;margin-top:2px;display:flex;font-size:.68rem!important}.mobile-card-type-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.btn-mobile-view-details{color:#065f46;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:.68rem;font-weight:600;display:inline-flex}.mobile-load-more-wrapper{justify-content:center;margin-top:12px;display:flex}.btn-load-more{color:#064e3b;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700;text-decoration:underline}.mobile-empty-state{text-align:center;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px 16px;font-size:.85rem}.add-resident-card{padding:16px}.form-grid-2col{grid-template-columns:1fr;gap:12px}.form-grid-3col{grid-template-columns:1fr 1fr 1fr;gap:8px}.btn-submit-solid{justify-content:center;width:100%}.modal-box{max-height:85vh;padding:18px;overflow-y:auto}}.tenant-management-page{width:100%}.page-title-section h1{color:#064e3b;margin:0 0 6px;font-size:2.2rem;font-weight:700}.page-title-section p{color:#6b7280;margin:0;font-size:.95rem}.filters-section{flex-direction:column;margin-bottom:16px;display:flex}.filter-group{gap:10px;display:flex}.pill{cursor:pointer;white-space:nowrap;border:none;border-radius:99px;padding:8px 24px;font-size:.82rem;font-weight:600;transition:all .2s}.light-pill{color:#065f46;background-color:#ecfdf5}.light-pill:hover{background-color:#d1fae5}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}table{border-collapse:collapse;width:100%}th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;text-align:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:18px 16px;font-size:.72rem;font-weight:700}th:first-child,th:nth-child(2){text-align:left;padding-left:28px}td{text-align:center;border-bottom:1px solid #f1f5f9;padding:20px 16px;font-size:.88rem;font-weight:600}td:first-child,td:nth-child(2){text-align:left;padding-left:28px}.person-cell{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background-color:#064e3b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.88rem;font-weight:700;display:flex}.person-info{flex-direction:column;gap:3px;display:flex}.person-info strong{color:#0f172a;font-weight:700}.person-info span{color:#64748b;font-size:.75rem;font-weight:400}.btn-view-details{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.82rem;font-weight:600;transition:color .2s;display:inline-flex}.btn-view-details:hover{color:#0f172a}.status-badge{text-align:center;border-radius:6px;min-width:90px;padding:6px 18px;font-size:.78rem;font-weight:600;display:inline-block}.status-yellow{color:#854d0e;background-color:#fde047}.status-green{color:#fff;background-color:#22c55e}.status-red{color:#fff;background-color:#ef4444}.btn-action{cursor:pointer;border:none;border-radius:6px;min-width:90px;padding:8px 24px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-update-active{color:#fff;background-color:#064e3b}.mobile-tenants-list{display:none}.tenant-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px}.details-return-btn{color:#065f46;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.details-header-flex{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.details-title{color:#065f46;margin:0;font-size:28px;font-weight:700}.details-grid-2col{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;display:grid}.details-grid-3col{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.details-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.details-box-title{color:#065f46;margin-bottom:15px;font-size:13px;font-weight:700}.details-label{color:#6b7280;letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.details-input{color:#1f2937;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px;font-size:.85rem}.details-phone-group{align-items:center;display:flex}.phone-prefix{color:#4b5563;background:#e5e7eb;border:1px solid #d1d5db;border-right:none;border-radius:6px 0 0 6px;padding:10px 12px;font-size:.85rem;font-weight:600}.details-phone-group .details-input{border-radius:0 6px 6px 0}.details-permit-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:120px;font-size:.85rem;display:flex}.details-action-bar{justify-content:flex-end;display:flex}.btn-update-solid{color:#fff;cursor:pointer;background-color:#065f46;border:none;border-radius:8px;padding:12px 25px;font-weight:700}.pagination{background:#fff;justify-content:flex-end;gap:8px;padding:16px 28px;display:flex}.page-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.88rem;font-weight:600;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{box-sizing:border-box;background-color:#fff;border-radius:16px;width:100%;max-width:500px;padding:28px;box-shadow:0 20px 25px -5px #0003}.modal-label{color:#374151;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.modal-select,.modal-textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:20px;padding:12px;font-size:13px;color:#1f2937!important}.modal-textarea{resize:vertical;height:110px}.modal-btn-primary{color:#fff;cursor:pointer;background-color:#065f46;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}.modal-btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}.modal-success-box{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:16px;width:100%;max-width:420px;padding:30px}.success-icon-badge{color:#064e3b;background-color:#a7f3d0;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:22px;font-weight:700;display:flex}.tenant-management-page .page-title-section h1{font-size:36px!important}@media (width<=768px){.tenant-management-page{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 18px 110px!important;display:flex!important}.page-title-section{text-align:left!important;flex-direction:column!important;order:1!important;margin-bottom:0!important;display:flex!important}.page-title-section h1{font-size:24px!important;line-height:1.2!important}.tenant-management-page .page-title-section h1{font-size:24px!important}.filters-section{order:2!important;margin-bottom:-10px!important}.filter-group{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.filter-group::-webkit-scrollbar{display:none}.desktop-only-table{display:none!important}.mobile-tenants-list{flex-direction:column;gap:12px;display:flex}.mobile-tenant-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex;box-shadow:0 2px 8px #00000008}.mobile-tenant-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mobile-tenant-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-tenant-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.mobile-tenant-info span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.mobile-btn-view{color:#065f46;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:.75rem;font-weight:600;display:inline-flex}.mobile-tenant-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.mobile-btn-update{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700}.mobile-empty-state{text-align:center;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px 16px;font-size:.85rem}.tenant-details-card{padding:16px}.details-title{font-size:1.4rem}.details-grid-2col{grid-template-columns:1fr;gap:16px}.details-grid-3col{grid-template-columns:1fr 1fr 1fr}.details-action-bar{justify-content:stretch}.btn-update-solid{width:100%}.modal-box{padding:20px}.mobile-tenants-list{flex-direction:column!important;order:3!important;gap:12px!important;display:flex!important}}.vehicle-management-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.vehicle-management-container .page-header-row{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;width:100%!important;margin-bottom:4px!important;display:flex!important}.vehicle-management-container .title-block{flex-direction:column!important;width:100%!important;display:flex!important}.page-title-section{text-align:left;margin-bottom:24px}.page-title-section h1,.vehicle-management-container .page-title{color:#064e3b!important;letter-spacing:-.02em!important;margin:0 0 6px!important;font-size:36px!important;font-weight:700!important;line-height:1.2!important}.page-title-section p,.vehicle-management-container .page-subtitle{color:#6b7280!important;letter-spacing:normal!important;width:100%!important;margin:0!important;font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:400!important;line-height:1.35!important}.vehicle-management-container .kpis-section-wrapper{flex-direction:row!important;justify-content:flex-start!important;gap:16px!important;width:100%!important;display:flex!important}.vehicle-management-container .kpi-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;align-items:center!important;gap:14px!important;min-width:240px!important;padding:14px 18px!important;display:flex!important;box-shadow:0 1px 3px #00000008!important}.kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.blue-icon{color:#0284c7;background-color:#e0f2fe}.pink-icon{color:#db2777;background-color:#fce7f3}.kpi-content{flex-direction:column;min-width:0;display:flex}.kpi-label{color:#4b5563;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:.68rem;font-weight:700}.kpi-main-val{color:#111827;font-size:1.35rem;font-weight:800;line-height:1.2}.kpi-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border-radius:4px;width:fit-content;margin-top:3px;padding:2px 6px;font-size:.65rem;font-weight:600}.kpi-zone-row{align-items:center;gap:8px;display:flex}.zone-dropdown{color:#065f46;cursor:pointer;background:#d1fae5;border:none;border-radius:6px;outline:none;padding:3px 8px;font-size:.68rem;font-weight:700}.filter-search-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.zone-pills{align-items:center;gap:8px;display:flex}.filter-icon-inline{color:#111827;align-items:center;margin-right:4px;display:flex}.zone-pill{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.zone-pill.active{color:#065f46;background-color:#d1fae5}.vehicle-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.vehicle-table{border-collapse:collapse;text-align:left;width:100%}.vehicle-table th{color:#6b7280;letter-spacing:.05em;text-align:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 24px;font-size:.75rem;font-weight:700}.vehicle-table td{color:#111827;border-bottom:1px solid #f3f4f6;padding:16px 24px;font-size:.875rem}.resident-avatar{color:#fff;background-color:#064e3b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.resident-cell .resident-name{color:#111827;font-weight:700;font-size:.95rem!important}.address-cell{color:#374151;font-weight:600}.count-cell{text-align:center;font-weight:800}.error-state{text-align:center;color:#dc2626;flex-direction:column;align-items:center;gap:12px;padding:32px;font-weight:600;display:flex}.retry-btn{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:6px;padding:6px 16px;font-weight:700}.table-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:12px 24px;display:flex}.page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.page-btn.active{color:#fff;background:#065f46;border-color:#065f46}.mobile-filter-search-row,.mobile-zone-pills-scroll,.mobile-vehicles-list{display:none}@media (width<=768px){.vehicle-management-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:80%!important;max-width:100%!important;margin:0!important;padding:80px 20px 10px 19px!important;display:flex!important}.vehicle-management-container .page-header-row{gap:4px!important;margin-bottom:2px!important}.vehicle-management-container .page-title,.page-title-section h1{letter-spacing:-.025em!important;color:#064e3b!important;margin:0 0 5px!important;font-size:24px!important;font-weight:700!important;line-height:1.1!important}.vehicle-management-container .page-subtitle,.page-title-section p{color:#6b7280!important;font-size:.85rem!important;line-height:1.35!important}.desktop-only-filters,.desktop-only-table{display:none!important}.vehicle-management-container .kpis-section-wrapper{box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:6px!important;margin-bottom:6px!important;display:grid!important}.vehicle-management-container .kpi-card{box-sizing:border-box!important;gap:8px!important;width:100%!important;min-width:0!important;padding:10px!important;overflow:hidden!important}.kpi-icon-box{border-radius:6px;width:30px;height:30px}.kpi-icon-box svg{width:16px;height:16px}.kpi-label{white-space:normal;word-break:break-word;font-size:.55rem;line-height:1.1}.kpi-main-val{font-size:1.1rem}.kpi-badge{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:2px 4px;font-size:.55rem;overflow:hidden}.kpi-zone-row{flex-wrap:wrap;gap:4px}.zone-dropdown{max-width:100%;padding:2px 4px;font-size:.55rem}.mobile-filter-search-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.mobile-filter-btn{color:#065f46;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;font-weight:700;transition:background .2s;display:inline-flex}.mobile-filter-btn.active{background:#ecfdf5}.mobile-search-box{flex:1;align-items:center;display:flex;position:relative}.mobile-search-box input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:20px;outline:none;width:100%;padding:8px 36px 8px 14px;font-size:.8rem}.mobile-search-box .search-icon{color:#9ca3af;pointer-events:none;position:absolute;right:12px}.mobile-zone-pills-scroll{scrollbar-width:none;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-zone-pills-scroll::-webkit-scrollbar{display:none}.mobile-zone-pill{color:#4b5563;white-space:nowrap;cursor:pointer;background:#f3f4f6;border:none;border-radius:16px;padding:4px 12px;font-size:.72rem;font-weight:700}.mobile-zone-pill.active{color:#065f46;background:#d1fae5}.mobile-vehicles-list{flex-direction:column;gap:10px;display:flex}.mobile-vehicle-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;box-shadow:0 1px 4px #00000005}.mobile-vehicle-card-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mobile-vehicle-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-vehicle-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.mobile-vehicle-info span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.mobile-vehicle-count-badge{color:#4b5563;white-space:nowrap;flex-shrink:0;font-size:.72rem}.mobile-vehicle-count-badge strong{color:#111827;font-size:.8rem}.mobile-empty-state{text-align:center;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 16px;font-size:.82rem}main.content-area .vehicle-management-container{padding-top:10px!important;padding-left:16px!important;padding-right:16px!important}}*,:before,:after{box-sizing:border-box}.layout-wrapper{box-sizing:border-box;background-color:#f8fafc;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-container{height:100vh;display:flex;overflow:hidden}.content-area{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;height:100vh;margin-left:260px;padding:20px 28px;display:flex;overflow:hidden}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:16px;display:flex}.page-content{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.sidebar{z-index:50;box-sizing:border-box;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-link{color:#4b5563;box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.content-area{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;margin-left:260px;padding:28px 36px;display:flex}.page-content{flex:1;width:100%;min-width:0}.ho-topbar{box-sizing:border-box!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:24px!important;margin-bottom:20px!important;padding-left:0!important;padding-right:28px!important;display:flex!important}.property-tabs{flex-wrap:wrap!important;flex:1!important;gap:10px!important;display:flex!important}.prop-tab{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.prop-tab:hover{color:#111827;background-color:#f3f4f6}.prop-tab.active{color:#fff;background-color:#065f46;border-color:#065f46}.homeowner-portal .user-profile{align-items:center;gap:12px;display:flex;margin-right:2px!important}.user-role{color:#6b7280;font-size:.75rem}.content-area{flex:1;height:100vh;overflow:hidden auto}.layout-wrapper,.main-container{height:100vh;display:flex;overflow:hidden}.layout-wrapper{box-sizing:border-box;background-color:#f8fafc;width:100%;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-area{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;width:calc(100% - 260px);height:100vh;margin-left:260px;padding:20px 28px;display:flex;overflow:hidden auto}.page-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;padding:5px 32px;display:flex}.user-profile{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;transition:background-color .2s;position:relative}.user-profile:hover{background-color:#f8fafc}.profile-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;min-width:200px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{text-align:left;cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item svg{color:#475569}.dropdown-item.logout-item,.dropdown-item.logout-item svg{color:#dc2626}a.brand-header{color:inherit;text-decoration:none}.mobile-homeowner-header{display:none}@media (width<=768px){.sidebar,.ho-topbar{display:none!important}.homeowner-portal .content-area{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:80px 16px calc(82px + env(safe-area-inset-bottom)) 16px!important;box-sizing:border-box!important;background:#f8fafc!important;margin-left:0!important;display:block!important;overflow:hidden visible!important}.mobile-homeowner-header{z-index:2000;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000a;overflow:visible!important}.mobile-brand{color:#111827;align-items:center;gap:7px;min-width:0;text-decoration:none;display:flex;overflow:visible}.mobile-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:visible}.mobile-brand-logo img{object-fit:contain;transform-origin:50%;width:34px;height:34px;display:block;transform:scale(1.35)}.mobile-brand-text{flex-direction:column;min-width:0;display:flex}.mobile-brand-text strong{color:#111827;font-size:.88rem;font-weight:800;line-height:1.05}.mobile-brand-text span{color:#10b981;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:.46rem;font-weight:800;line-height:1}.mobile-header-actions{flex-shrink:0;align-items:center;gap:7px;display:flex;overflow:visible!important}.mobile-homeowner-bottom-nav{width:100%;min-height:64px;padding:4px 4px calc(4px + env(safe-area-inset-bottom)) 4px;z-index:2000;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000f}.mobile-nav-item{color:#9ca3af;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 1px;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.mobile-nav-item:active{background-color:#f3f7f5}.mobile-nav-item.active{color:#064e3b}.mobile-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.mobile-nav-icon svg{width:17px;height:17px}.mobile-nav-label{text-align:center;white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-width:68px;padding:0 1px;font-size:.42rem;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.homeowner-portal main,.homeowner-portal section,.homeowner-portal article,.homeowner-portal aside,.homeowner-portal img,.homeowner-portal svg,.homeowner-portal canvas{max-width:100%}.mobile-homeowner-header,.mobile-homeowner-bottom-nav{display:flex}.logout-modal{border-radius:12px!important;max-width:320px!important;padding:24px 20px!important}.logout-question-mark{width:48px!important;height:48px!important;margin-bottom:12px!important;font-size:24px!important}.logout-title{font-size:18px!important}.logout-message{margin-bottom:20px!important;font-size:13px!important}.logout-modal-confirm,.logout-modal-cancel{min-height:40px!important;font-size:13px!important}}@media (width<=360px){.mobile-homeowner-header{height:56px;padding-left:10px;padding-right:10px}.homeowner-portal .content-area{padding-top:67px!important;padding-left:0!important;padding-right:0!important}.mobile-homeowner-bottom-nav{min-height:62px}.mobile-homeowner-header,.mobile-homeowner-bottom-nav{display:none}}.logout-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000080;z-index:999999!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.logout-modal{text-align:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:400px!important;padding:32px 24px!important;font-family:Inter,sans-serif!important;display:flex!important;box-shadow:0 25px 50px -12px #0006!important}.logout-question-mark{color:#dc2626!important;background:#fee2e2!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;margin:0 auto 16px!important;font-size:28px!important;font-weight:800!important;display:flex!important}.logout-title{color:#0f172a!important;margin:0 0 8px!important;font-size:22px!important;font-weight:800!important;line-height:1.2!important}.logout-message{color:#64748b!important;margin:0 0 24px!important;font-size:14px!important;line-height:1.5!important}.logout-modal-actions{justify-content:center!important;gap:12px!important;width:100%!important;display:flex!important}.logout-modal-confirm,.logout-modal-cancel{cursor:pointer!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;min-height:44px!important;margin:0!important;padding:0 16px!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.logout-modal-confirm{color:#fff!important;background:#dc2626!important;border:1px solid #dc2626!important}.logout-modal-confirm:hover{background:#b91c1c!important}.logout-modal-cancel{color:#475569!important;background:#fff!important;border:1px solid #d1d5db!important}.logout-modal-cancel:hover{color:#111827!important;background:#f3f4f6!important}.mobile-homeowner-header,.mobile-homeowner-bottom-nav{display:none!important}@media (width<=768px){.sidebar,.ho-topbar{display:none!important}.mobile-homeowner-header{z-index:2000!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:58px!important;padding:0 14px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 1px 4px #0000000a!important}.mobile-homeowner-bottom-nav{z-index:2000!important;width:100%!important;height:64px!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom)) 8px!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e5e7eb!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -2px 10px #0000000f!important}.homeowner-portal .content-area{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:75px 0px calc(90px + env(safe-area-inset-bottom)) 0px!important;box-sizing:border-box!important;background:#f8fafc!important;margin-left:0!important;display:block!important;overflow:hidden visible!important}.mobile-nav-item{color:#9ca3af!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;text-decoration:none!important;display:flex!important}.mobile-nav-item.active{color:#064e3b!important}.mobile-brand{flex-shrink:0;max-width:110px}.mobile-property-dropdown{flex:1;justify-content:center;align-items:center;min-width:0;margin:0 8px;display:flex;position:relative}.mobile-prop-select{appearance:none;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;max-width:175px;padding:7px 30px 7px 12px;font-size:.65rem;font-weight:500;overflow:hidden}.mobile-prop-select:focus{border-color:#064e3b}.mobile-prop-chevron{pointer-events:none;color:#64748b;align-items:center;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}@media (width>=400px){.mobile-prop-chevron{right:calc(50% - 75px)}}.mobile-user-avatar{width:32px!important;height:32px!important;font-size:.75rem!important}}.dashboard-content{box-sizing:border-box;text-align:left;background:#f8fafc;width:100%;max-width:100%;font-family:Inter,sans-serif;overflow:hidden}.page-title-section{text-align:left;width:100%;margin-bottom:14px}.dash-page-title-section h1{color:#07241c;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-size:1.8rem;font-weight:700}.dashboard-grid{grid-template-columns:1fr 310px;gap:16px;width:100%;display:grid;align-items:start!important}.left-column,.right-column{flex-direction:column;width:100%;min-width:0;display:flex}.dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #edf2f7;border-radius:10px;width:100%;margin-bottom:14px;padding:16px 18px;box-shadow:0 1px 2px #00000005}.section-title .overview-section-title{color:#15803d;letter-spacing:.04em;text-align:left;margin:4px 0 2px;font-weight:800;font-size:.78rem!important}.page-title-section{color:#064e3b;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-size:2.2rem;font-weight:700}.dues-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.dues-title-group h2{color:#065f46;margin:0 0 4px;font-size:1.1rem;font-weight:700}.card-paragraph{color:#4b5563;max-width:440px;margin:0;font-size:.72rem;line-height:1.35}.status-pill{letter-spacing:.02em;white-space:nowrap;border-radius:16px;align-items:center;gap:5px;padding:4px 10px;font-size:.65rem;font-weight:700;display:inline-flex}.active-pill{color:#065f46;background-color:#d1fae5}.warning-pill{color:#991b1b;background-color:#fee2e2}.dues-label,.meta-label{color:#6b7280;letter-spacing:.04em;margin-bottom:2px;font-size:.6rem;font-weight:700;display:block}.dues-value{color:#111827;letter-spacing:-.02em;font-size:1.55rem;font-weight:800}.dues-content{justify-content:space-between;align-items:flex-start;display:flex}.right-align{text-align:right}.meta-badge{border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.meta-badge.approved{color:#065f46;background:#d1fae5}.meta-badge.pending{color:#92400e;background:#fef3c7}.badge-card{background:#fdfaf3;border:1px solid #fef3c7;align-items:center;gap:14px;padding:12px 16px;display:flex}.badge-visual{flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge-image{object-fit:contain;filter:drop-shadow(0 4px 6px #00000014);width:54px;height:auto}.badge-card h3{color:#111827;margin:0 0 2px;font-size:.88rem;font-weight:700}.badge-card p{color:#6b7280;margin:0;font-size:.72rem;line-height:1.35}.overview-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.overview-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;flex-direction:column!important;margin-bottom:0!important;padding:16px 20px!important;display:flex!important}.overview-header{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.icon-wrapper{border-radius:12px!important;flex:0 0 42px!important;justify-content:center!important;align-items:center!important;width:42px!important;max-width:42px!important;height:42px!important;margin:0!important;display:flex!important}.icon-wrapper.red{color:#ef4444!important;background-color:#fee2e2!important}.icon-wrapper.blue{color:#1e40af!important;background-color:#dbeafe!important}.icon-wrapper svg{width:20px!important;height:20px!important}.overview-label{color:#6b7280!important;letter-spacing:.05em!important;text-transform:uppercase!important;text-align:right!important;margin:0!important;font-size:.65rem!important;font-weight:800!important}.overview-body{border-bottom:none!important;flex-direction:column!important;align-items:flex-start!important;margin-bottom:12px!important;display:flex!important}.overview-body h4{color:#374151!important;text-align:left!important;margin:0 0 4px!important;font-size:.75rem!important;font-weight:600!important}.overview-number{color:#064e3b!important;text-align:left!important;margin:0!important;font-size:1.6rem!important;font-weight:800!important;line-height:1!important}.overview-footer{align-items:center!important;gap:12px!important;margin-top:auto!important;font-size:.7rem!important;display:flex!important}.footer-item{align-items:center!important;gap:6px!important;display:flex!important}.muted-text{color:#6b7280!important}.dark-service-btn{color:#fff;background-color:#022c22;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.dark-service-btn:hover{background-color:#043e2f}.payment-card{margin-bottom:12px!important;padding:16px 18px!important}.payment-card .panel-heading h3{color:#065f46;margin:0 0 -10px;font-size:.88rem;font-weight:700}.form-section,.ref-form-section{margin-bottom:10px}.form-label{color:#6b7280;letter-spacing:.04em;margin-bottom:5px;font-size:.58rem;font-weight:700;display:block}.qr-preview-box{text-align:center;cursor:pointer;background:#f1f5f9;border-radius:8px;padding:14px 10px 10px;transition:background .15s}.qr-preview-box:hover{background:#e2e8f0}.qr-inner-teal{background:#5ea8a0;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 8px;display:flex}.qr-center-icon{color:#1e293b;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qr-scan-label{color:#0d9488;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:inline-flex}.dashed-upload-box{cursor:pointer;text-align:center;background:#fff;border:1px dashed #6ee7b7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:border-color .15s;display:flex}.dashed-upload-box:hover{border-color:#059669}.upload-cloud-icon{color:#0d9488;margin-bottom:4px}.upload-text-group strong{color:#0d9488;font-size:.72rem;font-weight:700;display:block}.upload-text-group span{color:#9ca3af;font-size:.62rem}.upload-success-text{color:#059669;margin-top:4px;font-size:.65rem}.ref-input-container{position:relative}.ref-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 30px 8px 10px;font-size:.75rem;color:#111827!important;background-color:#fff!important}.ref-input:focus{border-color:#059669;outline:none}.ref-input::placeholder{color:#9ca3af}.ref-info-icon{align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-validation{color:#fff;letter-spacing:.02em;cursor:pointer;background-color:#064e3b;border:none;border-radius:6px;width:100%;margin-top:4px;padding:10px;font-size:.72rem;font-weight:700;transition:background-color .15s}.btn-validation:hover:not(:disabled){background-color:#043e2f}.btn-validation:disabled{cursor:not-allowed;background-color:#9ca3af}.office-card{margin-bottom:0!important;padding:14px 18px!important}.office-heading{align-items:center;gap:6px;margin-bottom:8px;display:flex}.office-heading h3{color:#065f46;margin:0;font-size:.85rem;font-weight:700}.office-card ul{margin:0;padding:0;list-style:none}.office-card li{justify-content:space-between;padding:5px 0;font-size:.72rem;display:flex}.office-card li span{color:#6b7280;font-size:.65rem;font-weight:600}.office-card li strong{color:#6b7280;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal-card{background:#fff;border-radius:12px;width:90%;max-width:380px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 10px 25px #00000026}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-modal-header{background:#f8fafc;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.qr-modal-title{color:#15803d;letter-spacing:.04em;font-size:.72rem;font-weight:800}.qr-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.qr-modal-close:hover{color:#0f172a}.qr-modal-body{flex-direction:column;align-items:center;padding:18px;display:flex}.gcash-pill{color:#0f172a;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.gcash-logo{color:#fff;background:#007dfe;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:800}.qr-big-frame{border:1px solid #86efac;border-radius:8px;margin-bottom:16px;padding:10px}.qr-big-image{width:170px;height:170px;display:block}.modal-steps-list{flex-direction:column;gap:8px;width:100%;display:flex}.modal-step{color:#374151;align-items:center;gap:10px;font-size:.72rem;display:flex}.step-num{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:800;display:flex}.arrears-pill{color:#92400e;background-color:#fef3c7}.delinquent-pill{color:#991b1b;background-color:#fee2e2}.meta-badge.rejected{color:#991b1b;background:#fee2e2}.content-area{padding-bottom:120px!important}.dues-left{text-align:left}.dues-middle{text-align:center}.dashboard-content{box-sizing:border-box;text-align:left;background:#f8fafc;width:100%;max-width:100%;font-family:Inter,sans-serif;padding-bottom:24px!important}.dark-service-card{color:#fff;background-color:#064e3b!important;border:none!important;margin-bottom:0!important;padding:16px 20px!important}.dark-service-card.restricted-access{background-color:#7f1d1d!important}.dark-service-card.restricted-access .service-icon-check{color:#7f1d1d;background:#fff}.dark-service-card .service-body{justify-content:space-between;align-items:center;gap:20px;display:flex}.dark-service-card .service-copy{flex:1}.dark-service-card .service-copy h3{color:#fff;align-items:center;gap:6px;margin:0 0 4px;font-size:.92rem;font-weight:700;display:flex}.service-icon-check{color:#064e3b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.55rem;font-weight:800;display:inline-flex}.dark-service-card .service-copy p{color:#d1fae5;opacity:.9;margin:0;font-size:.72rem;line-height:1.35}.dark-service-card .service-actions{flex-direction:column;flex-shrink:0;gap:8px;width:240px;display:flex}.dark-service-btn{color:#fff;box-sizing:border-box;background-color:#022c22;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.dark-service-card.restricted-access .dark-service-btn{background-color:#450a0a}.dark-service-btn:hover:not(.disabled-btn){background-color:#043e2f}.dark-service-btn.disabled-btn{opacity:.5;cursor:not-allowed;background-color:#00000080}html,body,#root,.layout-wrapper,.main-container,.content-area{height:auto!important;min-height:100vh!important;overflow:visible auto!important}.content-area,.dashboard-content{box-sizing:border-box;text-align:left;background:#f8fafc;width:100%;max-width:100%;font-family:Inter,sans-serif;padding-bottom:0!important}.dashboard-grid{grid-template-columns:1fr 310px;gap:16px;width:100%;display:grid;align-items:start!important;margin-bottom:0!important}.left-column,.right-column{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex;margin-bottom:0!important}.dashboard-card:last-child{margin-bottom:0!important}.dashboard-content .section-title,.dashboard-content .overview-section-title,.dashboard-content .payment-card .panel-heading h3,.dashboard-content .office-heading h3{font-size:.85rem!important}.dashboard-content .dues-title-group h2,.dashboard-content .badge-card h3{font-size:1.2rem!important}.dashboard-content .card-paragraph,.dashboard-content .badge-card p,.dashboard-content .overview-body h4,.dashboard-content .office-card li,.dashboard-content .dark-service-card .service-copy p{line-height:1.45;font-size:.83rem!important}.dashboard-content .form-label,.dashboard-content .dues-label,.dashboard-content .meta-label,.dashboard-content .overview-label{font-size:.7rem!important}.dashboard-content .dues-value,.dashboard-content .overview-number{font-size:1.6rem!important}.dashboard-content .dark-service-card .service-copy h3{font-size:.9rem!important}.dashboard-content .dark-service-btn{font-size:.85rem!important}.dashboard-content .ref-input,.dashboard-content .btn-validation{font-size:.7rem!important}.section-title,.overview-section-title{color:#064e3b;font-size:1.1rem;font-weight:700;margin-top:-8px!important;margin-bottom:-12px!important}.community-standing-section .section-title{color:#064e3b;font-size:1.1rem;font-weight:700;margin-top:-8px!important;margin-bottom:4px!important}.left-column,.right-column{gap:16px!important}.office-card ul{gap:4px!important}.office-card li{border-bottom:1px solid #f3f4f6;padding:6px 0!important}.office-card li:last-child{border-bottom:none}.dues-right .meta-label,.dues-right .meta-text{width:auto;display:inline-block}.community-standing-section{margin-bottom:20px}.community-standing-container{align-items:center;gap:18px;margin-top:24px;display:flex}.badge-visual{width:150px;height:150px;box-shadow:0 px 4px #00000005;background-color:#eaeaea;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;display:flex;overflow:hidden}.badge-image{object-fit:contain;width:100%;height:100%;transform:scale(2.2)}.badge-text-container{flex-direction:column;display:flex}.badge-text-container h3{color:#064e3b!important;margin:0 0 6px!important;font-size:1.15rem!important;font-weight:800!important}.badge-text-container p{max-width:420px;color:#475569!important;margin:0!important;font-size:.8rem!important;line-height:1.4!important}.custom-select-wrapper{width:100%;position:relative}.custom-billing-select{color:#0f172a!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;padding-right:36px!important;font-family:Inter,sans-serif!important;font-size:.9rem!important;font-weight:700!important}.custom-select-arrow{pointer-events:none;color:#64748b;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.payment-grid-row{box-sizing:border-box!important;flex-direction:column!important;gap:16px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.payment-grid-col{flex-direction:column!important;flex:1!important;min-width:0!important;display:flex!important}.payment-grid-col .qr-preview-box,.payment-grid-col .dashed-upload-box{box-sizing:border-box!important;height:100%!important;margin-bottom:0!important}.property-status-card{padding:24px 28px!important}.property-status-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.property-status-header h3{letter-spacing:.04em;color:#064e3b!important;margin:0!important;font-size:.8rem!important;font-weight:800!important}.property-status-body{flex-direction:column;gap:14px;display:flex}.ps-row{border-bottom:1px solid #f8fafc;flex-direction:column;gap:4px;padding:4px 0;display:flex}.ps-row:last-child{border-bottom:none}.ps-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b!important;text-align:left!important;font-size:.68rem!important;font-weight:700!important}.ps-value{word-break:break-word;color:#1e293b!important;text-align:left!important;font-size:.85rem!important;font-weight:600!important}.property-status-header a.btn-tenant,.property-status-header .btn-tenant{color:#065f46!important;cursor:pointer!important;background-color:#d1fae5!important;border:1px solid #a7f3d0!important;border-radius:6px!important;padding:6px 14px!important;font-size:.72rem!important;font-weight:700!important;text-decoration:none!important;display:inline-block!important}.property-status-header a.btn-tenant:hover,.property-status-header .btn-tenant:hover{color:#065f46!important;background-color:#a7f3d0!important;text-decoration:none!important}.disabled-box{opacity:.5;pointer-events:none;cursor:not-allowed!important;background-color:#f8fafc!important}@media (width<=768px){.dashboard-content{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:10px 0 20px!important;display:flex!important;overflow-x:hidden!important}.sidebar,.ho-topbar{display:none!important}div.page-title-section,.page-title-section{order:-999!important;width:100%!important;margin-top:0!important;margin-bottom:0!important;display:block!important}.page-title-section h1{font-size:1.6rem!important}.dashboard-grid{flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;margin:0!important;display:flex!important}.left-column,.right-column{display:contents!important}.dashboard-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.payment-card{order:2!important;margin-bottom:0!important}.community-standing-section{order:3!important;margin-top:20px!important;padding-left:0!important}.badge-text-container h3{color:#064e3b!important;margin:0 0 6px!important;font-size:16px!important;font-weight:800!important}.badge-text-container p{max-width:420px;color:#475569!important;margin:0!important;font-size:12px!important;line-height:1.4!important}.left-column>.section-title{order:4!important;margin-top:8px!important;margin-bottom:0!important}.overview-section-title{order:4!important;margin-top:-6px!important;margin-bottom:-10px!important}.overview-row{flex-direction:column!important;order:5!important;align-items:stretch!important;gap:12px!important;display:flex!important}.dark-service-card{order:6!important}.office-card{order:7!important}.dues-content{border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:flex-end!important;width:100%!important;margin-top:16px!important;padding-top:16px!important;display:flex!important}.dues-left{flex-direction:column!important;align-items:flex-start!important;display:flex!important}.dues-right{flex-direction:column!important;align-items:flex-end!important;display:flex!important}.payment-card form{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;display:grid!important}.payment-card form>.form-section:first-of-type{grid-column:span 2!important;width:100%!important;margin-bottom:0!important}.payment-grid-row{grid-column:span 2!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;margin:0!important;display:grid!important}.payment-grid-col{flex-direction:column!important;min-width:0!important;display:flex!important}.qr-preview-box,.dashed-upload-box{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:16px 8px!important;display:flex!important}.qr-inner-teal{width:50px!important;height:50px!important;margin-bottom:12px!important}.upload-cloud-icon svg{width:24px!important;height:24px!important}.payment-card form>.ref-form-section{grid-column:span 2!important;width:100%!important;margin-top:8px!important}.payment-card form>.btn-validation{grid-column:span 2!important;width:100%!important}.community-standing-container{flex-direction:row!important;align-items:center!important;gap:16px!important;margin-top:30px!important;display:flex!important}.badge-visual{flex-shrink:0!important;width:80px!important;height:80px!important;margin-left:0!important}.dark-service-card .service-body{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dark-service-card .service-actions{width:100%!important}.dues-header{grid-template-columns:1fr auto!important;row-gap:8px!important;display:grid!important}.dues-title-group{display:contents!important}.dues-title-group h2{grid-area:1/1/auto/2!important;align-self:center!important;margin:0!important}.dues-header .status-pill{grid-area:1/2/auto/3!important;align-self:center!important}.card-paragraph{grid-area:2/1/auto/-1!important;max-width:100%!important;margin-top:4px!important}.dashboard-content .dues-value{font-size:20px!important}.left-column{flex-direction:column;display:flex}.dues-card{order:1}.property-status-card{order:2}}:root{--primary-green:#044e3a;--primary-dark:#064e3b;--bg-color:#f8fafc;--surface-color:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--warning-bg:#fef3c7;--warning-text:#92400e;--danger-bg:#fee2e2;--danger-text:#991b1b;--success-bg:#e6f4ea;--success-text:#044e3a}.zg-payments-container{box-sizing:border-box;width:100%}.zg-property-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.zg-property-tab{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background-color:#fff;border-radius:20px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s}.zg-property-tab.active{background-color:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}.zg-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.zg-search-container{width:420px;position:relative}.zg-search-icon{display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.zg-search-input{background-color:var(--surface-color);border:1px solid var(--border-color);box-sizing:border-box;width:100%;color:var(--text-main);border-radius:30px;outline:none;padding:12px 16px 12px 46px;font-size:.9rem;transition:border-color .2s;box-shadow:0 1px 3px #00000005}.zg-search-input:focus{border-color:var(--primary-dark)}.zg-balance-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:28px 36px;box-shadow:0 2px 8px #00000005}.zg-balance-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.zg-balance-title{color:var(--text-muted);margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.zg-balance-amount{color:#064e3b;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-size:2.2rem;font-weight:700}.zg-arrears-badge{background-color:var(--warning-bg);color:var(--warning-text);border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:800;display:flex}.zg-balance-grid{border-top:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);gap:20px;padding-top:20px;display:grid}.zg-stat-label{color:var(--text-light);letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;font-size:.68rem;font-weight:800;display:block}.zg-stat-value{color:var(--text-main);font-size:.95rem;font-weight:800;display:block}.zg-badge-rejected{background-color:var(--danger-bg);color:var(--danger-text);border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.zg-ledger-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000005}.zg-ledger-topbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.zg-ledger-title-area{align-items:center;gap:12px;display:flex}.zg-ledger-heading{color:var(--primary-dark);margin:0;font-size:1.15rem;font-weight:800}.zg-year-toggle{background-color:var(--border-light);border-radius:8px;margin-left:12px;padding:3px;display:flex}.zg-year-btn{cursor:pointer;color:var(--text-muted);background-color:#0000;border:none;border-radius:6px;padding:4px 14px;font-size:.8rem;font-weight:800;transition:all .2s}.zg-year-btn.active{color:var(--text-main);background-color:#fff;box-shadow:0 1px 3px #0000000d}.zg-export-btn{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:800;transition:opacity .2s}.zg-export-btn:hover{opacity:.8}.zg-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;width:100%;position:relative;overflow-x:auto}.zg-table{border-collapse:collapse;text-align:left;width:100%}.zg-table th{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--primary-dark);letter-spacing:.5px;padding:14px 20px;font-size:.7rem;font-weight:800}.zg-table th:first-child{padding-left:32px}.zg-table th:last-child{text-align:right;padding-right:32px}.zg-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);padding:20px;font-size:.9rem}.zg-table tr:last-child td{border-bottom:none}.zg-table td:first-child{padding-left:32px;font-weight:800}.zg-table td:last-child{text-align:right;padding-right:32px}.zg-status-badge-arrears{background-color:var(--warning-bg);color:var(--warning-text);border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.zg-status-badge-paid{background-color:var(--success-bg);color:var(--success-text);border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.zg-text-past-due{color:#dc2626;font-weight:700}.zg-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.zg-btn-dispute{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:background-color .2s}.zg-btn-dispute:hover{background-color:#f8fafc}.zg-btn-generic{background-color:var(--border-light);color:var(--text-main);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:background-color .2s}.zg-btn-generic:hover{background-color:#e2e8f0}.zg-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zg-modal-title{color:var(--primary-dark);margin-top:0;margin-bottom:8px;font-size:1.2rem;font-weight:700}.zg-modal-body{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.zg-modal-input,.zg-modal-textarea{border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;outline:none;width:100%;margin-top:8px;margin-bottom:16px;padding:10px 14px;font-size:.88rem}.zg-modal-input:focus,.zg-modal-textarea:focus{border-color:var(--primary-dark)}.zg-modal-actions{justify-content:flex-end;gap:12px;display:flex}.zg-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zg-modal-card{box-sizing:border-box;background-color:#fff;border-radius:16px;width:100%;max-width:460px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.zg-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.zg-modal-header h2{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:800}.zg-modal-subtitle{color:#64748b;font-size:.8rem;font-weight:500}.zg-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.zg-modal-close:hover{color:#0f172a;background:#f1f5f9}.zg-provider-pill{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:8px;width:fit-content;margin:0 auto 16px;padding:6px 16px;font-size:.85rem;font-weight:700;display:flex}.zg-qr-display-box{text-align:center;background:#fff;border:2px dashed #a7f3d0;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;padding:20px;display:flex}.zg-modal-form-section{margin-bottom:16px}.zg-modal-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:.68rem;font-weight:800;display:block}.zg-modal-upload-box{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:14px;transition:border-color .15s;display:flex}.zg-modal-upload-box:hover{border-color:#044e3a}.zg-modal-upload-box strong{color:#0f172a;font-size:.78rem;font-weight:700}.zg-modal-upload-box span{color:#94a3b8;font-size:.68rem}.zg-input-row{align-items:center;display:flex;position:relative}.zg-modal-input{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.85rem}.zg-modal-input:focus{border-color:#044e3a;box-shadow:0 0 0 3px #044e3a1a}.zg-input-hint{color:#94a3b8;font-size:.8rem;font-style:italic;font-weight:600;position:absolute;right:14px}.zg-modal-submit-btn:hover:not(:disabled){background-color:#033a2b}.zg-modal-submit-btn:disabled{cursor:not-allowed;background-color:#94a3b8}.zg-status-badge-validating{color:#b45309;background:#fef3c7;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:700}.zg-dispute-modal-card{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:820px;padding:32px}.zg-dispute-layout{grid-template-columns:320px 1fr;gap:24px;margin-top:16px;display:grid}.zg-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.zg-summary-box h4{color:#0f172a;margin:0 0 8px;font-size:.95rem;font-weight:700}.zg-summary-row{color:#64748b;justify-content:space-between;font-size:.8rem;display:flex}.zg-summary-row strong{color:#0f172a}.zg-summary-total{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.zg-summary-total span{color:#64748b;font-size:.7rem;font-weight:800}.zg-summary-total h2{color:#0f172a;margin:0;font-size:1.4rem;font-weight:800}.zg-security-box{color:#fff;background:#064e3b;border-radius:8px;margin-top:auto;padding:14px}.zg-security-box strong{margin-bottom:4px;font-size:.78rem;display:block}.zg-security-box p{color:#a7f3d0;margin:0;font-size:.72rem;line-height:1.4}.zg-details-box h4{color:#0f172a;margin:0 0 4px;font-size:.95rem;font-weight:700}.zg-subtext{color:#64748b;margin:0 0 16px;font-size:.8rem}.zg-modal-submit-row{justify-content:flex-end;margin-top:20px;display:flex}.zg-summary-modal-card{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:600px;padding:32px}.zg-stepper-container{justify-content:space-between;align-items:center;margin:28px 0;padding:0 20px;display:flex}.zg-step{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.zg-step.active{color:#064e3b}.zg-step-icon{color:#fff;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.zg-step.active .zg-step-icon{background:#064e3b}.zg-step-line{background:#e2e8f0;flex:1;height:2px;margin:0 8px 24px}.zg-step-line.active{background:#064e3b}.zg-review-details-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.zg-review-text{color:#334155;margin:0 0 16px;font-size:.85rem;line-height:1.5}.zg-evidence-preview{background:#e2e8f0;border-radius:6px;width:100px;height:70px}.zg-close-summary-btn{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:8px;width:100%;padding:14px;font-size:.85rem;font-weight:800}.zg-close-summary-btn:hover{background:#043e2f}.zg-status-badge-pending,.zg-status-badge-validating{letter-spacing:.03em;border-radius:9999px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block;color:#7e22ce!important;background-color:#f3e8ff!important}.zg-status-badge-dispute{letter-spacing:.03em;border-radius:9999px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block;color:#1e40af!important;background-color:#dbeafe!important}.zg-status-badge-unpaid{color:#475569;letter-spacing:.03em;background-color:#f1f5f9;border-radius:9999px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.zg-ledger-heading,.zg-table th,.zg-payments-container h2,.zg-payments-container h3,.zg-payments-container h4{letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:750!important}.zg-stat-value,.zg-table td,.zg-balance-amount{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:650!important}.zg-stat-label,.zg-balance-title{letter-spacing:.03em;-webkit-font-smoothing:antialiased;font-weight:700}.zg-year-btn,.zg-export-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600!important}.zg-year-btn.active{font-weight:600!important}.zg-status-badge-paid,.zg-status-badge-pending,.zg-status-badge-arrears,.zg-status-badge-dispute,.zg-badge-rejected,.status-pill{letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700!important}.zg-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.zg-btn-pay{cursor:pointer;color:#fff;-webkit-font-smoothing:antialiased;background-color:#064e3b;border:none;border-radius:5px;padding:6px 15px;font-size:.78rem;font-weight:600!important}.zg-btn-dispute,.zg-btn-generic{cursor:pointer;color:#334155;-webkit-font-smoothing:antialiased;background-color:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:6px 15px;font-size:.78rem;font-weight:600!important}.zg-btn-dispute:hover,.zg-btn-generic:hover{background-color:#f8fafc;border-color:#94a3b8}.zg-table th,.zg-table td{text-align:center!important;text-align:center!important}.zg-table th:first-child,.zg-table td:first-child{padding-left:20px;text-align:left!important}.zg-dispute-textarea{color:#1e293b;resize:vertical;-webkit-font-smoothing:antialiased;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;min-height:100px;padding:10px 12px;font-size:.75rem;font-weight:400}.zg-dispute-textarea:focus{border-color:#064e3b;box-shadow:0 0 0 2px #064e3b1a}.zg-dispute-modal-card h2,.zg-dispute-modal-card h4,.zg-modal-label{-webkit-font-smoothing:antialiased;font-weight:600!important}.zg-status-badge-dispute,.zg-status-badge-arrears,.zg-status-badge-paid,.zg-status-badge-pending,.zg-status-badge-unpaid{text-align:center;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.zg-status-badge-paid{color:#065f46;text-align:center;background-color:#d1fae5;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.zg-modal-card{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:16px 24px;box-shadow:0 20px 25px -5px #0000001a}.zg-modal-card .zg-modal-form-section{margin-bottom:10px}.zg-qr-display-box{background-color:#f8fafc;border:2px dashed #86efac;border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;padding:8px;display:flex}.zg-qr-display-box img{object-fit:contain;width:110px;height:110px}.zg-modal-upload-box{margin-top:4px;padding:10px!important}.zg-modal-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:.85rem}.zg-modal-input::placeholder{color:#94a3b8}.zg-modal-submit-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;width:100%;margin-top:6px;padding:11px;font-size:.8rem;font-weight:500;transition:background-color .2s}.zg-modal-submit-btn:hover{background-color:#047857}.zg-btn-aor{transition:background-color .15s;color:#fff!important;cursor:pointer!important;background-color:#064e3b!important;border:1px solid #064e3b!important;border-radius:6px!important;padding:6px 12px!important;font-size:.75rem!important;font-weight:700!important}.zg-btn-aor:hover{background-color:#043d2e!important}.zg-modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;background:#00000080!important}.receipt-card{text-align:left;border-radius:16px;width:100%;max-width:420px;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#0f172a!important;background:#fff!important}.receipt-header{text-align:center;border-bottom:2px dashed #cbd5e1;padding:24px;background:#f8fafc!important}.receipt-header h2{color:#1e293b!important;margin:0 0 4px!important;font-size:1.15rem!important;font-weight:700!important}.receipt-date{color:#64748b!important;margin:0!important;font-size:.8rem!important}.receipt-body{padding:24px;background:#fff!important}.receipt-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.receipt-label{font-weight:500;color:#64748b!important}.receipt-value{text-align:right;font-weight:600;color:#0f172a!important}.receipt-value.strong{font-weight:800;color:#064e3b!important}.receipt-divider{background:#e2e8f0;height:1px;margin:16px 0}.receipt-total-row{justify-content:space-between;align-items:center;margin-top:8px;font-size:1.1rem;font-weight:800;display:flex;color:#064e3b!important}.receipt-footer{text-align:center;padding:0 24px 20px;background:#fff!important}.receipt-footer p{line-height:1.5;color:#94a3b8!important;margin:0!important;font-size:.68rem!important}.receipt-actions{border-top:1px solid #f1f5f9;gap:12px;padding:16px 24px;display:flex;background:#f8fafc!important}.receipt-actions .btn-print,.receipt-actions .btn-close{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:.85rem;font-weight:700}.receipt-actions .btn-print{color:#475569;background:#e2e8f0}.receipt-actions .btn-close{color:#fff;background:#064e3b}.mobile-ledger-list{display:none}@media (width<=768px){.desktop-only-table{display:none!important}.mobile-ledger-list{flex-direction:column;gap:16px;width:100%;display:flex}.homeowner-portal .content-area{padding:75px 0 110px!important}.zg-search-container{width:100%!important}.zg-balance-card{padding:24px 20px!important}.zg-balance-grid{grid-template-columns:1fr 1fr!important;gap:20px 12px!important}.zg-ledger-topbar{gap:12px;flex-direction:column!important;align-items:flex-end!important;padding:16px 20px!important}.zg-ledger-title-area{justify-content:space-between!important;width:100%!important}.zg-ledger-heading{font-size:1rem!important}.zg-export-btn{margin-top:4px!important;font-size:.75rem!important;text-decoration:underline!important}.mobile-ledger-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px #00000005}.mlc-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mlc-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.mlc-body{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.mlc-left-info{flex-direction:column;gap:16px;display:flex}.mlc-data-group{flex-direction:column;gap:2px;display:flex}.mlc-data-group .zg-stat-value{color:#4b5563;font-size:.85rem;font-weight:600}.mlc-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;width:100%;padding-top:16px;display:flex}.mlc-btn-fill{text-align:center;flex:1;justify-content:center;padding:8px 0!important}.zg-modal-overlay{align-items:flex-start!important;padding:20px 16px!important;overflow-y:auto!important}.zg-modal-card,.zg-dispute-modal-card,.zg-summary-modal-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:auto!important;padding:24px 20px!important}.zg-modal-header h2{font-size:1.1rem!important}.zg-modal-subtitle{margin-top:2px!important;font-size:.75rem!important;line-height:1.3!important;display:block!important}.zg-dispute-layout{flex-direction:column!important;gap:20px!important;display:flex!important}.zg-summary-box{padding:16px!important}.zg-summary-total h2{font-size:1.25rem!important}.zg-stepper-container{gap:4px!important;margin:20px 0!important;padding:0!important}.zg-step{text-align:center!important;max-width:70px!important;font-size:.65rem!important}.zg-step-icon{width:26px!important;height:26px!important;font-size:.8rem!important}.zg-step-line{margin:0 2px 20px!important}.zg-review-details-box{padding:16px!important}.zg-provider-pill{box-sizing:border-box!important;justify-content:center!important;width:100%!important}.zg-qr-display-box{padding:16px!important}.zg-qr-display-box img{width:130px!important;height:130px!important}.zg-modal-upload-box,.zg-dispute-modal-card{padding:16px!important}.zg-dispute-modal-card .zg-modal-subtitle,.zg-details-box h4,.zg-details-box .zg-subtext{display:none!important}.zg-modal-header{margin-bottom:8px!important}.zg-dispute-layout{gap:12px!important;margin-top:0!important}.zg-summary-box{gap:6px!important;padding:12px!important}.zg-summary-box h4{margin-bottom:4px!important}.zg-summary-total{margin-top:2px!important;padding-top:8px!important}.zg-security-box{display:none!important}.zg-dispute-textarea{min-height:60px!important;margin-bottom:10px!important;padding:8px 10px!important}.zg-modal-upload-box{padding:10px!important}.zg-modal-submit-row{margin-top:12px!important}}@media print{body *{visibility:hidden}#printable-receipt,#printable-receipt *{visibility:visible}#printable-receipt{position:absolute;top:0;left:0;width:100%!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.zg-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;position:static!important}.receipt-actions{display:none!important}}.cmp-container{width:100%;margin:0 auto;font-family:inherit}.cmp-container-max{max-width:100%!important}.cmp-loading-state{color:#6b7280;padding:40px}.cmp-title-margin{margin-bottom:24px}.cmp-banner{color:#065f46;background-color:#ecfdf5;border:1px solid #10b981;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;font-size:.95rem;display:flex}.cmp-banner-warning{color:#991b1b;background-color:#fef2f2;border-color:#ef4444}.cmp-banner-icon{color:#fff;background-color:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex}.cmp-banner-icon-warning{background-color:#ef4444}.cmp-grid{grid-template-columns:3fr 1fr;align-items:stretch;gap:24px;width:100%;display:grid}@media (width<=1024px){.cmp-grid{grid-template-columns:1fr}}.cmp-left-col,.cmp-right-col{flex-direction:column;display:flex}.cmp-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:24px;box-shadow:0 1px 3px #0000000d}.cmp-locked-card{text-align:center;padding:48px 24px}.cmp-locked-icon{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.cmp-card-title{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cmp-card-title h3,.cmp-linked-header h3{color:#064e3b;margin:0;font-size:1.1rem}.cmp-form-subtitle{color:#6b7280;margin-top:0;margin-bottom:20px;font-size:.85rem}.cmp-form-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:16px;display:grid}@media (width<=768px){.cmp-form-grid{grid-template-columns:1fr}}.cmp-form-group{flex-direction:column;gap:6px;display:flex}.cmp-label{color:#374151;letter-spacing:.05em;font-size:.75rem;font-weight:700}.cmp-input,.cmp-select,.cmp-textarea{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.8rem;transition:border-color .2s;font-family:Inter!important}.cmp-input:focus,.cmp-select:focus,.cmp-textarea:focus{border-color:#064e3b;box-shadow:0 0 0 3px #064e3b1a}.cmp-textarea{resize:vertical;min-height:115px}.cmp-upload-box{text-align:center;box-sizing:border-box;cursor:pointer;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:115px;padding:16px;transition:background-color .2s;display:flex}.cmp-upload-box:hover{background-color:#f3f4f6;border-color:#064e3b}.cmp-hidden-input{display:none}.cmp-upload-arrow{color:#044e3a;font-size:1.2rem}.cmp-upload-box strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-top:4px;font-size:.85rem;display:block;overflow:hidden}.cmp-upload-box span{color:#9ca3af;font-size:.75rem}.cmp-action-row{justify-content:flex-end;margin-top:20px;display:flex}.cmp-btn-primary{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;padding:12px 24px;font-size:.85rem;font-weight:600;transition:background-color .2s}.cmp-btn-primary:hover{background-color:#04392c}.cmp-btn-primary:disabled{cursor:not-allowed;background-color:#9ca3af}.cmp-linked-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cmp-badge-count{color:#065f46;background-color:#ecfdf5;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.cmp-guidelines-card{box-sizing:border-box;height:100%}.cmp-guidelines-list{color:#4b5563;flex-direction:column;gap:12px;margin:0;padding-left:18px;font-size:.875rem;line-height:1.6;display:flex}.cmp-table-card-spacing{margin-top:24px}.cmp-table-wrapper{width:100%;overflow-x:auto}.cmp-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.cmp-table th{color:#064e3b;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:.75rem;font-weight:700}.cmp-th-action{text-align:right}.cmp-table td{color:#1f2937;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px;font-size:.875rem}.cmp-table tbody tr{cursor:pointer}.cmp-table tbody tr:hover{background-color:#fdfdfd}.cmp-td-date{color:#064e3b;font-weight:500}.cmp-td-arrow{text-align:right;color:#6b7280;font-weight:700}.cmp-empty-state{text-align:center;color:#9ca3af;font-style:italic;padding:32px!important}.cmp-pill-badge{letter-spacing:.025em;text-align:center;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.cmp-badge-financial{color:#92400e;background-color:#fef3c7}.cmp-badge-grievances{color:#991b1b;background-color:#fee2e2}.cmp-badge-infrastructure{color:#065f46;background-color:#d1fae5}.cmp-badge-beautification{color:#5b21b6;background-color:#ede9fe}.cmp-badge-pr{color:#0369a1;background-color:#e0f2fe}.cmp-badge-sports{color:#9d174d;background-color:#fce7f3}.cmp-badge-default{color:#374151;background-color:#f3f4f6}.cmp-status-active{color:#fff;background-color:#dc2626}.cmp-status-investigating{color:#713f12;background-color:#facc15}.cmp-status-escalated{color:#fff;background-color:#2563eb}.cmp-status-resolved{color:#fff;background-color:#16a34a}.cmp-status-default{color:#374151;background-color:#e5e7eb}.cmp-back-btn{color:#064e3b;cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:.95rem;font-weight:600}.cmp-detail-header-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.cmp-detail-id{color:#374151;font-weight:600}.cmp-detail-title{color:#111827;margin-top:0;margin-bottom:24px;font-size:1.75rem}.cmp-section-spacing{margin-bottom:24px}.cmp-sub-heading{color:#064e3b;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;font-size:1rem;display:flex}.cmp-timeline{border-left:2px solid #e5e7eb;flex-direction:column;gap:16px;margin-left:6px;padding-left:20px;display:flex;position:relative}.cmp-timeline-item{position:relative}.cmp-timeline-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-27px}.cmp-dot-green{background-color:#10b981}.cmp-dot-yellow{background-color:#facc15}.cmp-timeline-content{justify-content:space-between;align-items:flex-start;display:flex}.cmp-timeline-subtext{color:#6b7280;margin:2px 0 0;font-size:.85rem}.cmp-timeline-date{color:#9ca3af;font-size:.8rem}.cmp-details-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:20px;display:grid}.cmp-details-block{margin-bottom:20px}.cmp-details-text{color:#1f2937;margin-top:4px;margin-bottom:0;font-size:.95rem}.cmp-description-text{line-height:1.5}.cmp-evidence-container{gap:12px;margin-top:8px;display:flex}.cmp-evidence-box{color:#9ca3af;text-align:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:120px;height:80px;padding:4px;font-size:.75rem;display:flex}@media (width<=768px){.cmp-title-margin{margin-bottom:18px!important}.cmp-banner{margin-top:10px!important;margin-bottom:16px!important}}.vhs-stepper-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto 36px;padding:0 40px;display:flex;position:relative}@media (width<=1024px){.vhs-grid-layout{grid-template-columns:1fr}}@media (width<=768px){.vhs-form-row{grid-template-columns:1fr}}.vhs-upload-box{text-align:center;cursor:pointer;box-sizing:border-box;background-color:#ecfdf5;border:2px dashed #10b981;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:16px 12px;display:flex}.vhs-upload-icon{color:#064e3b;margin-bottom:4px;font-size:1.1rem;font-weight:700;line-height:1}.vhs-upload-text{color:#065f46;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:3px;font-size:.85rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}.vhs-upload-sub{color:#059669;font-size:.75rem;line-height:1.2}@media (width<=768px){.vhs-payment-summary-row{grid-template-columns:1fr}}@media (width<=768px){.vhs-payment-methods-grid{grid-template-columns:1fr}}.vhs-modal-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vhs-container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;font-family:inherit}.vhs-header-section{margin-bottom:24px}.vhs-header-section h1{color:#064e3b;margin:0 0 4px;font-size:1.75rem;font-weight:700}.vhs-header-section p{color:#6b7280;margin:0;font-size:.95rem}.vhs-back-link{color:#064e3b;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:.95rem;font-weight:600;display:block}.vhs-stepper-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto 36px;padding:0 40px;display:flex;position:relative;margin-bottom:32px!important}.cmp-container .vhs-stepper-container{margin-bottom:18px!important}.vhs-stepper-track{z-index:1;background-color:#e5e7eb;height:2px;position:absolute;top:20px;left:80px;right:80px}.vhs-step-node{z-index:2;color:#9ca3af;flex-direction:column;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:relative}.vhs-step-circle{color:#9ca3af;background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:6px;font-weight:700;transition:all .3s;display:flex}.vhs-step-node.active .vhs-step-circle{color:#fff;background-color:#064e3b}.vhs-step-node.active{color:#064e3b}.vhs-grid-layout{grid-template-columns:2fr 1fr;align-items:flex-start;gap:24px;width:100%;display:grid}@media (width<=1024px){.vhs-grid-layout{grid-template-columns:1fr}}.vhs-form-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:32px;box-shadow:0 1px 3px #0000000d}.vhs-sidebar-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:24px;box-shadow:0 1px 3px #0000000d}.vhs-sidebar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.vhs-sidebar-header h3{color:#064e3b;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.vhs-total-pill{color:#065f46;white-space:nowrap;background-color:#ecfdf5;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600}.vhs-vehicle-list{flex-direction:column;gap:12px;display:flex}.vhs-vehicle-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.vhs-vehicle-name{color:#064e3b;font-size:.9rem;font-weight:600}.vhs-plate-pill{color:#fff;letter-spacing:.05em;background-color:#9ca3af;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.vhs-section-title{color:#064e3b;letter-spacing:.025em;margin-bottom:14px;font-size:.95rem;font-weight:700}.vhs-form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.vhs-form-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}@media (width<=768px){.vhs-form-row{grid-template-columns:1fr}}.vhs-label{color:#374151;letter-spacing:.05em;font-size:.7rem;font-weight:700}.vhs-input,.vhs-select{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem}.vhs-input:focus,.vhs-select:focus{border-color:#064e3b;box-shadow:0 0 0 3px #064e3b1a}.vhs-upload-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.vhs-upload-box{text-align:center;cursor:pointer;box-sizing:border-box;background-color:#ecfdf5;border:2px dashed #10b981;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:105px;padding:16px;display:flex}.vhs-upload-icon{color:#064e3b;margin-bottom:4px;font-size:1.1rem;font-weight:700}.vhs-upload-text{color:#065f46;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:2px;font-size:.85rem;font-weight:700;display:block;overflow:hidden}.vhs-upload-sub{color:#059669;font-size:.75rem}.vhs-action-row{justify-content:flex-end;width:100%;margin-top:24px;display:flex}.vhs-btn-primary{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 28px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:inline-flex}.vhs-btn-primary:hover{background-color:#04392c}.vhs-payment-summary-row{grid-template-columns:2fr 1fr;gap:20px;width:100%;margin-bottom:24px;display:grid}@media (width<=768px){.vhs-payment-summary-row{grid-template-columns:1fr}}.vhs-payment-details-box{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.vhs-payment-details-box h4{color:#064e3b;margin:0 0 12px;font-size:.95rem}.vhs-pay-line{color:#4b5563;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.vhs-total-fee-box{text-align:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.vhs-total-fee-box span{color:#4b5563;margin-bottom:4px;font-size:.8rem;font-weight:600}.vhs-total-fee-box h2{color:#064e3b;margin:0;font-size:1.75rem}.vhs-payment-methods-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}@media (width<=768px){.vhs-payment-methods-grid{grid-template-columns:1fr}}.vhs-method-card{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;transition:all .2s}.vhs-method-card:hover{border-color:#064e3b;box-shadow:0 4px 12px #064e3b14}.vhs-method-icon{color:#065f46;background-color:#ecfdf5;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:1.1rem;font-weight:700;display:flex}.vhs-method-card h3{color:#1f2937;margin:0 0 6px;font-size:1rem}.vhs-method-card p{color:#6b7280;margin:0;font-size:.85rem}.vhs-success-card{text-align:center;max-width:600px;margin:0 auto;padding:48px 32px}.vhs-success-icon-wrap{color:#fff;background-color:#10b981;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:2rem;display:flex}.vhs-success-card h2{color:#064e3b;margin-bottom:20px}.vhs-success-notice{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.vhs-success-notice p{color:#1f2937;margin:0 0 6px;font-size:.95rem}.vhs-success-notice span{color:#6b7280;font-size:.85rem}.vhs-modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vhs-modal-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:28px;box-shadow:0 10px 25px #00000026}.vhs-modal-header{justify-content:space-between;align-items:center;display:flex}.vhs-modal-header h3{color:#111827;margin:0;font-size:1.15rem}.vhs-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem}.vhs-modal-sub{color:#6b7280;margin:4px 0 16px;font-size:.85rem}.vhs-gcash-badge{color:#fff;background-color:#007dfe;border-radius:8px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.vhs-qr-box{justify-content:center;margin-bottom:16px;display:flex}.vhs-qr-mock{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px 20px);border:4px solid #10b981;border-radius:8px;width:160px;height:160px}.vhs-vehicle-item.clickable{cursor:pointer;transition:background-color .15s,border-color .15s}.vhs-vehicle-item.clickable:hover{background-color:#f1f5f9;border-color:#cbd5e1}@media (width<=768px){.vhs-form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:2px;display:flex}.vhs-select{margin-bottom:16px}}.vhs-stepper-container{padding:0 40px!important}.vhs-stepper-track{width:auto!important;top:20px!important;left:40px!important;right:40px!important}@media (width<=768px){.cmp-container .vhs-stepper-container{margin-top:10px!important;padding:0 16px!important}.vhs-stepper-track{left:36px!important;right:36px!important}}.page-title-section h1{color:#064e3b;letter-spacing:-.02em;margin:0 0 8px;font-size:2.2rem;font-weight:700}.tm-container{box-sizing:border-box;width:100%}.tm-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;width:100%;display:grid}.tm-left-col,.tm-right-col{flex-direction:column;gap:24px;min-width:0;display:flex}.tm-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000005}.tm-card-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tm-card-title h3{color:#064e3b;margin:0;font-size:1.1rem;font-weight:700}.tm-icon-box{color:#044e3a;background-color:#e6f4ea;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tm-form-group{margin-bottom:20px}.tm-label{color:#064e3b;letter-spacing:.05em;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.tm-sublabel{color:#9ea5b1;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.tm-select,.tm-input{color:#111827;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.9rem;transition:border-color .2s}.tm-select:focus,.tm-input:focus{border-color:#064e3b}.tm-section-divider{border-top:1px solid #f1f5f9;padding-top:20px}.tm-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tm-form-col{flex-direction:column;gap:16px;display:flex}.tm-upload-box{text-align:center;box-sizing:border-box;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:105px;padding:16px;display:flex}.tm-upload-box strong{color:#111827;font-size:.78rem;font-weight:700;display:block}.tm-upload-box span{color:#6b7280;font-size:.65rem}.tm-permission-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.tm-permission-row h4{color:#111827;margin:0 0 4px;font-size:1rem;font-weight:700}.tm-permission-row p{color:#6b7280;margin:0;font-size:.85rem}.tm-switch{cursor:pointer;width:48px;height:26px;display:inline-block;position:relative}.tm-switch input{opacity:0;width:0;height:0}.tm-slider{background-color:#cbd5e1;border-radius:26px;transition:all .3s;position:absolute;inset:0}.tm-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.tm-switch input:checked+.tm-slider{background-color:#044e3a}.tm-switch input:checked+.tm-slider:before{transform:translate(21px)}.tm-action-row{justify-content:flex-end;display:flex}.tm-btn-primary{color:#fff;cursor:pointer;background-color:#044e3a;border:none;border-radius:8px;padding:14px 32px;font-size:.9rem;font-weight:700;transition:background-color .2s}.tm-btn-primary:hover{background-color:#033a2b}.tm-linked-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.tm-linked-header h3{color:#111827;margin:0;font-size:1.05rem;font-weight:700}.tm-badge-count{color:#044e3a;background-color:#e6f4ea;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700}.tm-tenant-list{flex-direction:column;gap:12px;display:flex}.tm-tenant-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.tm-tenant-info{align-items:center;gap:12px;display:flex}.tm-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.tm-tenant-name{color:#111827;font-size:.88rem;font-weight:700}.tm-status-pill{border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:700}.tm-status-pill.active{color:#044e3a;background-color:#d1fae5}.tm-status-pill.pending{color:#92400e;background-color:#fef3c7}.tm-empty-state{text-align:center;color:#9ea5b1;padding:20px 0;font-size:.85rem}.tm-container .page-title-section p{margin-top:-8px!important}.td-back-link{color:#047857;cursor:pointer;align-items:center;gap:8px;margin-bottom:24px;font-size:.9rem;font-weight:500;display:inline-flex}.td-back-link:hover{text-decoration:underline}.td-header-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.td-profile-block{align-items:center;gap:16px;display:flex}.td-avatar-large{color:#fff;background:#92400e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.td-name-block h2{color:#064e3b;letter-spacing:-.02em;margin:0 0 6px;font-size:1.6rem;font-weight:700}.td-badge{border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.td-badge.pending{color:#a16207;background:#fef08a}.td-badge.active{color:#166534;background:#dcfce7}.td-actions{gap:12px;display:flex}.btn-gray{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-red{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}.td-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000000d}.td-section-label{color:#64748b;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.td-address-text{color:#1e293b;margin:0 0 24px;font-size:.9rem;font-weight:700}.td-info-grid{grid-template-columns:1fr 1fr;gap:20px 32px;display:grid}.td-info-item p{color:#0f172a;margin:4px 0 0;font-size:.95rem;font-weight:500}.td-timeline h4{color:#475569;margin-bottom:16px;font-size:.85rem;font-weight:700}.timeline-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#e2e8f0;width:2px;position:absolute;top:32px;bottom:-20px;left:15px}.t-icon{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.t-icon.done{background:#047857}.t-icon.wait{color:#fff;background:#94a3b8;font-weight:700}.t-content h5{color:#064e3b;margin:0 0 4px;font-size:.95rem;font-weight:700}.t-content p{color:#1e293b;margin:0 0 4px;font-size:.85rem}.t-content span{color:#64748b;font-size:.75rem}.perm-card-title{color:#475569;margin-bottom:12px;font-size:.75rem;font-weight:700}.perm-box{background:#064e3b;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.perm-box span{color:#fff;font-size:.95rem;font-weight:600}.perm-subtitle{color:#94a3b8;margin-top:12px;font-size:.75rem;display:block}@media (width<=768px){.homeowner-portal .tm-container .content-area{box-sizing:border-box!important;flex-direction:column!important;padding:75px 16px 110px!important;display:flex!important;overflow-x:hidden!important}.tm-container{box-sizing:border-box!important;width:100%!important}.sidebar,.ho-topbar{display:none!important}.tm-container .page-title-section{margin-bottom:16px!important}.tm-container .page-title-section h1{margin-bottom:6px!important;font-size:1.6rem!important;line-height:1.2!important}.tm-container .page-title-section p{margin-top:0!important;font-size:.85rem!important;line-height:1.4!important}.tm-grid{flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}.tm-left-col,.tm-right-col{width:100%!important}.tm-card{box-sizing:border-box!important;width:100%!important;padding:20px 16px!important}.tm-form-grid{flex-direction:column!important;gap:16px!important;display:flex!important}.tm-form-col{gap:16px!important}.tm-form-group{margin-bottom:16px!important}.tm-permission-row{align-items:center!important}.tm-permission-row h4{font-size:.95rem!important}.tm-permission-row p{font-size:.75rem!important}.tm-action-row{width:100%!important;margin-top:8px!important}.tm-btn-primary{justify-content:center!important;width:100%!important;padding:14px!important;font-size:.95rem!important;display:flex!important}.tm-right-col .tm-card{box-shadow:none!important;background-color:#0000!important;border:none!important;margin-top:8px!important;padding:0!important}.tm-linked-header{border-bottom:none!important;margin-bottom:12px!important;padding-bottom:4px!important}.tm-linked-header h3{font-size:1.1rem!important;font-weight:800!important}.tm-badge-count{color:#475569!important;background-color:#e2e8f0!important;font-size:.7rem!important}.tm-tenant-item{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:14px 16px!important;box-shadow:0 1px 3px #0000000a!important}}.main-container{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:50;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.tenant-brand-header{justify-content:flex-start;align-items:center;gap:12px;padding:8px 12px 28px;display:flex}.nav-link{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tenant-brand-header img{object-fit:contain;transform-origin:50%;width:45px;height:45px;display:block;transform:scale(1.35);margin-left:3px!important;margin-right:4px!important}.tenant-content-area{width:calc(100% - 260px)!important;padding:24px 4px calc(90px + env(safe-area-inset-bottom)) 4px!important;background-color:#fff!important;flex-direction:column!important;flex:1!important;height:100vh!important;margin-left:260px!important;display:flex!important;overflow:hidden auto!important}.tenant-topbar{box-sizing:border-box!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:24px!important;margin-bottom:20px!important;padding-left:0!important;padding-right:28px!important;display:flex!important}.user-profile{align-items:center!important;gap:12px!important;margin-right:28px!important;display:flex!important}.user-name{color:#111827!important;font-size:.875rem!important;font-weight:700!important;line-height:1.2!important}.tenant-topbar{justify-content:flex-end!important;align-items:center!important;width:100%!important;margin-top:0!important;margin-bottom:32px!important;padding:0!important;display:flex!important}.tenant-topbar .user-profile{align-items:center!important;gap:12px!important;display:flex!important}.tenant-topbar .user-info{text-align:right!important;flex-direction:column!important;align-items:flex-end!important;display:flex!important}.tenant-topbar .user-name{color:#111827!important;font-size:.95rem!important;font-weight:700!important;line-height:1.2!important}.tenant-topbar .user-role{color:#64748b!important;letter-spacing:.05em!important;text-transform:uppercase!important;font-size:.7rem!important}.tenant-content-area .page-content{flex-direction:column!important;width:100%!important;display:flex!important}.mobile-tenant-header,.mobile-tenant-bottom-nav{display:none!important}.tenant-content-area,.tenant-content-area .page-content{text-align:left!important;align-items:stretch!important}.tenant-content-area .page-content>div,.tenant-content-area .page-content section,.tenant-content-area h1,.tenant-content-area h2,.tenant-content-area h3,.tenant-content-area h4,.tenant-content-area p,.tenant-content-area label{text-align:left!important}@media (width<=768px){.sidebar,.tenant-topbar{display:none!important}.mobile-tenant-header{z-index:2000!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:58px!important;padding:0 14px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 1px 4px #0000000a!important}.mobile-brand{color:#111827;align-items:center;gap:7px;text-decoration:none;display:flex}.mobile-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-brand-logo img{object-fit:contain;width:34px;height:34px;display:block;transform:scale(1.35)}.mobile-brand-text{flex-direction:column;display:flex}.mobile-brand-text strong{color:#111827;font-size:.88rem;font-weight:800;line-height:1.05}.mobile-brand-text span{color:#10b981;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:.46rem;font-weight:800}.mobile-user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;width:34px!important;height:34px!important;font-size:.8rem!important}.mobile-tenant-bottom-nav{z-index:2000!important;width:100%!important;height:64px!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom)) 8px!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e5e7eb!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -2px 10px #0000000f!important}.mobile-nav-item{-webkit-tap-highlight-color:transparent;color:#9ca3af!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;padding:3px 1px!important;text-decoration:none!important;display:flex!important}.mobile-nav-item.active{color:#064e3b!important}.mobile-nav-icon{justify-content:center;align-items:center;width:19px;height:19px;display:flex}.mobile-nav-icon svg{width:17px;height:17px}.mobile-nav-label{text-align:center;width:100%;font-size:.42rem;font-weight:700}.tenant-content-area{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:75px 0px calc(90px + env(safe-area-inset-bottom)) 0px!important;box-sizing:border-box!important;background:#f8fafc!important;margin-left:0!important;display:block!important;overflow:hidden visible!important}.logout-modal{max-width:320px!important;padding:24px 20px!important}.tenant-topbar,.topbar{display:none!important}.dashboard-grid{flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;display:flex!important}.left-column,.right-column{display:contents!important}.dashboard-card{box-sizing:border-box!important;width:100%!important}.page-title-section{order:1!important;margin-bottom:0!important}.dues-card{order:2!important}.payment-card{order:3!important;margin-bottom:0!important}.property-info-card{order:4!important;margin-top:0!important}.left-column>.section-title{order:5!important;margin-top:8px!important;margin-bottom:0!important}.overview-row{flex-direction:column!important;order:6!important;align-items:stretch!important;gap:12px!important;display:flex!important}.dark-service-card{order:7!important}.office-card{order:8!important}.dues-content{border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:flex-end!important;width:100%!important;margin-top:16px!important;padding-top:16px!important;display:flex!important}.dues-left{flex-direction:column!important;align-items:flex-start!important;display:flex!important}.dues-right{flex-direction:column!important;align-items:flex-end!important;display:flex!important}.payment-card form{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.payment-card .form-section:first-child,.payment-card .form-section:nth-child(2){width:100%!important;margin-bottom:0!important}.payment-card .form-section:nth-child(3),.payment-card .btn-validation{grid-column:span 2!important}.qr-preview-box,.dashed-upload-box{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:16px 8px!important;display:flex!important}.qr-inner-teal{width:50px!important;height:50px!important;margin-bottom:12px!important}.upload-cloud-icon svg{width:24px!important;height:24px!important}.dark-service-card .service-body{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dark-service-card .service-actions{width:100%!important}.dues-value{font-size:24px!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.content-area{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;height:100vh;padding:32px 48px;display:flex;overflow:hidden auto;width:calc(100% - 260px)!important;margin-left:260px!important}.tenant-topbar{flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;margin-top:24px;margin-bottom:20px;padding-right:32px;display:flex}.property-tabs{gap:12px;margin-left:32px;margin-right:auto;display:flex}.prop-tab{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;padding:8px 16px;font-size:.85rem;font-weight:600}.prop-tab.active{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.user-info{text-align:right;flex-direction:column;display:flex}.user-role{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem}.user-avatar{color:#fff;background-color:#1e1b4b;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.95rem;font-weight:700;display:flex}.page-title-section{margin-bottom:28px}.page-title-section h1{color:#064e3b;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-size:2.2rem;font-weight:700}.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;width:100%;padding-bottom:50px;display:grid}.left-column,.right-column{flex-direction:column;gap:24px;min-width:0;display:flex}.dashboard-card{background-color:#fff;border:1px solid #e1e3e6;border-radius:14px;width:100%;padding:28px 32px;box-shadow:0 4px 6px -1px #00000005}.dues-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dues-title-group h2{color:#064e3b;margin-bottom:6px;font-size:1.25rem;font-weight:800}.card-paragraph{color:#64748b;font-size:.9rem;line-height:1.5}.status-pill{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill.active-pill{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.dues-content{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.dues-left .dues-label{color:#64748b;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.dues-value{color:#064e3b;font-size:2rem;font-weight:800}.dues-right{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dues-meta{flex-direction:column;display:flex}.dues-meta.right-align{text-align:right}.meta-label{color:#64748b;margin-bottom:4px;font-size:.7rem;font-weight:700}.meta-badge.approved{color:#059669;font-size:.95rem;font-weight:800}.meta-text{color:#1e293b;font-size:.95rem;font-weight:700}.section-title{color:#064e3b;letter-spacing:.02em;margin-top:8px;font-size:1rem;font-weight:800}.overview-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.overview-card{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.overview-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-wrapper.red{color:#dc2626;background:#fee2e2}.icon-wrapper.blue{color:#2563eb;background:#dbeafe}.overview-label{color:#64748b;letter-spacing:.05em;font-size:.7rem;font-weight:800}.overview-body h4{color:#475569;margin-bottom:4px;font-size:.9rem;font-weight:600}.overview-number{color:#064e3b;font-size:1.8rem;font-weight:800}.overview-footer{border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:16px;padding-top:12px;font-size:.82rem;display:flex}.overview-footer.split{justify-content:space-between}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.yellow{background-color:#f59e0b}.muted-text{color:#64748b;font-weight:600}.service-body h3{color:#064e3b;align-items:center;gap:8px;margin-bottom:8px;font-size:1.1rem;font-weight:800;display:flex}.service-copy p{color:#64748b;margin-bottom:20px;font-size:.9rem;line-height:1.5}.service-actions{flex-direction:column;gap:12px;display:flex}.service-btn{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.service-btn:hover{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.btn-icon{margin-right:8px}.panel-heading{margin-bottom:20px}.panel-heading h3{color:#064e3b;font-size:1.1rem;font-weight:800}.form-section{margin-bottom:20px}.form-label{color:#64748b;margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.ref-form-label{color:#64748b;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.qr-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex}.qr-inner{margin-bottom:12px}.qr-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.qr-scan-text{color:#064e3b;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.upload-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.upload-icon{color:#064e3b;border-radius:8px;padding:10px;display:flex}.upload-text strong{color:#1e293b;margin-bottom:2px;font-size:.85rem;display:block}.upload-text span{color:#64748b;font-size:.75rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-ref{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600}.input-info{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;display:flex;position:absolute;right:14px}.btn-primary{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;width:100%;padding:14px;font-size:.9rem;font-weight:700;transition:background-color .2s}.btn-primary:hover{background-color:#043d2e}.office-heading{align-items:center;gap:10px;display:flex}.office-card ul{flex-direction:column;gap:14px;list-style:none;display:flex}.office-card li{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:.85rem;display:flex}.office-card li:last-child{border-bottom:none;padding-bottom:0}.office-card span{color:#64748b;font-weight:700}.office-card strong{color:#1e293b;font-weight:700}.muted-strong{color:#94a3b8!important}.tooltip-trigger{cursor:help;outline:none}.tooltip-box{visibility:hidden;opacity:0;color:#f8fafc;text-align:left;z-index:100;pointer-events:none;background-color:#1e293b;border-radius:8px;width:210px;padding:10px 12px;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;bottom:calc(100% + 12px);right:-8px;transform:translateY(4px);box-shadow:0 4px 10px #00000026}.tooltip-box:after{content:"";border:6px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;right:12px}.tooltip-trigger:hover .tooltip-box,.tooltip-trigger:focus .tooltip-box,.tooltip-trigger:active .tooltip-box{visibility:visible;opacity:1;transform:translateY(0)}.tooltip-box strong{color:#38bdf8;margin-bottom:4px;font-size:.72rem;display:block}.tooltip-box p{color:#e2e8f0;margin:0;font-size:.65rem;font-weight:500;line-height:1.4}@media (width<=768px){.ref-form-label{color:#64748b;margin-top:0;margin-bottom:0;font-size:.7rem;font-weight:700;display:block}.btn-validation{margin-top:-16px!important}.upload-text strong{text-align:center}.tenant-portal .page-title-section{margin-bottom:18px!important}}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden;background-color:#f8fafc!important}body{overflow-y:auto}.layout-wrapper{background-color:#f8fafc;width:100%;min-height:100vh;font-family:inherit}.main-container{width:100%;min-height:100vh;display:flex;position:relative}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:visible}.brand-logo img{object-fit:contain;transform-origin:50%;width:52px;height:52px;display:block;transform:scale(1.35)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.content-area{background-color:#fff;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100vh;margin-left:260px;padding:24px 32px;display:flex;overflow:visible}.director-portal .content-area{background-color:#fff!important;flex-direction:column!important;flex:1!important;gap:0!important;width:calc(100% - 260px)!important;min-width:0!important;height:auto!important;min-height:100vh!important;margin-left:260px!important;padding:24px 32px!important;display:flex!important;overflow:hidden visible!important}.director-portal .topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.search-bar-large{flex-shrink:0;width:320px;position:relative}.search-bar-large .search-icon{color:#9ca3af;pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar-large input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 38px;font-size:.875rem}.search-bar-large input::placeholder{color:#9ca3af}.search-bar-large input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98114}.director-portal .user-profile{flex-direction:row;flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex;overflow:visible;margin-right:-1px!important}.director-portal .user-info{text-align:right;flex-direction:column;min-width:0;display:flex}.director-portal .user-name{color:#111827;white-space:nowrap;font-size:.875rem;font-weight:700}.director-portal .user-role{color:#6b7280;white-space:nowrap;font-size:.75rem}.director-portal .user-avatar{color:#fff;z-index:2;background-color:#065f46;order:2;font-size:.85rem;font-weight:700;line-height:1;position:relative;border-radius:50%!important;flex:0 0 38px!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;display:flex!important;overflow:visible!important}.mobile-director-header{display:none}.mobile-brand{color:inherit;text-decoration:none}.mobile-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;overflow:visible}.mobile-search-button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.mobile-search-button:hover{color:#064e3b;background-color:#f3f4f6}.mobile-user-avatar{color:#fff;z-index:5;flex-shrink:0;font-size:.68rem;font-weight:800;line-height:1;position:relative;border-radius:50%!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;display:flex!important;overflow:visible!important}.mobile-director-bottom-nav{display:none}.mobile-header-actions{align-items:center;gap:8px;display:flex}.mobile-inline-search-wrapper{align-items:center;gap:4px;display:flex}.mobile-inline-search-input{opacity:0;color:#1e293b;pointer-events:none;border:1px solid #0000;border-radius:6px;outline:none;width:0;padding:0;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff!important}.mobile-inline-search-input.expanded{opacity:1;pointer-events:auto;border-color:#94a3b8;width:150px;padding:6px 10px}.mobile-inline-search-input::placeholder{color:#94a3b8}.mobile-search-toggle{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.mobile-search-toggle:active{color:#0f172a}@media screen and (width<=380px){.mobile-inline-search-input.expanded{width:120px}}@media (width<=768px){html,body,#root{width:100%;min-width:0;min-height:100%;background:#fff!important;overflow:hidden auto!important}body{-webkit-overflow-scrolling:touch;margin:0!important;padding:0!important}.layout-wrapper{background:#fff;width:100%;min-height:100%}.main-container{width:100%;min-height:100%;display:block}.mobile-director-header{z-index:2000;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000a;overflow:visible!important}.mobile-brand{color:#111827;align-items:center;gap:7px;min-width:0;text-decoration:none;display:flex;overflow:visible}.mobile-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:visible}.mobile-brand-logo img{object-fit:contain;transform-origin:50%;width:34px;height:34px;display:block;transform:scale(1.35)}.mobile-brand-text{flex-direction:column;min-width:0;display:flex}.mobile-brand-text strong{color:#111827;font-size:.88rem;font-weight:800;line-height:1.05}.mobile-brand-text span{color:#10b981;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:.46rem;font-weight:800;line-height:1}.mobile-header-actions{flex-shrink:0;align-items:center;gap:7px;display:flex;overflow:visible!important}.mobile-search-button{flex:0 0 30px;width:30px;height:30px}.mobile-search-button svg{width:17px;height:17px}.mobile-user-avatar{font-size:.65rem;border-radius:50%!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;overflow:visible!important}.sidebar,.director-portal .sidebar,.topbar,.director-portal .topbar,.director-portal .user-profile{display:none!important}.content-area,.director-portal .content-area{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:70px 12px calc(82px + env(safe-area-inset-bottom)) 12px!important;box-sizing:border-box!important;background:#fff!important;margin-left:0!important;display:block!important;overflow:hidden visible!important}.mobile-director-bottom-nav{width:100%;min-height:64px;padding:4px 4px calc(4px + env(safe-area-inset-bottom)) 4px;z-index:2000;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000f}.mobile-nav-item{color:#9ca3af;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 1px;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.mobile-nav-item:active{background-color:#f3f7f5}.mobile-nav-item.active{color:#064e3b}.mobile-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.mobile-nav-icon svg{width:17px;height:17px}.mobile-nav-label{text-align:center;white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-width:68px;padding:0 1px;font-size:.42rem;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.director-portal main,.director-portal section,.director-portal article,.director-portal aside,.director-portal img,.director-portal svg,.director-portal canvas,.director-portal table{max-width:100%}}@media (width<=360px){.mobile-director-header{height:56px;padding-left:10px;padding-right:10px}.mobile-brand-logo{width:22px;height:22px}.mobile-brand-logo img{object-fit:contain;width:20px;height:20px;display:block}.mobile-brand-text strong{font-size:.82rem}.mobile-brand-text span{font-size:.42rem}.mobile-user-avatar{font-size:.6rem;flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}.content-area,.director-portal .content-area{padding-top:67px!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}.mobile-director-bottom-nav{min-height:62px}.mobile-nav-icon{width:18px;height:18px}.mobile-nav-icon svg{width:16px;height:16px}.mobile-nav-label{max-width:60px;font-size:.39rem}}.desktop-avatar-wrapper{z-index:5;flex:0 0 42px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;min-height:42px;display:flex;position:relative;overflow:visible}.desktop-avatar-wrapper .user-avatar{flex-shrink:0;justify-content:center;align-items:center;line-height:1;border-radius:50%!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;display:flex!important;overflow:visible!important}.mobile-avatar-wrapper{z-index:10;flex:0 0 36px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;display:flex;position:relative;overflow:visible}.mobile-account-link{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;text-decoration:none}.mobile-account-link:focus-visible{outline-offset:2px;outline:2px solid #064e3b}.mobile-account-link:active{transform:scale(.97)}.mobile-avatar-wrapper .mobile-user-avatar{flex-shrink:0;justify-content:center;align-items:center;line-height:1;border-radius:50%!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;display:flex!important;overflow:visible!important}.dg-shell{width:100%;min-height:100vh;box-shadow:none;box-sizing:border-box;background:#fff;border:none;border-radius:0;display:block;overflow-x:hidden;margin:-10px 0 0!important;padding:0!important}.financials-page,.dg-shell{min-height:100vh;padding-bottom:60px;height:auto!important;overflow-y:auto!important}.dg-sidebar{border-right:1px solid var(--line);background:linear-gradient(#f8fbf9 0%,#edf4f0 100%);flex-direction:column;padding:20px 14px;display:flex}.dg-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.dg-brand-mark{color:#fff;background:linear-gradient(145deg,#0f7050,#114f3b);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.dg-brand strong{font-family:var(--font-display);font-size:.95rem}.dg-brand p{color:var(--text-soft);letter-spacing:.09em;margin:2px 0 0;font-size:.64rem}.dg-main{box-sizing:border-box;width:100%;margin-top:0!important}.dg-topbar{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.dg-topbar h1{color:#064e3b;letter-spacing:0;text-align:left;margin:0 0 6px;font-size:2.2rem;font-weight:700;margin-top:20px!important}.dg-zone-pill{color:#67806f;background:#eef2f4;border-radius:999px;margin-top:6px;padding:3px 9px;font-size:.68rem;font-weight:800;display:inline-block}.dg-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-bottom:20px;display:grid}.dg-metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;min-width:0;padding:16px 20px;display:flex;box-shadow:0 1px 2px #0000000a}.dg-metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.dg-metric-icon svg{width:22px;height:22px}.tone-green .dg-metric-icon{color:#166534;background-color:#bbf7d0}.tone-blue .dg-metric-icon{color:#1e3a8a;background-color:#bfdbfe}.tone-amber .dg-metric-icon{color:#854d0e;background-color:#fef08a}.tone-purple .dg-metric-icon{color:#6b21a8;background-color:#e9d5ff}.tone-danger .dg-metric-icon,.tone-red .dg-metric-icon{color:#9f1239;background-color:#fecdd3}.dg-metric-card-content{flex-direction:column;gap:4px;min-width:0;display:flex}.dg-metric-label{color:#475569;font-size:14px;font-weight:700}.dg-metric-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1.1}.dg-metric-detail{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.dg-metric-dot,.dg-metric-detail-dot{background-color:#fbbf24;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dg-content-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;width:100%;display:grid}.dg-primary-column,.dg-side-column{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;width:100%;min-width:0;display:grid}.dg-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;min-width:0;box-shadow:0 1px 3px #0000000d}.dg-chart-card{padding:16px}.dg-card-heading h2{color:#064e3b;margin:0;font-size:1.1rem;font-weight:700}.dg-card-heading p{color:#71837b;margin:3px 0 0;font-size:.76rem}.dg-chart-hover-zone{min-width:0}.dg-chart-tooltip{color:#f8fafc;z-index:100;pointer-events:none;box-sizing:border-box;background:#1e293b;border-radius:8px;flex-direction:column;gap:5px;width:150px;max-width:150px;padding:9px 10px;font-size:.68rem;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px #0003}.dg-chart-tooltip-title{color:#cbd5e1;border-bottom:1px solid #334155;padding-bottom:4px;font-weight:700}.dg-chart-tooltip-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dg-chart-tooltip-row span{color:#94a3b8}.dg-chart-tooltip-row strong{color:#fff;text-align:right}.dg-chart-tooltip-row strong.positive{color:#86efac}.dg-category-card{padding:16px;overflow:hidden}.dg-category-card .dg-pie-layout{box-sizing:border-box!important;grid-template-columns:220px minmax(0,1fr)!important;align-items:center!important;gap:28px!important;width:100%!important;margin-top:12px!important;display:grid!important;overflow:hidden!important}.dg-category-card .dg-pie-wrapper{flex-shrink:0;position:relative;width:220px!important;min-width:220px!important;max-width:220px!important;height:220px!important;margin:0 auto!important}.dg-category-card .dg-pie-chart{box-sizing:border-box;touch-action:none;border-radius:50%;margin:0 auto;transition:transform .2s;position:relative;box-shadow:inset 0 0 0 2px #fff3;width:220px!important;max-width:220px!important;height:220px!important}.dg-category-card .dg-pie-chart:after{content:"";pointer-events:none;background:#fff;border-radius:50%;position:absolute;inset:22%}.dg-category-card .dg-pie-legend{flex-direction:column!important;gap:7px!important;width:100%!important;min-width:0!important;display:flex!important;overflow:hidden!important}.dg-category-card .dg-pie-legend-row{border-radius:8px;overflow:hidden;box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;padding:5px 8px!important;display:flex!important}.dg-category-card .dg-pie-legend-row>div:first-child{overflow:hidden;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.dg-category-card .dg-pie-legend-row>div:first-child span:last-child{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important}.dg-category-card .dg-pie-legend-row>div:last-child{flex-shrink:0!important}.dg-pie-hover-tooltip{z-index:50;color:#fff;text-align:center;pointer-events:none;box-sizing:border-box;background:#1e293b;border-radius:9px;flex-direction:column;gap:3px;min-width:125px;max-width:150px;padding:9px 11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000040}.dg-pie-hover-category{color:#fff;font-size:.65rem;font-weight:800}.dg-pie-hover-tooltip strong{color:#86efac;font-size:.76rem}.dg-pie-hover-tooltip span{color:#cbd5e1;font-size:.5rem;line-height:1.2}.dg-pie-hover-tooltip small{color:#94a3b8;font-size:.48rem;line-height:1.2}.dg-pie-swatch{border-radius:999px;flex:none;width:8px;height:8px}.dg-activity-card{min-height:280px;position:relative;overflow:hidden;padding:16px!important}.dg-activity-card .dg-side-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dg-activity-card .dg-side-card-header h3{color:#475569;margin:0;font-size:1rem;font-weight:700}.dg-activity-menu{color:#64748b;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1.2rem;line-height:1}.dg-activity-timeline{flex-direction:column;gap:17px;padding:4px 4px 58px 0;display:flex;position:relative}.dg-activity-timeline:before{content:"";background:#d7dde2;width:1px;position:absolute;top:11px;bottom:16px;left:12px}.dg-activity-timeline-item{align-items:flex-start;gap:10px;min-width:0;display:flex;position:relative}.dg-activity-timeline-marker{z-index:2;color:#65707a;background:#cfd4d9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;min-width:25px;height:25px;font-size:.7rem;font-weight:800;display:flex;position:relative}.dg-activity-timeline-item.is-danger .dg-activity-timeline-marker{color:#ef4444;background:#fde2e2}.dg-activity-marker-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:.7rem;line-height:1;display:flex}.dg-activity-timeline-content{flex:1;min-width:0;padding-top:1px}.dg-activity-timeline-content p{color:#6b7280;margin:0;font-size:.78rem;font-weight:500;line-height:1.25}.dg-activity-timeline-item.is-danger .dg-activity-timeline-content p{color:#737373;font-weight:700}.dg-activity-timeline-content span{color:#8a939b;margin-top:3px;font-size:.65rem;line-height:1.1;display:block}.dg-activity-card .dg-ghost-button{color:#0f5d49;background:#eef4f1;justify-content:center;align-items:center;width:100%;min-height:47px;font-size:.78rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0;border-radius:0!important;margin:0!important}.dg-report-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000080;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dg-report-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(600px,100vw - 36px);max-height:min(780px,100dvh - 36px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038}.dg-report-modal-header{flex-shrink:0;padding:24px 30px 16px;position:relative}.dg-report-modal-header h2{color:#064e3b;margin:0 0 7px;padding-right:28px;font-size:1.15rem;font-weight:700;line-height:1.2}.dg-report-modal-header p{color:#6b7280;margin:0;font-size:.78rem;line-height:1.35}.dg-report-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:18px;right:18px}.dg-report-modal-close:hover{background:#f3f4f6}.dg-report-modal-body{flex:1;min-height:0;padding:0 30px 20px;overflow-y:auto}.dg-report-period-section{margin-bottom:20px}.dg-report-period-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.dg-report-period-buttons button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:.78rem;font-weight:600;display:flex}.dg-report-period-buttons button:nth-child(3){grid-column:1/-1}.dg-report-period-buttons button.selected{color:#064e3b;background:#f0fdf4;border:2px solid #064e3b}.dg-custom-date-box{border:1px solid #e2e8f0;border-radius:8px;padding:14px}.dg-custom-date-heading{color:#334155;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.76rem;font-weight:600;display:flex}.dg-custom-date-fields{gap:12px;display:flex}.dg-custom-date-fields>div{flex:1;min-width:0}.dg-custom-date-fields label{color:#64748b;letter-spacing:.05em;margin-bottom:5px;font-size:.57rem;font-weight:700;display:block}.dg-custom-date-fields input{color:#334155;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-width:0;padding:8px;font-family:inherit;font-size:.68rem}.dg-report-scope-section h4{color:#064e3b;letter-spacing:.05em;margin:0 0 10px;font-size:.68rem}.dg-report-scope-list{flex-direction:column;gap:7px;display:flex}.dg-report-scope-list label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:9px;padding:10px 11px;display:flex}.dg-report-scope-list label.checked{background:#f8fafc}.dg-report-scope-list input{accent-color:#064e3b;cursor:pointer;flex-shrink:0;width:16px;height:16px}.dg-report-scope-list label span{color:#334155;font-size:.7rem;line-height:1.2}.dg-report-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 30px;display:flex}.dg-report-cancel{color:#64748b;cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:.76rem;font-weight:600}.dg-report-download{color:#fff;cursor:pointer;background:#064e3b;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:.75rem;font-weight:700;display:flex}.dg-activity-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:calc(100% - 24px);margin-top:8px;display:flex;overflow:hidden}.dg-side-card-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.dg-side-card-header h3{color:#1e293b;margin:0;font-size:1.05rem}.dg-dots{color:#64748b;cursor:pointer;font-weight:700}.dg-activity-list{flex-direction:column;flex:1;gap:12px;min-height:250px;padding:0 10px 10px;display:flex;overflow-y:auto}.dg-activity-list::-webkit-scrollbar{width:4px}.dg-activity-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.dg-activity-empty{text-align:center;color:#64748b;padding:16px 0;font-size:.85rem}.dg-activity-item{align-items:flex-start;gap:10px;display:flex}.dg-activity-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.tone-green .dg-activity-badge{color:#166534;background-color:#dcfce7}.tone-blue .dg-activity-badge{color:#1e3a8a;background-color:#dbeafe}.dg-activity-text{flex-direction:column;gap:2px;display:flex}.dg-activity-text p{color:#1e293b;margin:0;font-size:.85rem;line-height:1.3}.dg-activity-text span{color:#64748b;font-size:.75rem}.dg-ghost-button{color:#064e3b;cursor:pointer;text-align:center;background-color:#f8fafc;border:none;border-top:1px solid #e2e8f0;width:100%;margin-top:auto;padding:12px;font-size:.85rem;font-weight:700;transition:background-color .2s}.dg-ghost-button:hover{background-color:#f1f5f9}.dg-history-modal{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;height:80vh;max-height:750px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dg-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.dg-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.dg-history-table-container{box-sizing:border-box;flex:1;width:100%;min-width:0;overflow:hidden auto}.dg-history-table-container::-webkit-scrollbar{width:8px}.dg-history-table-container::-webkit-scrollbar-track{background:#f8fafc}.dg-history-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f8fafc;border-radius:10px}.dg-history-table th:first-child,.dg-history-table td:first-child,.dg-history-table th:nth-child(2),.dg-history-table td:nth-child(2){width:25%}.dg-history-table th,.dg-history-table td{text-align:left;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;padding:16px 20px}.dg-history-table td:first-child{white-space:nowrap!important;color:#475569!important;font-weight:500!important}.dg-history-table td:nth-child(3){white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;padding-right:40px!important;font-weight:500!important;line-height:1.5!important}.dg-log-tone-pill.tone-grey{color:#464646;background:#d9d9d9}.dg-history-modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dg-history-modal{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;height:80vh;max-height:750px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;width:95%!important;max-width:950px!important}.dg-history-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.dg-history-modal-header h2{color:#064e3b;margin:0;font-size:1.35rem;font-weight:700}.dg-history-table-container{box-sizing:border-box;flex:1;width:100%;overflow:hidden auto}.dg-history-table{border-collapse:collapse;width:100%;font-size:.88rem;table-layout:fixed!important}.dg-history-table th:first-child,.dg-history-table td:first-child{width:22%}.dg-history-table th:nth-child(2),.dg-history-table td:nth-child(2){width:23%}.dg-history-table th:nth-child(3),.dg-history-table td:nth-child(3){width:55%}.dg-history-table th,.dg-history-table td{text-align:left;box-sizing:border-box;padding:16px 20px}.dg-history-table th{color:#475569;z-index:10;text-transform:uppercase;letter-spacing:.05em;background-color:#ebf5f0;border-bottom:1px solid #d1d5db;font-size:.72rem;font-weight:600;position:sticky;top:0}.dg-history-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9}.dg-history-table td:nth-child(3){white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;padding-right:30px!important;line-height:1.5!important}.dg-log-tone-pill{text-align:center;white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.dg-log-tone-pill.tone-purple{color:#7e22ce;background-color:#f3e8ff}.dg-log-tone-pill.tone-green{color:#166534;background:#bbf7d0}.dg-log-tone-pill.tone-blue{color:#0369a1;background:#bae6fd}@media (width<=1200px){.dg-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-content-grid{grid-template-columns:minmax(0,1fr) 300px}.dg-category-card .dg-pie-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important}.dg-category-card .dg-pie-wrapper{width:190px!important;min-width:190px!important;max-width:190px!important;height:190px!important}.dg-category-card .dg-pie-chart{width:190px!important;max-width:190px!important;height:190px!important}}@media (width<=768px){.dg-shell{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.dg-main{width:100%;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}.dg-topbar{width:100%;margin:0 0 10px!important;padding:0!important;display:block!important}.dg-topbar h1{letter-spacing:-.025em;margin:0 0 5px!important;font-size:24px!important;line-height:1.1!important}.dg-topbar>div>div{gap:7px!important}.dg-zone-pill{margin-top:0!important;padding:3px 7px!important;font-size:.55rem!important}.dg-topbar>div>div>span:last-child{color:#71837b!important;font-size:.56rem!important}.dg-metrics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin-bottom:10px!important;display:grid!important}.dg-metric-card{border-radius:9px!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:69px!important;padding:8px 9px!important;box-shadow:0 2px 4px #0000001a!important}.dg-metric-icon{border-radius:7px!important;width:28px!important;min-width:28px!important;height:28px!important}.dg-metric-icon svg{width:15px!important;height:15px!important}.dg-metric-card-content{gap:1px!important;min-width:0!important}.dg-metric-label{font-size:.49rem!important;line-height:1.05!important}.dg-metric-value{white-space:nowrap!important;font-size:1.02rem!important;line-height:1!important}.dg-metric-detail{min-height:9px;gap:3px!important;font-size:.42rem!important;line-height:1!important}.dg-metric-detail svg{width:8px!important;height:8px!important}.dg-metric-dot,.dg-metric-detail-dot{width:5px!important;min-width:5px!important;height:5px!important}.remittance-container{overflow-x:auto;visibility:visible!important;width:100%!important;display:block!important}.dg-content-grid{width:100%!important;display:block!important}.dg-primary-column{grid-template-columns:1fr!important;gap:9px!important;width:100%!important;display:grid!important}.dg-side-column{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;align-items:start!important;gap:7px!important;width:100%!important;margin-top:9px!important;display:grid!important}.dg-chart-card{padding:10px!important;overflow:hidden!important}.dg-chart-card .dg-card-heading{margin-bottom:0!important;padding-bottom:4px!important;display:block!important}.dg-chart-card .dg-card-heading h2{font-size:.73rem!important;line-height:1.15!important}.dg-chart-card .dg-card-heading p{margin-top:2px!important;font-size:.48rem!important;line-height:1.25!important}.dg-chart-card .dg-card-heading>div:last-child{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;margin-top:5px!important;font-size:.43rem!important;display:flex!important}.dg-chart-container{height:132px!important;margin-top:3px!important;padding:4px 0!important}.dg-chart-card>div:last-child{padding-top:5px!important;font-size:.44rem!important;line-height:1!important}.dg-chart-hover-zone .dg-chart-tooltip{gap:4px;width:128px;max-width:128px;padding:7px 8px;font-size:.48rem;top:7px}.dg-chart-hover-zone:first-child .dg-chart-tooltip{left:5px!important;right:auto!important;transform:none!important}.dg-chart-hover-zone:last-child .dg-chart-tooltip{left:auto!important;right:5px!important;transform:none!important}.dg-category-card{margin-top:0!important;padding:10px!important;overflow:hidden!important}.dg-category-card .dg-card-heading h2{font-size:.73rem!important;line-height:1.1!important}.dg-category-card .dg-card-heading p{margin-top:2px!important;font-size:.44rem!important;line-height:1.25!important}.dg-category-card .dg-pie-layout{grid-template-columns:minmax(0,1fr) 92px!important;gap:4px!important;width:100%!important;margin-top:5px!important;display:grid!important;overflow:visible!important}.dg-category-card .dg-pie-wrapper{width:138px!important;min-width:138px!important;max-width:138px!important;height:138px!important;margin:0 auto!important}.dg-category-card .dg-pie-chart{width:138px!important;max-width:138px!important;height:138px!important}.dg-pie-hover-tooltip{border-radius:7px;gap:2px;min-width:94px;max-width:106px;padding:6px 7px}.dg-pie-hover-category{font-size:.48rem}.dg-pie-hover-tooltip strong{font-size:.56rem}.dg-pie-hover-tooltip span{font-size:.39rem;line-height:1.1}.dg-pie-hover-tooltip small{font-size:.37rem;line-height:1.1}.dg-category-card .dg-pie-legend{flex-direction:column!important;gap:3px!important;width:100%!important;min-width:0!important;display:flex!important;overflow:hidden!important}.dg-category-card .dg-pie-legend-row{background:0 0!important;border:0!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;padding:2px 0!important;display:flex!important;overflow:hidden!important}.dg-category-card .dg-pie-legend-row>div:first-child{gap:4px!important;min-width:0!important;overflow:hidden!important}.dg-category-card .dg-pie-swatch{width:6px!important;min-width:6px!important;height:6px!important}.dg-category-card .dg-pie-legend-row span{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.45rem!important;line-height:1.05!important;overflow:hidden!important}.dg-category-card .dg-pie-legend-row>div:last-child{display:none!important}.dg-activity-card{border-radius:8px!important;min-width:0!important;min-height:210px!important;margin-top:0!important;padding:9px!important;overflow:hidden!important}.dg-activity-card .dg-side-card-header{margin-bottom:6px!important}.dg-activity-card .dg-side-card-header h3{color:#475569!important;font-size:.58rem!important;line-height:1.1!important}.dg-activity-menu{padding:1px 2px!important;font-size:.72rem!important}.dg-activity-timeline{gap:7px!important;padding:2px 2px 39px 0!important}.dg-activity-timeline:before{width:1px;top:9px;bottom:9px;left:8px}.dg-activity-timeline-item{min-height:27px;gap:6px!important}.dg-activity-timeline-marker{border:1.5px solid #fff!important;width:18px!important;min-width:18px!important;height:18px!important;font-size:.48rem!important}.dg-activity-marker-icon{font-size:.45rem!important}.dg-activity-timeline-content{padding-top:0!important}.dg-activity-timeline-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.43rem!important;font-weight:500!important;line-height:1.12!important}.dg-activity-timeline-item.is-danger .dg-activity-timeline-content p{font-weight:700!important}.dg-activity-timeline-content span{margin-top:2px!important;font-size:.36rem!important;line-height:1!important}.dg-activity-card .dg-ghost-button{border-radius:0!important;height:31px!important;min-height:31px!important;padding:0 5px!important;font-size:.4rem!important}.dg-side-column>article:not(.dg-activity-card){border-radius:8px!important;min-width:0!important;margin-top:0!important;padding:9px!important;overflow:hidden!important}.dg-side-column>article:not(.dg-activity-card) h3{margin:0!important;font-size:.57rem!important;line-height:1.1!important}.dg-side-column>article:not(.dg-activity-card) span{font-size:.46rem!important}.dg-side-column>article:not(.dg-activity-card) strong{font-size:.49rem!important}.dg-side-column>article:not(.dg-activity-card) div[style*="height: 14px"]{height:7px!important}.dg-generate-report-button{border-radius:5px!important;padding:7px 4px!important;font-size:.43rem!important;line-height:1.1!important}.dg-report-modal-overlay{justify-content:center!important;align-items:center!important;padding:14px!important;overflow:hidden!important}.dg-report-modal{border-radius:12px!important;width:min(360px,100vw - 28px)!important;max-width:360px!important;min-height:0!important;max-height:72dvh!important}.dg-report-modal-header{padding:15px 15px 9px!important}.dg-report-modal-header h2{margin-bottom:4px!important;padding-right:23px!important;font-size:.8rem!important;line-height:1.15!important}.dg-report-modal-header p{font-size:.48rem!important;line-height:1.25!important}.dg-report-modal-close{width:25px!important;height:25px!important;top:9px!important;right:9px!important}.dg-report-modal-close svg{width:15px!important;height:15px!important}.dg-report-modal-body{-webkit-overflow-scrolling:touch;padding:0 15px 10px!important;overflow-y:auto!important}.dg-report-period-section{margin-bottom:12px!important}.dg-report-period-buttons{gap:6px!important;margin-bottom:8px!important}.dg-report-period-buttons button{border-radius:6px!important;gap:4px!important;min-height:34px!important;font-size:.48rem!important}.dg-report-period-buttons button svg{width:11px!important;height:11px!important}.dg-custom-date-box{border-radius:7px!important;padding:9px!important}.dg-custom-date-heading{margin-bottom:8px!important;font-size:.48rem!important}.dg-custom-date-fields{gap:7px!important}.dg-custom-date-fields label{margin-bottom:3px!important;font-size:.37rem!important}.dg-custom-date-fields input{border-radius:5px!important;padding:6px!important;font-size:.46rem!important}.dg-report-scope-section h4{margin-bottom:7px!important;font-size:.49rem!important}.dg-report-scope-list{gap:5px!important}.dg-report-scope-list label{border-radius:6px!important;gap:7px!important;padding:7px 8px!important}.dg-report-scope-list input{width:13px!important;height:13px!important}.dg-report-scope-list label span{font-size:.47rem!important;line-height:1.1!important}.dg-report-modal-footer{gap:7px!important;padding:9px 15px!important}.dg-report-cancel{padding:7px 9px!important;font-size:.52rem!important}.dg-report-download{border-radius:5px!important;gap:4px!important;padding:7px 9px!important;font-size:.48rem!important}.dg-report-download svg{width:11px!important;height:11px!important}}@media (width<=360px){.dg-metrics-grid{gap:6px!important}.dg-metric-card{gap:5px!important;padding:7px!important}.dg-metric-icon{width:25px!important;min-width:25px!important;height:25px!important}.dg-metric-icon svg{width:13px!important;height:13px!important}.dg-metric-label{font-size:.45rem!important}.dg-metric-value{font-size:.94rem!important}.dg-metric-detail{font-size:.39rem!important}.dg-category-card .dg-pie-layout{grid-template-columns:minmax(0,1fr) 84px!important}.dg-category-card .dg-pie-wrapper{width:124px!important;min-width:124px!important;max-width:124px!important;height:124px!important}.dg-category-card .dg-pie-chart{width:124px!important;height:124px!important}.dg-side-column{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important}.dg-pie-hover-tooltip{min-width:84px;max-width:92px;padding:5px 6px}.dg-activity-timeline-content p{font-size:.4rem!important}.dg-activity-timeline-content span{font-size:.34rem!important}}@media screen and (width<=768px){.remittance-container{width:100%!important;padding:12px!important;overflow-x:hidden!important}.remittance-table-headers,.remittance-item-row{display:grid;grid-template-columns:.9fr 1.1fr 1fr 1fr .8fr .9fr!important;gap:4px!important;width:100%!important;padding:8px 4px!important}.remittance-table-headers span{letter-spacing:normal!important;text-align:center!important;padding:0!important;font-size:.55rem!important}.remittance-item-row div{text-overflow:ellipsis;overflow:hidden;font-size:.7rem!important}.btn-view-doc{gap:2px!important;padding:4px 6px!important;font-size:.6rem!important}.dg-history-modal{margin:0 auto;width:92%!important;max-width:100%!important;height:70vh!important}.dg-history-table-container{padding:12px!important;overflow-x:hidden!important}.dg-history-table thead{display:none!important}.dg-history-table,.dg-history-table tbody,.dg-history-table tr,.dg-history-table td{box-sizing:border-box!important;width:100%!important;display:block!important}.dg-history-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000000d;flex-direction:column!important;gap:8px!important;display:flex!important}.dg-history-table th:nth-child(n),.dg-history-table td:nth-child(n){border:none!important;width:100%!important;padding:0!important}.dg-history-table td:first-child{color:#64748b;order:2;font-size:.75rem}.dg-history-table td:nth-child(2){order:1}.dg-history-table td:nth-child(3){order:3;margin-top:4px;color:#1e293b!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important;border-top:1px solid #f1f5f9!important;width:20%!important;padding-top:8px!important;font-size:.85rem!important;font-weight:600!important;line-height:1.45!important}.dg-activity-card{padding:1px 2px!important}.dg-activity-text p{margin-bottom:2px!important;font-size:.45rem!important;line-height:1.3!important}.dg-activity-text span{font-size:.4rem!important}.dg-activity-item .dg-activity-badge{width:10px!important;height:10px!important;font-size:.75rem!important}.dg-activity-item:nth-child(n+3){display:none!important}.dg-activity-card{justify-content:flex-start!important;height:auto!important;min-height:fit-content!important}.dg-activity-list{flex:0 auto!important;min-height:0!important;margin-bottom:12px!important}.dg-side-column{align-items:stretch;gap:24px;display:flex}.dg-activity-card{flex-direction:column!important;height:100%!important;display:flex!important}.dg-activity-list{flex-grow:1!important}.dg-ghost-button{margin-top:auto!important}}.ec-container{color:#012d1d;box-sizing:border-box;background:#fff;width:100%;min-width:0;max-width:100%;margin:0;padding:0;font-family:Inter,sans-serif;position:relative}.ec-container *,.ec-container :before,.ec-container :after{box-sizing:border-box}.ec-page-header{justify-content:space-between;align-items:flex-start;gap:clamp(16px,2vw,24px);width:100%;margin:-1px 0 12px;padding:0;display:flex}.ec-title-area{flex:auto;min-width:0;margin:0;padding:0}.ec-title-area h1{color:#064e3b;width:100%;max-width:768px;font-family:var(--heading);letter-spacing:-.02em;text-align:left;margin:25px 0 6px;padding:0;font-weight:700;line-height:1;font-size:2.2rem!important}.ec-title-area p{color:#6b7280;width:100%;max-width:800px;margin:0 10px 16px 0;padding:0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;line-height:1.35}.ec-export-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #47556980;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:6px;width:98px;height:34px;margin:0;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.ec-export-btn:hover{background:#f8fafc;border-color:#64748b}.ec-export-btn svg{width:16px;height:16px}.ec-filter-protocol-grid{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,364px);align-items:start;column-gap:clamp(16px,2vw,27px);width:100%;min-width:0;margin:0 0 24px;padding:0;display:grid}.ec-filter-area{flex-direction:column;gap:13px;min-width:0;margin:0;padding:0;display:flex}.ec-filter-row{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:100%;margin:0;padding:0;display:flex}.ec-tab-pill{color:#064e3b;white-space:nowrap;cursor:pointer;background:#e4faf0;border:none;border-radius:15px;flex:none;justify-content:center;align-items:center;width:max-content;min-width:max-content;height:22px;min-height:22px;max-height:22px;padding:0 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex}.ec-tab-pill:hover{background:#d5f4e7}.ec-tab-pill.active{color:#fff;background:#064e3b;font-weight:700}.ec-notice-line{color:#475569;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;width:100%;margin:0 0 10px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.3;display:flex}.ec-info-icon{color:#475569;flex:0 0 13px;justify-content:center;align-items:center;width:13px;min-width:13px;height:13px;display:inline-flex}.ec-info-icon svg{width:13px;height:13px}.ec-protocols-card{color:#fff;z-index:5;background:#064e3b;border:none;border-radius:9px;width:100%;min-width:0;max-width:364px;height:141px;min-height:141px;margin:-31px 0 0 auto;padding:12px 17px;position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040}.ec-protocols-title{color:#fff;white-space:nowrap;align-items:center;gap:9px;width:100%;margin:0 0 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:1;display:flex}.ec-protocol-shield{color:#e4faf0;flex:0 0 31px;justify-content:center;align-items:center;width:31px;min-width:31px;height:31px;display:inline-flex}.ec-protocol-shield svg{width:31px;height:31px}.ec-protocols-card ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ec-protocols-card li{color:#fff;align-items:flex-start;gap:9px;margin:0;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.2;display:flex}.ec-protocol-check{color:#e4faf0;flex:0 0 17px;justify-content:center;align-items:center;width:17px;min-width:17px;height:17px;display:inline-flex}.ec-protocol-check svg{width:17px;height:17px}.ec-desktop-table{background:#fff;border-radius:10px;width:100%;min-width:0;margin:0;display:block;overflow:hidden;box-shadow:0 4px 4px #00000040}.ec-table-card{border:none;width:100%}.ec-table-wrap{width:100%;overflow-x:auto}.ec-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}.ec-table thead{background:#f0f0f1}.ec-table th{color:#475569;text-align:left;white-space:nowrap;border-bottom:1px solid #7cd3a2;height:60px;padding:0 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.ec-table th:first-child{width:13%}.ec-table th:nth-child(2){width:23%}.ec-table th:nth-child(3){width:16%}.ec-table th:nth-child(4){width:14%}.ec-table th:nth-child(5){width:16%}.ec-table th:nth-child(6){width:18%}.ec-table td{color:#012d1d;vertical-align:middle;border-bottom:1px solid #edf2ef;height:72px;padding:0 22px;font-family:Inter,sans-serif;font-size:13px}.ec-table tbody tr:last-child td{border-bottom:none}.ec-table-state{color:#64748b!important;text-align:left!important;height:145px!important;padding:0 22px!important;font-size:16px!important;font-weight:500!important}.ec-ticket-id{color:#000;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.ec-resident-cell{align-items:center;gap:8px;min-width:0;display:flex}.ec-res-avatar{color:#fff;background-color:#064e3b;border-radius:15px;justify-content:center;align-items:center;width:36px;min-width:36px;height:32px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;display:flex}.ec-resident-info{flex-direction:column;gap:2px;min-width:0;display:flex}.ec-resident-info strong{color:#012d1d;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.05;overflow:hidden}.ec-resident-info span{color:#012d1d;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:1.1;overflow:hidden}.ec-badge{white-space:nowrap;color:#000;border-radius:15px;justify-content:center;align-items:center;height:22px;padding:0 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.category-financial{background:#fbbf2466}.category-infrastructure{background:#baf5ca}.category-public-relations{background:#bae3f5}.category-beautification{background:#b6a7c8}.category-grievance{background:#ffdad6}.category-sport{background:#f6c8e4}.ec-status{color:#df6464;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.ec-status-dot{background:#df6464;border-radius:50%;width:4px;height:4px}.ec-subject-btn{color:#064e3b;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:18px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.ec-subject-btn svg{color:#000}.ec-actions{align-items:center;gap:10px;display:flex}.ec-resolve-btn{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:5px;width:98px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.ec-resolve-btn:hover{background:#075d49}.ec-map-btn{color:#012d1d;cursor:pointer;background:#a3e6c2;border:none;border-radius:5px;justify-content:center;align-items:center;width:36px;height:34px;padding:0;display:flex}.ec-table-footer{color:#475569;background:#f0f0f1;justify-content:space-between;align-items:center;gap:20px;min-height:77px;padding:0 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex}.ec-pagination{align-items:center;gap:6px;display:flex}.ec-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #47556980;border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex}.ec-pagination button.active{color:#fff;background:#064e3b;border-color:#064e3b}.ec-pagination button:disabled{opacity:.45;cursor:not-allowed}.ec-mobile-list,.ec-mobile-pagination{display:none}.ec-map-btn{color:#064e3b;cursor:pointer;background-color:#d1fae5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.ec-map-btn:hover{background-color:#a7f3d0}.ec-mobile-map-btn{color:#064e3b;cursor:pointer;background-color:#d1fae5;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ec-confirm-modal{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:32px;display:flex;box-shadow:0 20px 25px -5px #0000001a}.ec-confirm-modal h3{color:#064e3b;margin:0 0 8px;font-size:1.4rem;font-weight:700}.ec-confirm-modal p{color:#64748b;margin-bottom:24px;font-size:.95rem;line-height:1.4}.ec-confirm-actions{gap:12px;width:100%;display:flex}.ec-confirm-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s}.ec-btn-yes{color:#fff;background-color:#064e3b}.ec-btn-yes:hover{background-color:#047857}.ec-btn-no{color:#475569;background-color:#f1f5f9}.ec-btn-no:hover{background-color:#e2e8f0}.ec-modal-left{border-right:1px solid #e2e8f0;flex-direction:column;gap:20px;padding:32px;display:flex}.ec-modal-right{background-color:#f8fafc;flex-direction:column;gap:16px;padding:32px;display:flex}.ec-modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ec-modal-card{background-color:#fff;border-radius:16px;grid-template-columns:1fr 1fr;width:100%;max-width:820px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #00000026}.ec-modal-close-btn{cursor:pointer;color:#064e3b;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;position:absolute;top:16px;right:16px}.ec-modal-left{background-color:#fff;flex-direction:column;gap:24px;padding:36px 32px;display:flex}.ec-modal-right{color:#fff;background-color:#064e3b;border-top-right-radius:16px;border-bottom-right-radius:16px;flex-direction:column;gap:16px;padding:36px 32px;display:flex}.ec-modal-label{color:#94a3b8;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.ec-modal-left .ec-modal-label{color:#64748b}.ec-modal-title{color:#0f172a;font-size:1.15rem;font-weight:700}.ec-modal-description{color:#334155;margin:0;font-size:.9rem;line-height:1.5}.ec-modal-evidence{gap:12px;display:flex}.ec-modal-evidence div{background-color:#e2e8f0;border-radius:8px;width:100px;height:75px}.ec-modal-case{color:#fff;letter-spacing:.02em;margin-bottom:4px;font-size:1.1rem;font-weight:800}.ec-modal-info-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:4px;padding:14px;font-size:.85rem;display:flex}.ec-modal-info-box span{color:#cbd5e1;font-size:.75rem}.ec-modal-info-box strong{color:#fff;font-size:.9rem}.ec-modal-detail-row{border-top:1px solid #ffffff1a;flex-direction:column;padding-top:8px;font-size:.85rem;display:flex}.ec-modal-detail-row span{color:#cbd5e1;letter-spacing:.05em;font-size:.7rem;font-weight:700}.ec-modal-detail-row strong{color:#fff;margin-top:2px;font-size:.875rem;font-weight:500}.ec-modal-download-btn,.ec-modal-resolve-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;width:100%;padding:11px;font-size:.875rem;font-weight:600;transition:opacity .2s}.ec-modal-download-btn{color:#fff;background-color:#00000080;border:1px solid #fff3;margin-top:4px}.ec-modal-download-btn:hover{background-color:#00000080}.ec-modal-resolve-btn{color:#064e3b;background-color:#fff;font-weight:700}.ec-modal-resolve-btn:hover{background-color:#f1f5f9}@media (width<=768px){.ec-modal-card{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.ec-modal-left{border-bottom:1px solid #e2e8f0;border-right:none}}@media (width<=1200px) and (width>=769px){.ec-page-header{gap:16px}.ec-title-area h1{font-size:clamp(34px,3.4vw,42px)}.ec-title-area p{font-size:14px}.ec-filter-protocol-grid{grid-template-columns:minmax(0,1fr) 320px;column-gap:18px;margin-bottom:24px}.ec-protocols-card{width:320px;max-width:320px;padding:11px 14px}.ec-protocols-title{gap:7px;font-size:14px}.ec-protocol-shield{width:27px;min-width:27px;height:27px}.ec-protocol-shield svg{width:27px;height:27px}.ec-protocols-card li{font-size:12px}}@media (width<=1050px) and (width>=769px){.ec-title-area h1{letter-spacing:-.025em;font-size:34px}.ec-title-area p{font-size:13px}.ec-filter-protocol-grid{grid-template-columns:minmax(0,1fr) 290px;column-gap:14px}.ec-protocols-card{width:290px;max-width:290px;height:141px;padding:10px 12px}.ec-protocols-title{gap:6px;margin-bottom:11px;font-size:13px}.ec-protocol-shield{width:25px;min-width:25px;height:25px}.ec-protocol-shield svg{width:25px;height:25px}.ec-protocols-card ul{gap:9px}.ec-protocols-card li{font-size:11px;line-height:1.15}.ec-protocol-check{width:15px;min-width:15px;height:15px}.ec-protocol-check svg{width:15px;height:15px}.ec-table{min-width:820px}.ec-table th,.ec-table td{padding-left:16px;padding-right:16px}}@media (width<=768px){.ec-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.ec-page-header{width:100%;margin:0 0 12px;padding:12px 19px 0;display:block;position:relative}.ec-title-area{width:100%;min-width:0;margin:0;padding:0}.ec-title-area h1{margin-top:0!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.ec-title-area p{color:#6b7280;margin:4px 0 0;padding:0;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.3}.ec-export-btn{color:#475569;white-space:nowrap;z-index:20;background:#fff;border:1px solid #47556966;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:88px;min-width:88px;height:27px;min-height:27px;margin:0;padding:0;font-family:Inter,sans-serif;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:100%;right:19px}.ec-export-btn svg{width:14px;height:14px}.ec-filter-protocol-grid{grid-template-columns:minmax(0,1fr) 140px;align-items:start;column-gap:10px;width:calc(100% - 38px);min-width:0;height:auto;margin:0 auto 12px;padding:0;display:grid;position:relative}.ec-filter-area{flex-direction:column;gap:8px;width:100%;min-width:0;margin:0;padding:0;display:flex;position:relative}.ec-filter-row,.ec-filter-row:first-child,.ec-filter-row:nth-child(2){flex-wrap:wrap;grid-template-rows:none;grid-template-columns:none;align-items:center;gap:8px;width:100%;max-width:100%;margin:0;padding:0;display:flex}.ec-tab-pill{color:#064e3b;white-space:nowrap;box-sizing:border-box;background:#e4faf0;border:none;border-radius:15px;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;max-width:none;height:22px;min-height:22px;max-height:22px;padding:0 9px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.ec-tab-pill.active{color:#fff;background:#064e3b;font-weight:700}.ec-protocols-card{color:#fff;z-index:5;background:#064e3b;border:none;border-radius:9px;grid-area:1/2;width:140px;min-width:140px;max-width:140px;height:auto;min-height:135px;margin:33px 0 0;padding:9px 8px;position:relative;overflow:hidden;box-shadow:0 4px 6px #00000026}.ec-protocols-title{color:#fff;white-space:nowrap;align-items:center;gap:5px;width:100%;margin:0 0 8px;font-family:Inter,sans-serif;font-size:9.5px;font-weight:700;line-height:1.1;display:flex}.ec-protocol-shield{color:#e4faf0;flex:0 0 18px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;display:inline-flex}.ec-protocol-shield svg{width:18px;height:18px}.ec-protocols-card ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ec-protocols-card li{color:#fff;align-items:flex-start;gap:5px;margin:0;padding:0;font-family:Inter,sans-serif;font-size:8.5px;font-weight:500;line-height:1.15;display:flex}.ec-protocol-check{color:#e4faf0;flex:0 0 12px;justify-content:center;align-items:center;width:12px;min-width:12px;height:12px;margin-top:1px;display:inline-flex}.ec-protocol-check svg{width:12px;height:12px}.ec-notice-line{color:#475569;text-align:left;white-space:nowrap;z-index:2;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:4px;width:calc(100% - 38px);max-width:calc(100% - 38px);height:auto;min-height:auto;margin:6px auto 10px;padding:0;font-family:Inter,sans-serif;font-size:6px;font-weight:400;line-height:1.2;display:flex;position:relative;overflow:visible}.ec-info-icon{flex:0 0 10px;justify-content:center;align-items:center;width:10px;min-width:10px;height:10px;margin:0;display:inline-flex}.ec-info-icon svg{width:100%;height:100%}.ec-desktop-table{display:none!important}.ec-mobile-list{box-sizing:border-box;flex-direction:column;gap:12px;width:calc(100% - 38px);margin:0 auto;padding:0;display:flex}.ec-mobile-card{box-sizing:border-box;background:#fff;border:1px solid #cecece;border-radius:10px;width:100%;max-width:100%;height:auto;min-height:122px;margin:0;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 4px #00000014}.ec-mobile-card-header{border-bottom:1px solid #cecece;justify-content:space-between;align-items:center;width:100%;height:29px;padding:0 9px;display:flex}.ec-mobile-ticket{color:#000;white-space:nowrap;font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:18px}.ec-mobile-status{color:#fff;white-space:nowrap;background:#d92511;border-radius:10px;justify-content:center;align-items:center;min-width:62px;height:15px;padding:0 7px;font-family:Inter,sans-serif;font-size:10px;font-weight:400;line-height:1;display:inline-flex}.ec-mobile-resident{box-sizing:border-box;align-items:center;gap:8px;width:100%;height:58px;padding:4px 9px 0;display:flex}.ec-mobile-resident .ec-res-avatar{border-radius:15px;justify-content:center;align-items:center;width:38px;min-width:38px;height:35px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;display:flex}.ec-mobile-resident-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ec-mobile-resident-info strong{color:#012d1d;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.05;overflow:hidden}.ec-mobile-resident-info span{color:#012d1d;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:1.05;overflow:hidden}.ec-mobile-resident .ec-badge{white-space:nowrap;border-radius:15px;flex:none;max-width:110px;height:14px;padding:0 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;line-height:1}.ec-mobile-bottom-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:6px;width:100%;height:35px;padding:0 9px 0 12px;display:flex}.ec-mobile-subject{color:#064e3b;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:19px;display:flex}.ec-mobile-subject span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ec-mobile-subject svg{color:#475569;flex:none;width:13px;min-width:13px;height:13px}.ec-mobile-actions{flex:none;align-items:center;gap:6px;display:flex}.ec-mobile-resolve-btn{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:5px;width:64px;height:21px;padding:0;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.ec-mobile-map-btn{color:#012d1d;cursor:pointer;background:#a3e6c2;border:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.ec-mobile-map-btn svg{width:15px;height:15px}.ec-mobile-empty{color:#475569;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #cecece;border-radius:10px;justify-content:center;align-items:center;width:100%;height:140px;min-height:140px;padding:20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:400;line-height:1.3;display:flex}.ec-mobile-pagination{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:6px;width:calc(100% - 38px);margin:14px auto 0;padding:0;display:flex}.ec-mobile-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #47556966;border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex}.ec-mobile-pagination button.active{color:#fff;background:#064e3b;border-color:#064e3b;font-weight:700}.ec-mobile-pagination button:disabled{opacity:.45;cursor:not-allowed}.ec-modal-overlay{z-index:5000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000080;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0;overflow:hidden}.ec-modal-card{background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:min(315px,100vw - 20px);max-height:78dvh;padding:13px;display:flex;position:relative;overflow-y:auto;box-shadow:0 18px 45px #00000040}.ec-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:5px;right:5px}.ec-modal-left{flex-direction:column;gap:8px;display:flex}.ec-modal-label{color:#64748b;margin-bottom:2px;font-size:.38rem;font-weight:800}.ec-modal-title{color:#111827;font-size:.58rem;font-weight:800}.ec-modal-description{color:#334155;margin:0;font-size:.43rem;line-height:1.35}.ec-modal-evidence{gap:6px;display:flex}.ec-modal-evidence div{background:#d1d5db;border-radius:5px;width:70px;height:48px}.ec-modal-right{color:#fff;background:#075d49;border-radius:7px;flex-direction:column;gap:5px;padding:8px;display:flex}.ec-modal-case{color:#fff;font-size:.54rem;font-weight:800}.ec-modal-info-box,.ec-modal-detail-row{background:#ffffff12;border:1px solid #ffffff2b;border-radius:5px;flex-direction:column;gap:1px;padding:5px 6px;display:flex}.ec-modal-info-box span,.ec-modal-detail-row span{color:#a7f3d0;font-size:.35rem}.ec-modal-info-box strong,.ec-modal-detail-row strong{color:#fff;overflow-wrap:anywhere;font-size:.4rem;line-height:1.25}.ec-modal-download-btn,.ec-modal-resolve-btn{cursor:pointer;border-radius:5px;min-height:24px;font-family:Inter,sans-serif;font-size:.4rem;font-weight:700}.ec-modal-download-btn{color:#fff;background:#ffffff1f;border:1px solid #ffffff40}.ec-modal-resolve-btn{color:#fff;background:#047857;border:1px solid #10b981}.ec-success-modal{text-align:center;background:#fff;border-radius:10px;width:min(310px,100vw - 20px);padding:18px 14px 14px;box-shadow:0 20px 45px #0000003d}.ec-success-icon{color:#075d49;background:#b9f1c9;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;margin:0 auto 9px;font-size:1rem;font-weight:900;display:flex}.ec-success-modal h2{color:#075d49;margin:0 0 5px;font-size:.7rem}.ec-success-modal p{color:#64748b;margin:0 0 9px;font-size:.43rem;line-height:1.35}.ec-file-box{text-align:left;background:#f1f5f3;border:1px solid #e2e8e5;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;padding:7px 8px;font-size:.42rem;display:flex}.ec-file-box strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ec-file-box span{color:#64748b;flex-shrink:0}.ec-success-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.ec-success-actions button{cursor:pointer;border-radius:5px;min-height:25px;font-family:Inter,sans-serif;font-size:.43rem;font-weight:700}.ec-success-actions button:first-child{color:#fff;background:#075d49;border:none}.ec-success-actions button:last-child{color:#475569;background:#fff;border:1px solid #cbd5e1}.ec-download-again{color:#075d49;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:.42rem;font-weight:700}}@media (width<=400px){.ec-page-header{padding-left:15px;padding-right:15px}.ec-export-btn{right:15px}.ec-filter-protocol-grid{grid-template-columns:minmax(0,1fr) 135px;column-gap:8px;width:calc(100% - 30px)}.ec-protocols-card{width:135px;min-width:135px;max-width:135px}.ec-notice-line{width:calc(100% - 30px);max-width:calc(100% - 30px)}.ec-mobile-list,.ec-mobile-pagination{width:calc(100% - 30px)}}@media (width<=360px){.ec-page-header{padding-left:12px;padding-right:12px}.ec-title-area h1{font-size:18px}.ec-title-area p{font-size:9.5px}.ec-export-btn{right:12px}.ec-filter-protocol-grid{grid-template-columns:minmax(0,1fr) 130px;column-gap:6px;width:calc(100% - 24px)}.ec-tab-pill{padding-left:6px;padding-right:6px;font-size:9.5px}.ec-protocols-card{width:130px;min-width:130px;max-width:130px;padding:7px 6px}.ec-protocols-title{gap:3px;font-size:9px}.ec-protocols-card li{font-size:8px}.ec-notice-line{width:calc(100% - 24px);max-width:calc(100% - 24px);font-size:6.5px}.ec-mobile-list,.ec-mobile-pagination{width:calc(100% - 24px)}}.map-page-container{color:#064e3b;box-sizing:border-box;background:#fff;flex-direction:column;width:100%;max-width:100%;height:calc(100vh - 100px);padding:0 24px 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.map-page-container *,.map-page-container :before,.map-page-container :after{box-sizing:border-box}.map-header{flex:none;justify-content:space-between;align-items:center;width:100%;margin:0 0 10px;padding:0;display:flex}.map-title{color:#064e3b;letter-spacing:-.035em;margin:0;font-size:clamp(28px,2.2vw,40px);font-weight:700;line-height:1.08}.map-wrapper{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;flex:auto;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 4px 5px #0000002e}.map-wrapper .leaflet-container{background:#e5e7eb;width:100%;height:100%;font-family:Inter,system-ui,sans-serif}.map-wrapper .leaflet-control-attribution{font-size:10px}.recenter-button{z-index:1100;color:#064e3b;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff0;border:1px solid #d1ebdd;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 6px #0000001a}.recenter-button svg{flex:0 0 15px;width:15px;height:15px}.map-queue-card{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e0f8eef5;border:1px solid #fffc;border-radius:9px;padding:12px;position:absolute;top:18px;left:18px;overflow:hidden;box-shadow:0 5px 12px #0000001f;width:330px!important;min-width:330px!important}.queue-header{align-items:center;width:100%;margin:0 0 8px;padding:0;display:flex}.queue-title{color:#064e3b;text-align:left;font-size:14px;font-weight:700;line-height:1.15;display:block;overflow:visible;white-space:nowrap!important;word-break:keep-all!important;width:max-content!important;max-width:none!important}.queue-list{flex-direction:column;gap:5px;display:flex}.queue-case{color:#064e3b;text-align:left;cursor:pointer;background:#fff;border:1px solid #cde4d7;border-radius:5px;width:100%;padding:6px 7px;font-family:Inter,system-ui,sans-serif;display:block;position:relative}.queue-case-top{justify-content:space-between;align-items:center;gap:6px;width:100%;margin-bottom:2px;display:flex}.queue-case-top strong{color:#064e3b;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:9px;font-weight:700;line-height:1;overflow:hidden}.queue-case-top span{color:#64748b;flex:none;font-size:6px;line-height:1}.queue-case-middle{justify-content:space-between;align-items:center;gap:5px;width:100%;margin-bottom:2px;display:flex}.queue-case-middle>span:first-child{color:#334155;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:7px;line-height:1.1;overflow:hidden}.queue-category{color:#064e3b;white-space:nowrap;border-radius:8px;flex:none;padding:2px 5px;font-size:5.5px;font-weight:700;line-height:1}.queue-case-address{color:#475569;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:6px;line-height:1.1;overflow:hidden}.queue-view{color:#064e3b;font-size:5px;font-weight:700;line-height:1;position:absolute;bottom:4px;right:6px}.queue-view-all{color:#064e3b;text-align:center;cursor:pointer;background:0 0;border:none;width:100%;margin:7px 0 0;padding:0;font-size:6px;font-weight:700;line-height:1}.queue-empty{color:#64748b;text-align:center;width:100%;padding:12px 5px 8px;font-size:7px;line-height:1.2}.map-legend{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e0f8eef5;border:1px solid #ffffffd9;border-radius:8px;max-width:calc(100% - 36px);padding:10px 13px;box-shadow:0 3px 8px #0000001a;width:fit-content!important;min-width:0!important;height:auto!important;min-height:0!important;position:absolute!important;inset:auto 18px 18px auto!important;overflow:visible!important}.legend-header{color:#064e3b;white-space:nowrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:0 0 7px;padding:0;font-size:12px;font-weight:700;line-height:1;display:flex}.legend-toggle{background:#000;border-radius:10px;flex:0 0 17px;align-items:center;width:17px;height:7px;padding-left:2px;display:flex}.legend-toggle span{background:#fff;border-radius:50%;width:4px;height:4px;display:block}.legend-grid{grid-template-columns:auto auto auto;gap:6px 16px;margin:0;padding:0;display:grid;width:fit-content!important}.legend-item{color:#64748b;white-space:nowrap;align-items:center;gap:5px;width:fit-content;margin:0;padding:0;font-size:10px;font-weight:500;line-height:1;display:flex}.legend-color{border:1px solid #64748b;border-radius:1px;flex:0 0 8px;width:8px;height:8px}.detail-card{z-index:1300;color:#fff;background:linear-gradient(145deg,#064e3b,#022c22);border:1px solid #ffffff1a;border-radius:12px;width:300px;max-width:calc(100% - 36px);max-height:calc(100% - 36px);padding:17px;position:absolute;bottom:18px;right:18px;overflow-y:auto;box-shadow:0 14px 24px #00000040}.detail-close{color:#ffffffbf;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;line-height:1;display:flex;position:absolute;top:7px;right:8px}.detail-header{color:#fff;border-bottom:1px solid #ffffff29;margin:0 22px 12px 0;padding-bottom:9px;font-size:14px;font-weight:700;line-height:1.2}.detail-row{flex-direction:column;gap:2px;margin:0 0 10px;display:flex}.detail-label{color:#6ee7b7;text-transform:uppercase;letter-spacing:.6px;font-size:8px;font-weight:700;line-height:1.1}.detail-value{color:#fff;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.25}.card-row-with-icon{border-bottom:1px solid #ffffff24;align-items:center;gap:10px;padding:9px 0;display:flex}.card-row-with-icon.last{border-bottom:none}.card-icon{color:#34d399;flex:0 0 20px;width:20px;height:20px}.card-row-value{color:#fff;margin-top:2px;font-size:11px;font-weight:600;line-height:1.2;display:block}.status-value{color:#60a5fa}@media (width<=1100px){.map-page-container{padding:0 18px 18px}.map-title{font-size:clamp(26px,3vw,34px)}.map-queue-card{width:315px!important;min-width:315px!important}.queue-title{font-size:14px;white-space:nowrap!important}.map-legend{padding:8px 11px}.legend-grid{column-gap:12px}.legend-item{font-size:9px}}@media (width<=768px){.map-page-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.map-header{margin:0 0 10px;padding:0 8px}.map-title{letter-spacing:-.02em;font-size:clamp(20px,5.5vw,25px);line-height:1.12}.map-wrapper{border-radius:9px;flex:none;width:100%;height:clamp(350px,112vw,455px);min-height:350px;max-height:455px}.recenter-button{border-radius:7px;gap:3px;height:27px;padding:0 8px;font-size:9px;top:9px;right:9px}.recenter-button svg{flex-basis:12px;width:12px;height:12px}.map-queue-card{border-radius:8px;padding:8px;top:10px;left:10px;width:174px!important;min-width:174px!important;max-width:174px!important}.queue-header{margin-bottom:6px}.queue-title{overflow-wrap:normal;word-break:normal;flex-shrink:1;font-size:12px;line-height:1.15;overflow:hidden;white-space:normal!important;width:auto!important;max-width:100%!important}.queue-list{gap:4px}.queue-case{border-radius:4px;padding:5px}.queue-case-top strong{font-size:6.7px}.queue-case-top span{font-size:5px}.queue-case-middle>span:first-child{font-size:5.5px}.queue-category{padding:2px 4px;font-size:4.5px}.queue-case-address{font-size:4.8px}.queue-view{font-size:4px;bottom:3px;right:5px}.queue-view-all{margin-top:5px;font-size:4.8px}.queue-empty{padding:9px 3px 5px;font-size:5.8px}.map-legend{border-radius:8px;max-width:calc(100% - 18px);padding:9px 11px;box-shadow:0 3px 8px #0000001a;width:fit-content!important;min-width:0!important;height:auto!important;min-height:0!important;position:absolute!important;inset:auto 9px 9px auto!important;overflow:visible!important}.legend-header{color:#064e3b;white-space:nowrap;justify-content:space-between;align-items:center;gap:18px;width:100%;margin:0 0 7px;padding:0;font-weight:700;display:flex;font-size:12px!important;line-height:1!important}.legend-toggle{background:#000;border-radius:10px;flex:0 0 16px;align-items:center;width:16px;height:7px;padding-left:2px;display:flex}.legend-toggle span{background:#fff;border-radius:50%;width:4px;height:4px;display:block}.legend-grid{grid-template-rows:auto auto auto!important;grid-template-columns:max-content max-content!important;gap:7px 18px!important;width:fit-content!important;margin:0!important;padding:0!important;display:grid!important}.legend-item{color:#64748b;align-items:center;gap:5px;min-width:0;font-weight:500;white-space:nowrap!important;width:max-content!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:1!important;display:flex!important}.legend-color{border:1px solid #64748b;border-radius:1px;flex:0 0 8px!important;width:8px!important;height:8px!important}.detail-card{border-radius:9px;width:min(210px,100% - 18px);max-width:calc(100% - 18px);max-height:calc(100% - 18px);padding:11px;bottom:9px;right:9px}.detail-close{width:20px;height:20px;font-size:17px;top:4px;right:5px}.detail-header{margin-bottom:8px;padding-bottom:6px;font-size:10px}.detail-row{gap:1px;margin-bottom:7px}.detail-label{font-size:6px}.detail-value{font-size:8px}.card-row-with-icon{gap:6px;padding:6px 0}.card-icon{flex-basis:14px;width:14px;height:14px}.card-row-value{font-size:8px}}@media (width<=390px){.map-page-container{padding:0 10px 10px}.map-header{margin-bottom:8px;padding:0 7px}.map-title{font-size:clamp(19px,5.4vw,22px)}.map-wrapper{height:clamp(335px,96vw,390px);min-height:335px;max-height:390px}.map-queue-card{padding:7px;top:8px;left:8px;width:168px!important;min-width:168px!important;max-width:168px!important}.queue-title{font-size:12px;white-space:normal!important;width:auto!important;max-width:100%!important}.recenter-button{top:8px;right:8px}.map-legend{max-width:calc(100% - 14px);padding:8px 10px;width:fit-content!important;min-width:0!important;bottom:7px!important;right:7px!important}.legend-header{gap:16px;margin-bottom:7px;font-size:12px!important;line-height:1!important}.legend-toggle{flex-basis:15px;width:15px;height:7px}.legend-grid{grid-template-rows:auto auto auto!important;grid-template-columns:max-content max-content!important;gap:6px 15px!important}.legend-item{gap:5px;white-space:nowrap!important;font-size:10px!important;line-height:1!important}.legend-color{flex-basis:8px!important;width:8px!important;height:8px!important}}@media (width<=350px){.map-page-container{padding:0 8px 8px}.map-title{font-size:18px}.map-wrapper{height:325px;min-height:325px;max-height:325px}.map-queue-card{padding:6px;width:155px!important;min-width:155px!important;max-width:155px!important}.queue-title{font-size:12px;white-space:normal!important;width:auto!important;max-width:100%!important}.queue-case-top strong{font-size:6px}.queue-case-middle>span:first-child{font-size:5px}.map-legend{max-width:calc(100% - 12px);padding:7px 8px;width:fit-content!important;min-width:0!important;bottom:6px!important;right:6px!important}.legend-header{gap:12px;margin-bottom:6px;font-size:12px!important;line-height:1!important}.legend-toggle{flex-basis:14px;width:14px;height:7px}.legend-grid{grid-template-rows:auto auto auto!important;grid-template-columns:max-content max-content!important;gap:5px 10px!important}.legend-item{gap:4px;white-space:nowrap!important;font-size:10px!important;line-height:1!important}.legend-color{flex-basis:7px!important;width:7px!important;height:7px!important}}.dm-page-container{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.dm-header{margin-top:-14px;margin-bottom:16px}.dm-title{color:#064e3b;margin:0;font-size:37px;font-weight:700;margin-top:35px!important}.dm-map-wrapper{background:#e2e8f0;border-radius:8px;width:100%;height:650px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.dm-recenter-btn{z-index:1000;color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 4px #0000001a}.dm-recenter-btn svg{width:16px;height:16px}.dm-legend{z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:240px;padding:12px 16px;position:absolute;bottom:24px;right:16px;box-shadow:0 4px 6px #00000014}.dm-legend-header span{color:#1e293b;font-size:.85rem;font-weight:700}.dm-legend-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.dm-legend-item{color:#475569;align-items:center;gap:6px;font-size:.72rem;font-weight:500;display:flex}.dm-legend-color{border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.dm-focus-bar{color:#475569;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.88rem;display:flex}.dm-focus-text{color:#064e3b;align-items:center;gap:6px;font-weight:600;display:flex}.dm-focus-close{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.1rem}.dm-detail-card{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:1.2fr 1fr 220px;align-items:start;gap:32px;padding:24px 32px;display:grid}.dm-section-label{color:#64748b;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.dm-detail-top-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.dm-detail-case-id{color:#064e3b;margin:0;font-size:1.2rem;font-weight:800}.dm-detail-badge{fontSize:.75rem;text-transform:uppercase;border-radius:6px;padding:2px 10px;font-weight:700}.dm-detail-subject{color:#1e293b;margin:0 0 16px;font-size:1.1rem;font-weight:600}.dm-detail-desc-text{color:#334155;margin:0;font-size:.9rem}.dm-detail-col-meta{flex-direction:column;gap:16px;display:flex}.dm-meta-val{color:#1e293b;font-size:.9rem;font-weight:600}.dm-evidence-links{gap:12px;display:flex}.dm-evidence-link{color:#0369a1;font-size:.85rem;font-weight:500;text-decoration:underline}.dm-detail-col-actions{flex-direction:column;gap:10px;display:flex}.dm-btn-revert{color:#334155;cursor:pointer;text-align:center;background-color:#cbd5e1;border:none;border-radius:8px;width:100%;padding:12px;font-size:.85rem;font-weight:700}.dm-btn-resolve{color:#fff;cursor:pointer;text-align:center;background-color:#064e3b;border:none;border-radius:8px;width:100%;padding:12px;font-size:.85rem;font-weight:700}.dm-detail-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:4px;padding:1px 7px;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-block}@media (width<=768px){.dm-map-wrapper{height:400px}.dm-legend{width:180px;padding:8px 10px;bottom:16px;right:10px}.dm-legend-grid{grid-template-columns:1fr;gap:4px}.dm-detail-card{grid-template-columns:1fr;gap:20px;padding:16px 20px}.dm-detail-col-actions{flex-direction:row;gap:12px}.dm-btn-revert,.dm-btn-resolve{flex:1;padding:10px}.dm-title{color:#064e3b;margin:0;font-size:24px;font-weight:700;margin-top:16px!important}.dm-header{margin-top:0;margin-bottom:16px}}.reports-container{box-sizing:border-box;background:0 0;width:100%;max-width:100%;margin:0;padding:0 32px 32px;position:relative;overflow-x:hidden}.reports-loading{color:#6b7280;justify-content:center;align-items:center;width:100%;min-height:300px;font-size:14px;display:flex}.reports-header-actions{box-sizing:border-box;justify-content:space-between;align-items:flex-end;gap:24px;width:100%;margin:0 0 16px;display:flex}.title-group{text-align:left;flex:1;min-width:0}.reports-title{color:#064e3b;letter-spacing:-.02em;margin:23px 0 6px;font-size:2.2rem;font-weight:700;line-height:1.1}.reports-subtitle{color:#6b7280;margin:0;font-size:.95rem;font-weight:400;line-height:1.4}.actions-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.quarter-select{box-sizing:border-box;color:#536274;cursor:pointer;background:#fff;border:1px solid #bfc7ca;border-radius:8px;outline:none;min-width:196px;height:40px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 1px 2px #00000014}.quarter-select:focus{border-color:#064e3b;box-shadow:0 0 0 2px #064e3b1f}.generate-csv-btn{box-sizing:border-box;color:#fff;white-space:nowrap;cursor:pointer;background:#064e3b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:188px;height:40px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:background-color .15s,transform .1s;display:inline-flex}.generate-csv-btn:hover{background:#022c22}.generate-csv-btn:active{transform:translateY(1px)}.report-card{box-sizing:border-box;background:#fff;border:1px solid #d5dadd;border-radius:5px;width:100%;overflow:hidden;box-shadow:0 1px 2px #00000008}.escalated-card{margin-top:16px}.card-table-title{box-sizing:border-box;color:#536274;text-align:left;background:#f1f2f2;border-bottom:1px solid #d5dadd;width:100%;padding:14px 23px;font-size:17px;font-weight:700;line-height:1.2}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.report-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.report-table th{box-sizing:border-box;color:#536274;letter-spacing:.02em;text-align:center;vertical-align:middle;background:#e4ebf8;border-bottom:1px solid #d1d8e1;min-height:42px;padding:10px;font-size:11px;font-weight:700;line-height:1.15}.report-table td{box-sizing:border-box;color:#536274;text-align:center;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e1e4e7;height:39px;padding:9px 10px;font-size:12px;font-weight:600;line-height:1.15}.report-table tbody tr:hover:not(.total-row){background:#fafafa}.report-table th:first-child,.report-table td:first-child,.report-table th:nth-child(2),.report-table td:nth-child(2){width:18%}.report-table th:nth-child(3),.report-table td:nth-child(3){width:25%}.report-table th:nth-child(4),.report-table td:nth-child(4){width:21%}.report-table th:nth-child(5),.report-table td:nth-child(5){width:18%}.total-row{background:#dff1e8!important}.total-row td{border-bottom:none;color:#176b59!important;font-weight:800!important}.positive-val{color:#176b59!important;font-weight:700!important}.negative-val{color:#dc2626!important;font-weight:700!important}.neutral-val{color:#536274!important;font-weight:700!important}.green-text{color:#176b59!important;font-weight:700!important}.red-text{color:#dc3b31!important;font-weight:700!important}.no-results{font-style:italic;color:#9ca3af!important;text-align:center!important;padding:16px!important}.escalated-table{width:100%}.escalated-table th:first-child,.escalated-table td:first-child{width:27%}.escalated-table th:nth-child(2),.escalated-table td:nth-child(2){width:20%}.escalated-table th:nth-child(3),.escalated-table td:nth-child(3){width:31%}.escalated-table th:nth-child(4),.escalated-table td:nth-child(4){width:22%}.exec-modal-overlay{z-index:999999!important;box-sizing:border-box!important;background:#888b9066!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}.exec-modal-check{color:#064e3b!important;box-sizing:border-box!important;background:#baf5ca!important;border-radius:5px!important;flex:0 0 60px!important;justify-content:center!important;align-items:center!important;width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important;margin:35px 0 11px!important;padding:0!important;display:flex!important}.exec-modal-check svg{color:#064e3b!important;width:46px!important;height:46px!important;display:block!important}.exec-generated-modal{box-sizing:border-box!important;text-align:center!important;width:408px!important;min-width:408px!important;max-width:408px!important;height:379px!important;min-height:379px!important;max-height:379px!important;box-shadow:none!important;background:#fff!important;border-radius:5px!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important;animation:none!important;display:flex!important;overflow:hidden!important}.exec-generated-modal .exec-modal-heading{color:#064e3b!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important;width:299px!important;max-width:299px!important;margin:0!important;padding:0!important;font-family:Inter,sans-serif!important;font-size:23px!important;font-weight:600!important;line-height:1.08!important}.exec-generated-description{color:#787474!important;text-align:center!important;width:406px!important;height:33px!important;min-height:33px!important;margin:8px 0 27px!important;padding:0!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.18!important}.exec-generated-info{box-sizing:border-box!important;background:#f0f0f1!important;border:1px solid #cecece!important;border-radius:5px!important;flex-direction:column!important;justify-content:center!important;gap:9px!important;width:344px!important;min-width:344px!important;height:55px!important;min-height:55px!important;margin:0 0 27px!important;padding:0 13px!important;display:flex!important}.exec-generated-row{justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.exec-generated-label{color:#475569!important;text-align:left!important;white-space:nowrap!important;flex:none!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:600!important;line-height:1!important}.exec-generated-value{color:#064e3b!important;text-align:right!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;max-width:204px!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:600!important;line-height:1!important;overflow:hidden!important}.exec-date-value{color:#475569!important}.exec-generated-actions{box-sizing:border-box!important;justify-content:space-between!important;align-items:stretch!important;gap:15px!important;width:344px!important;min-width:344px!important;height:33px!important;min-height:33px!important;margin:0!important;padding:0!important;display:flex!important}.exec-generated-return{box-sizing:border-box!important;color:#fff!important;white-space:nowrap!important;cursor:pointer!important;background:#064e3b!important;border:1px solid #064e3b!important;border-radius:5px!important;flex:0 0 165px!important;justify-content:center!important;align-items:center!important;width:165px!important;min-width:165px!important;height:33px!important;min-height:33px!important;margin:0!important;padding:0 7px!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:600!important;line-height:1!important;display:flex!important}.exec-generated-download{box-sizing:border-box!important;color:#475569!important;white-space:nowrap!important;cursor:pointer!important;background:#fff!important;border:1px solid #cecece!important;border-radius:5px!important;flex:0 0 164px!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:164px!important;min-width:164px!important;height:33px!important;min-height:33px!important;margin:0!important;padding:0 7px!important;font-family:Inter,sans-serif!important;font-size:10px!important;font-weight:600!important;line-height:1!important;display:flex!important}.exec-generated-download svg{color:#475569!important;flex:0 0 18px!important;width:18px!important;height:17px!important}.exec-generated-return:hover{background:#053f31!important;border-color:#053f31!important}.exec-generated-download:hover{background:#fafafa!important;border-color:#bcbcbc!important}.exec-downloaded-modal{box-sizing:border-box!important;text-align:center!important;width:451px!important;min-width:451px!important;max-width:451px!important;height:430px!important;min-height:430px!important;max-height:430px!important;box-shadow:none!important;background:#fff!important;border-radius:5px!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important;animation:none!important;display:flex!important;overflow:hidden!important}.exec-downloaded-modal .exec-modal-heading{color:#064e3b!important;text-align:center!important;width:299px!important;max-width:299px!important;margin:0!important;padding:0!important;font-family:Inter,sans-serif!important;font-size:23px!important;font-weight:600!important;line-height:1.08!important}.exec-downloaded-description{color:#787474!important;text-align:center!important;width:334px!important;min-width:334px!important;height:36px!important;min-height:36px!important;margin:8px 0 39px!important;padding:0!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.28!important}.exec-downloaded-file{box-sizing:border-box!important;text-align:left!important;background:#f0f0f1!important;border:1px solid #cecece!important;border-radius:5px!important;align-items:center!important;gap:8px!important;width:352px!important;min-width:352px!important;height:55px!important;min-height:55px!important;margin:0 0 41px!important;padding:0 10px 0 15px!important;display:flex!important}.exec-csv-file-icon{box-sizing:border-box!important;background:#fff!important;border:1px solid #cecece!important;border-radius:5px!important;flex:0 0 31px!important;justify-content:center!important;align-items:center!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;display:flex!important}.exec-csv-file-icon span{color:#475569!important;font-family:Inter,sans-serif!important;font-size:7px!important;font-weight:600!important;line-height:1!important}.exec-downloaded-file-copy{flex-direction:column!important;flex:0 0 239px!important;justify-content:center!important;gap:4px!important;width:239px!important;min-width:0!important;max-width:239px!important;display:flex!important}.exec-file-details-label{color:#475569!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:600!important;line-height:1!important}.exec-file-details-name{color:#064e3b!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:239px!important;max-width:239px!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:600!important;line-height:1!important;overflow:hidden!important}.exec-file-size{color:#064e3b!important;white-space:nowrap!important;flex:none!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:600!important;line-height:1!important}.exec-file-success{color:#064e3b!important;flex:0 0 20px!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;display:flex!important}.exec-file-success svg{width:15px!important;height:15px!important}.exec-downloaded-return{box-sizing:border-box!important;color:#fff!important;white-space:nowrap!important;cursor:pointer!important;background:#064e3b!important;border:1px solid #064e3b!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;width:344px!important;min-width:344px!important;height:33px!important;min-height:33px!important;margin:0!important;padding:0 10px!important;font-family:Inter,sans-serif!important;font-size:10px!important;font-weight:600!important;line-height:1!important;display:flex!important}.exec-downloaded-return:hover{background:#053f31!important;border-color:#053f31!important}@media (width<=768px){.table-responsive{overflow-x:hidden!important}.report-table{table-layout:fixed!important;width:100%!important;min-width:0!important}.exec-generated-modal{width:min(250px,100vw - 32px)!important;min-width:0!important;max-width:calc(100vw - 32px)!important;height:295px!important;min-height:295px!important;max-height:calc(100vh - 20px)!important}.exec-generated-modal .exec-modal-check{flex-basis:43px!important;width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;margin-top:28px!important;margin-bottom:17px!important}.exec-generated-modal .exec-modal-check svg{width:31px!important;height:31px!important}.exec-generated-modal .exec-modal-heading{width:220px!important;max-width:220px!important;font-size:14px!important;line-height:1.15!important}.exec-generated-description{width:215px!important;max-width:215px!important;height:auto!important;min-height:0!important;margin:7px 0 15px!important;font-size:8px!important;line-height:1.25!important}.exec-generated-info{gap:5px!important;width:214px!important;min-width:214px!important;height:47px!important;min-height:47px!important;margin-bottom:15px!important;padding:7px 9px!important}.exec-generated-label{font-size:5.5px!important}.exec-generated-value{max-width:137px!important;font-size:5.5px!important}.exec-generated-actions{gap:8px!important;width:214px!important;min-width:214px!important;height:24px!important;min-height:24px!important}.exec-generated-return{flex-basis:103px!important;width:103px!important;min-width:103px!important;height:24px!important;min-height:24px!important;padding:0 4px!important;font-size:5.4px!important}.exec-generated-download{flex-basis:103px!important;gap:3px!important;width:103px!important;min-width:103px!important;height:24px!important;min-height:24px!important;padding:0 3px!important;font-size:5.4px!important}.exec-generated-download svg{flex-basis:9px!important;width:9px!important;height:9px!important}.exec-downloaded-modal{width:min(280px,100vw - 32px)!important;min-width:0!important;max-width:calc(100vw - 32px)!important;height:322px!important;min-height:322px!important;max-height:calc(100vh - 20px)!important}.exec-downloaded-modal .exec-modal-check{flex-basis:43px!important;width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;margin-top:23px!important;margin-bottom:15px!important}.exec-downloaded-modal .exec-modal-check svg{width:31px!important;height:31px!important}.exec-downloaded-modal .exec-modal-heading{width:220px!important;max-width:220px!important;font-size:14px!important;line-height:1.15!important}.exec-downloaded-description{width:235px!important;max-width:235px!important;height:auto!important;min-height:0!important;margin:7px 0 17px!important;font-size:8px!important;line-height:1.28!important}.exec-downloaded-file{gap:5px!important;width:244px!important;min-width:244px!important;height:44px!important;min-height:44px!important;margin-bottom:17px!important;padding:0 7px!important}.exec-csv-file-icon{flex-basis:25px!important;width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important}.exec-csv-file-icon span{font-size:5px!important}.exec-downloaded-file-copy{flex:auto!important;width:auto!important;min-width:0!important;max-width:none!important}.exec-file-details-label{font-size:5.2px!important}.exec-file-details-name{width:100%!important;max-width:135px!important;font-size:5.4px!important}.exec-file-size{font-size:5.4px!important}.exec-file-success{flex-basis:17px!important;width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important}.exec-file-success svg{width:13px!important;height:13px!important}.exec-downloaded-return{width:244px!important;min-width:244px!important;height:26px!important;min-height:26px!important;font-size:6px!important}}@media (width<=380px){.exec-generated-modal,.exec-downloaded-modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}.exec-generated-info,.exec-generated-actions{width:calc(100% - 28px)!important;min-width:0!important}.exec-generated-return,.exec-generated-download{flex:1 1 0!important;min-width:0!important}.exec-generated-value{max-width:125px!important}.exec-downloaded-file,.exec-downloaded-return{width:calc(100% - 28px)!important;min-width:0!important}.exec-file-details-name{max-width:110px!important}}@media (width<=768px){.director-portal .reports-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.reports-header-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;margin:0 0 13px!important;display:flex!important}.title-group{width:100%!important;min-width:0!important}.title-group .reports-title{text-align:left!important;margin:0 0 4px!important;font-size:24px!important;line-height:1.1!important}.reports-subtitle{text-align:left!important;margin:0!important;font-size:12px!important;line-height:1.35!important}.actions-right{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;align-items:stretch!important;gap:5px!important;width:100%!important;display:grid!important}.quarter-select,.generate-csv-btn{box-sizing:border-box!important;border-radius:7px!important;width:100%!important;min-width:0!important;height:29px!important}.quarter-select{padding:0 6px!important;font-size:8px!important}.generate-csv-btn{gap:4px!important;padding:0 5px!important;font-size:8px!important}.generate-csv-btn svg{width:11px!important;height:11px!important}.report-card{box-sizing:border-box!important;border-radius:4px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.escalated-card{margin-top:10px!important}.card-table-title{box-sizing:border-box!important;text-align:left!important;width:100%!important;padding:8px 9px!important;font-size:11px!important;line-height:1.15!important}.table-responsive{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.report-table{table-layout:fixed!important;border-collapse:collapse!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.report-table th{width:auto;letter-spacing:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;vertical-align:middle!important;height:auto!important;padding:6px 3px!important;font-size:6.5px!important;line-height:1.05!important}.report-table td{white-space:nowrap!important;text-overflow:clip!important;text-align:center!important;vertical-align:middle!important;height:29px!important;padding:5px 2px!important;font-size:7px!important;line-height:1.05!important;overflow:hidden!important}.report-table th:first-child,.report-table td:first-child,.report-table th:nth-child(2),.report-table td:nth-child(2){width:18%!important}.report-table th:nth-child(3),.report-table td:nth-child(3){width:25%!important}.report-table th:nth-child(4),.report-table td:nth-child(4){width:21%!important}.report-table th:nth-child(5),.report-table td:nth-child(5){width:18%!important}.total-row td{font-size:6.7px!important}.escalated-table{table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}.escalated-table th:first-child,.escalated-table td:first-child{width:27%!important}.escalated-table th:nth-child(2),.escalated-table td:nth-child(2){width:20%!important}.escalated-table th:nth-child(3),.escalated-table td:nth-child(3){width:31%!important}.escalated-table th:nth-child(4),.escalated-table td:nth-child(4){width:22%!important}.escalated-table th{white-space:normal!important;height:auto!important;padding:6px 2px!important;font-size:6px!important;line-height:1.05!important}.escalated-table td{white-space:nowrap!important;height:28px!important;padding:5px 2px!important;font-size:7px!important}}@media (width<=380px){.reports-container{padding-left:10px!important;padding-right:10px!important}.reports-title{font-size:19px!important}.reports-subtitle{font-size:8px!important}.quarter-select,.generate-csv-btn{height:28px!important;font-size:7.5px!important}.card-table-title{padding:7px 8px!important;font-size:10px!important}.report-table th{padding:5px 2px!important;font-size:6px!important}.report-table td{padding:4px 1px!important;font-size:6.5px!important}.escalated-table th{font-size:5.6px!important}.escalated-table td{font-size:6.5px!important}}.financials-page{flex-direction:column;gap:24px;width:100%;max-width:1320px;margin:0 auto;padding-bottom:40px;display:flex}.financials-loading{text-align:center;color:#6b7280;padding:32px;font-size:14px}.financials-header-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.financials-title{color:#064e3b;letter-spacing:-.02em;text-align:left;margin:0 0 6px;font-size:2.2rem;font-weight:700;margin-top:-12px!important}.financials-subtitle{color:#6b7280;margin:10px 0 0;font-size:.95rem;font-weight:400}.period-badge{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 1px 2px #00000008}.period-badge:hover{background:#f9fafb}.period-badge svg{color:#6b7280}.period-dropdown-menu{z-index:2000;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;width:240px;padding:6px 0;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:13px;font-weight:500}.dropdown-item:hover{color:#111827;background-color:#f3f4f6}.dropdown-item.active{color:#065f46;background-color:#ecfdf5;font-weight:600}.financials-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.fin-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:110px;padding:20px;display:flex;box-shadow:0 1px 3px #00000005}.fin-metric-title{color:#6b7280;letter-spacing:.04em;font-size:.75rem;font-weight:700}.fin-metric-value{color:#111827;margin-top:6px;font-size:1.6rem;font-weight:800}.fin-metric-value.negative{color:#dc2626}.fin-metric-sub{color:#6b7280;margin-top:6px;font-size:.72rem;line-height:1.3}.remaining-card{color:#fff;background:#064e3b;border-color:#064e3b}.remaining-card-top{justify-content:space-between;align-items:center;display:flex}.remaining-card .fin-metric-title{color:#a7f3d0}.php-tag{color:#fff;background:#ffffff26;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.remaining-content-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.remaining-card .fin-metric-value{color:#fff;margin-top:0}.remaining-icon-box{color:#fff;background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.fin-metric-card.remaining-card.exceeded-card{border:1px solid #dc2626;background-color:#991b1b!important}.remaining-icon-box.exceeded-icon-box{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fee2e2;background-color:#00000080}.exceeded-sub-warning{color:#fca5a5;letter-spacing:.3px;margin-top:6px;font-size:11px;font-weight:500;display:block}.budget-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.budget-table-header-bar{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-main-title{color:#111827;letter-spacing:.03em;font-size:.95rem;font-weight:800}.btn-add-row{color:#059669;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:700}.btn-add-row:hover{background:#ecfdf5}.budget-table-subheaders{color:#6b7280;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 24px;font-size:.72rem;font-weight:700;display:grid}.budget-table-subheaders span:nth-child(2),.budget-table-subheaders span:nth-child(3){text-align:right}.budget-table-subheaders span:nth-child(4){text-align:center}.section-category-title{color:#374151;letter-spacing:.04em;background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:14px 24px;font-size:.75rem;font-weight:800;display:flex}.section-category-title.discretionary{margin-top:4px}.section-category-title svg{color:#6b7280}.budget-item-row{border-bottom:1px solid #f3f4f6;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:16px;padding:16px 24px;display:grid}.budget-item-row:hover{background:#fafafa}.item-desc-col{flex-direction:column;gap:2px;display:flex}.item-title-with-icon{color:#111827;align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.item-title-with-icon svg{color:#4b5563;flex-shrink:0}.item-desc-sub{color:#6b7280;margin-left:26px;font-size:.78rem}.item-period-col{color:#4b5563;text-align:right;font-size:.9rem;font-weight:600}.item-input-col{justify-content:flex-end;display:flex}.budget-input{color:#111827;text-align:right;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:140px;padding:8px 12px;font-size:.875rem;font-weight:600}.budget-input:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a}.pending-input{color:#6b7280;font-weight:600}.item-status-col{justify-content:center;display:flex}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-pill.fixed,.status-pill.locked{color:#374151;background:#e5e7eb}.status-pill.fixed svg,.status-pill.locked svg{color:#4b5563}.status-pill.pending{color:#b45309;background:#fef3c7}.status-pill.allotted,.status-pill.verified{color:#065f46;background:#d1fae5}.status-pill.denied{color:#991b1b;background:#fee2e2}.budget-table-footer-totals{background:#f8fafc;border-top:1px solid #e5e7eb;align-items:center;gap:24px;padding:20px 24px;display:flex}.footer-total-group{flex-direction:column;gap:4px;display:flex}.footer-total-label{color:#6b7280;letter-spacing:.04em;font-size:.7rem;font-weight:700}.footer-total-val{color:#111827;font-size:1.1rem;font-weight:800}.footer-divider{background:#d1d5db;width:1px;height:32px;margin:0 12px}.grand-total-banner{color:#fff;background:#064e3b;border-radius:10px;flex-direction:column;align-items:flex-end;margin-left:auto;padding:14px 24px;display:flex;box-shadow:0 2px 4px #064e3b33}.grand-banner-title{color:#a7f3d0;letter-spacing:.05em;font-size:.7rem;font-weight:700}.grand-banner-val{color:#fff;margin-top:2px;font-size:1.4rem;font-weight:800}.remittance-container{margin-top:8px}.remittance-table-headers{color:#6b7280;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:1.2fr 1.5fr 1.5fr 1.8fr 1fr 1.2fr;padding:12px 24px;font-size:.72rem;font-weight:700;display:grid}.remittance-item-row{border-bottom:1px solid #f3f4f6;grid-template-columns:1.2fr 1.5fr 1.5fr 1.8fr 1fr 1.2fr;align-items:center;padding:16px 24px;font-size:.875rem;display:grid}.remittance-empty{text-align:center;color:#6b7280;padding:24px}.rem-col-date,.rem-col-cycle{color:#374151;font-weight:600}.rem-col-amount{color:#111827;text-align:right;font-weight:800}.rem-col-ref{color:#374151;font-family:monospace;font-weight:700}.rem-col-status{justify-content:center;display:flex}.rem-col-slip{justify-content:flex-end;display:flex}.btn-view-doc{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.btn-view-doc:hover{color:#059669}.financials-bottom-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.bottom-status-text{color:#6b7280;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.bottom-action-buttons{align-items:center;gap:12px;display:flex}.btn-save-draft{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:.875rem;font-weight:700}.btn-save-draft:hover:not(:disabled){background:#f3f4f6}.btn-lock-allocation{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:700;display:flex}.btn-lock-allocation:hover:not(:disabled){background:#047857}.btn-lock-allocation:disabled,.btn-save-draft:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:3000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{text-align:left;background:#fff;border-radius:12px;width:100%;max-width:460px;max-height:calc(100vh - 32px);animation:.18s cubic-bezier(.16,1,.3,1) modalScaleIn;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 15px -5px #0000000a}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-title{color:#064e3b;margin:0;font-size:1.15rem;font-weight:700}.btn-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px}.btn-modal-close:hover{background:#f3f4f6}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#6b7280;letter-spacing:.04em;font-size:.72rem;font-weight:700}.form-input,.form-select{color:#111827;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.875rem}.form-input:focus,.form-select:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-modal-cancel{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 16px;font-size:.875rem;font-weight:600}.btn-modal-cancel:hover{background:#f3f4f6}.btn-modal-submit{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:8px;padding:9px 18px;font-size:.875rem;font-weight:700}.prompt-modal{text-align:center;max-width:400px;padding:28px 24px}.prompt-title{color:#064e3b;margin:0 0 8px;font-size:1.15rem;font-weight:800}.prompt-desc{color:#6b7280;margin:0 0 20px;font-size:.85rem}.prompt-buttons{justify-content:center;align-items:center;gap:12px;display:flex}.btn-prompt-confirm{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:999px;padding:8px 24px;font-size:.875rem;font-weight:700}.btn-prompt-cancel{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:999px;padding:8px 24px;font-size:.875rem;font-weight:700}.remittance-modal-card{max-width:680px}.remittance-modal-body{grid-template-columns:240px 1fr;gap:20px;padding:24px;display:grid}.receipt-preview-box{background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex}.blue-bg-card{background:#2563eb;border-radius:8px;width:100%;padding:12px}.white-receipt-paper{background:#fff;border-radius:6px;padding:14px 10px;font-size:.68rem;box-shadow:0 2px 4px #00000014}.receipt-status-line{color:#16a34a;text-align:center;margin-bottom:12px;font-size:.72rem;font-weight:700}.receipt-dummy-rows{border-top:1px solid #f3f4f6;flex-direction:column;gap:8px;padding-top:10px;display:flex}.dummy-row{color:#4b5563;justify-content:space-between;font-size:.65rem;display:flex}.dummy-row.line-sep{border-top:1px solid #e5e7eb;padding-top:6px}.dummy-row.total{color:#111827;font-weight:800}.receipt-footer-logo{color:#2563eb;flex-direction:column;align-items:center;gap:2px;margin-top:24px;font-size:.72rem;font-weight:800;display:flex}.powered-by{color:#6b7280;font-size:.55rem;font-weight:600}.remittance-details-box{flex-direction:column;justify-content:space-between;display:flex}.declaration-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;box-shadow:0 1px 2px #00000008}.decl-title{color:#064e3b;border-bottom:1px solid #f3f4f6;margin:0 0 12px;padding-bottom:10px;font-size:.95rem;font-weight:800}.decl-text{color:#6b7280;margin:0 0 18px;font-size:.85rem;line-height:1.4}.decl-keyval-list{flex-direction:column;gap:10px;font-size:.85rem;display:flex}.decl-row{align-items:center;gap:8px;display:flex}.decl-label{color:#374151;font-weight:600}.decl-val{color:#111827;font-weight:800}.remittance-action-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.btn-approve-remittance{color:#fff;cursor:pointer;background:#00a651;border:none;border-radius:8px;padding:11px;font-size:.85rem;font-weight:700}.btn-approve-remittance:hover{background:#059669}.btn-flag-discrepancy{color:#fff;cursor:pointer;background:#d9383a;border:none;border-radius:8px;padding:11px;font-size:.85rem;font-weight:700}.btn-flag-discrepancy:hover{background:#dc2626}.lock-modal-card{max-width:520px}.lock-title-group{align-items:center;gap:12px;display:flex}.lock-icon-bg{color:#fff;background:#064e3b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lock-subtitle-tag{color:#6b7280;letter-spacing:.05em;font-size:.65rem;font-weight:800}.lock-desc-text{color:#4b5563;margin:0;font-size:.85rem;line-height:1.5}.lock-summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.lock-sum-row{color:#374151;justify-content:space-between;font-size:.85rem;display:flex}.lock-sum-row.total{color:#064e3b;border-top:1px solid #e5e7eb;padding-top:8px;font-weight:800}.lock-warning-box{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.8rem;line-height:1.4;display:flex}.btn-lock-submit{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:700;display:flex}.success-confirmed-card{text-align:center;max-width:540px;padding:28px}.confirmed-header{flex-direction:column;align-items:center;display:flex}.confirmed-check-circle{background:#abf7d0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.confirmed-title{color:#064e3b;margin:0 0 6px;font-size:1.35rem;font-weight:800}.confirmed-subtitle{color:#4b5563;margin:0 0 12px;font-size:.85rem}.sealed-badge{color:#dc2626;letter-spacing:.04em;background:#fef2f2;border:1px solid #fca5a5;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-flex}.confirmed-metrics-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.c-metric-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.c-metric-item.highlight{color:#fff;background:#064e3b}.c-metric-label{color:#6b7280;font-size:.65rem;font-weight:700}.c-metric-item.highlight .c-metric-label{color:#a7f3d0}.c-metric-val{margin:4px 0;font-size:.95rem;font-weight:800}.c-metric-sub{color:#6b7280;font-size:.6rem}.c-metric-item.highlight .c-metric-sub{color:#e5e7eb}.db-confirmed-box{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:12px}.db-box-header{color:#065f46;flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:flex}.db-subtext{color:#047857;margin:4px 0 0 24px;font-size:.75rem}.confirmed-footer-row{justify-content:center;display:flex}.btn-return-financials{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:8px;padding:10px 28px;font-size:.875rem;font-weight:700}.confirmed-metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.c-metric-item{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.c-metric-item.highlight{color:#fff;background-color:#064e3b;border-color:#064e3b}.c-metric-item.highlight .c-metric-label,.c-metric-item.highlight .c-metric-sub{color:#a7f3d0}.c-metric-item.highlight .c-metric-val{color:#fff}.db-confirmed-box{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:24px;padding:16px}.remittance-modal-body{flex-direction:row;gap:24px;padding:24px;display:flex}.receipt-preview-box{background-color:#f3f4f6;border-radius:12px;flex:0 0 40%;justify-content:center;padding:16px;display:flex}.blue-bg-card{background-color:#2563eb;border-radius:12px;width:100%;padding:8px}.white-receipt-paper{background-color:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:20px 16px;display:flex}.remittance-details-box{flex-direction:column;flex:1;justify-content:space-between;display:flex}.declaration-summary-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.remittance-action-buttons{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-approve-remittance{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.btn-flag-discrepancy{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.reference-font{color:#374151;letter-spacing:.05em;font-family:Inter,sans-serif!important}.remittance-table-headers,.remittance-item-row{border-bottom:1px solid #e5e7eb;grid-template-columns:1.2fr 1.5fr 1.5fr 1.2fr .8fr 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}@media (width<=1100px){.financials-page{padding:0 18px 30px}.financials-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.financials-page{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 19px!important;display:flex!important}.financials-header-row{width:100%;display:block}.financials-title{color:#064e3b;margin-bottom:4px;font-weight:700;line-height:1.2;margin-top:0!important;font-size:24px!important}.financials-subtitle{display:none}.period-selector-container{top:8px;right:8px;position:absolute!important}.period-badge{border-radius:6px;gap:4px;padding:5px 7px;font-size:7px}.period-badge svg{width:10px;height:10px}.period-dropdown-menu{border-radius:7px;width:150px;max-height:230px;top:calc(100% + 5px);right:0;overflow-y:auto}.dropdown-item{padding:8px 10px;font-size:9px}.financials-metrics-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.fin-metric-card{border-radius:5px;min-height:57px;padding:7px 6px}.fin-metric-title{letter-spacing:.02em;font-size:5.5px;line-height:1.1}.fin-metric-value{margin-top:3px;font-size:12px;line-height:1}.fin-metric-sub{margin-top:3px;font-size:4.2px;line-height:1.1}.remaining-card{border-radius:5px;grid-column:1/-1;min-height:48px;padding:6px 9px}.remaining-card-top{margin-bottom:2px}.remaining-card .fin-metric-title{font-size:6px}.php-tag{padding:2px 5px;font-size:5px}.remaining-content-row{margin-top:1px}.remaining-card .fin-metric-value{font-size:15px}.remaining-icon-box{border-radius:6px;width:28px;height:28px}.remaining-icon-box svg{width:15px;height:15px}.exceeded-sub-warning{margin-top:2px;font-size:5px}.budget-table-container{border-radius:5px;width:100%;overflow:hidden}.budget-table-header-bar{min-height:27px;padding:7px 9px}.table-main-title{font-size:8px}.btn-add-row{padding:2px 3px;font-size:6px}.budget-table-subheaders{letter-spacing:0;grid-template-columns:2fr 1fr 1fr .8fr;gap:3px;padding:5px 8px;font-size:5px;line-height:1.05}.section-category-title{letter-spacing:.02em;gap:4px;padding:5px 8px;font-size:6px;line-height:1}.section-category-title svg{width:8px;height:8px}.budget-item-row{grid-template-columns:2fr .8fr .9fr .8fr;gap:3px;min-height:29px;padding:5px 8px}.item-desc-col{gap:1px;min-width:0}.item-title-with-icon{gap:3px;min-width:0;font-size:5.5px;line-height:1.05}.item-title-with-icon svg{width:8px;height:8px}.item-title-with-icon span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.item-desc-sub{white-space:nowrap;text-overflow:ellipsis;margin-left:11px;font-size:4px;line-height:1;overflow:hidden}.item-period-col{white-space:nowrap;text-align:right;font-size:5px;line-height:1}.item-input-col{justify-content:flex-end;min-width:0}.budget-input{border-radius:4px;width:52px;min-width:0;height:16px;padding:3px 4px;font-size:5px;line-height:1}.item-status-col{justify-content:center;min-width:0}.status-pill{white-space:nowrap;gap:2px;padding:2px 4px;font-size:4px;line-height:1}.status-pill svg{width:5px;height:5px}.budget-table-footer-totals{grid-template-rows:auto auto;grid-template-columns:1fr 1px 1fr;align-items:center;gap:0;padding:6px 8px;display:grid}.footer-total-group{gap:2px}.footer-total-label{font-size:5px;line-height:1}.footer-total-val{font-size:8px;line-height:1}.footer-divider{width:1px;height:22px;margin:0 3px}.grand-total-banner{border-radius:4px;grid-column:1/-1;align-items:flex-start;margin:6px 0 0;padding:7px 9px}.grand-banner-title{font-size:6px;line-height:1}.grand-banner-val{margin-top:3px;font-size:15px;line-height:1}.remittance-container{display:none}.financials-bottom-bar{border-radius:5px;flex-direction:column;align-items:stretch;gap:7px;margin-top:0;padding:7px 8px;display:flex}.bottom-status-text{gap:4px;font-size:6px}.bottom-status-text svg{width:9px;height:9px}.bottom-action-buttons{grid-template-columns:1fr 1.5fr;gap:5px;width:100%;display:grid}.btn-save-draft{border-radius:4px;width:100%;padding:6px 4px;font-size:6px}.btn-lock-allocation{border-radius:4px;justify-content:center;gap:3px;width:100%;padding:6px 4px;font-size:6px}.btn-lock-allocation svg{width:8px;height:8px}.modal-overlay{justify-content:center;align-items:center;padding:12px;overflow-y:auto}.modal-container{border-radius:9px;width:100%;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto}.add-budget-modal{width:100%;max-width:280px;max-height:calc(100vh - 40px)}.add-budget-modal .modal-header{padding:11px 12px}.add-budget-modal .modal-title{font-size:12px;line-height:1.1}.add-budget-modal .modal-body{gap:10px;padding:12px}.add-budget-modal .form-group{gap:4px}.add-budget-modal .form-label{font-size:6px}.add-budget-modal .form-input,.add-budget-modal .form-select{border-radius:5px;min-height:27px;padding:7px 8px;font-size:8px}.add-budget-modal .modal-footer{gap:6px;padding:9px 12px}.add-budget-modal .btn-modal-cancel,.add-budget-modal .btn-modal-submit{border-radius:5px;padding:6px 10px;font-size:7px}.prompt-modal{border-radius:9px;width:100%;max-width:250px;padding:18px 14px}.prompt-title{margin-bottom:6px;font-size:11px;line-height:1.25}.prompt-desc{margin-bottom:13px;font-size:7px;line-height:1.3}.prompt-buttons{gap:6px}.btn-prompt-confirm,.btn-prompt-cancel{padding:6px 15px;font-size:7px}.remittance-modal-card{width:100%;max-width:310px;max-height:calc(100vh - 24px)}.remittance-modal-card .modal-header{padding:10px 12px}.remittance-modal-card .modal-title{font-size:9px;line-height:1.1}.remittance-modal-body{flex-direction:column;gap:10px;padding:10px;display:flex}.receipt-preview-box{border-radius:7px;min-height:150px;padding:8px}.blue-bg-card{border-radius:5px;width:115px;padding:6px}.white-receipt-paper{border-radius:4px;padding:8px 6px;font-size:5px}.receipt-status-line{margin-bottom:7px;font-size:5px}.receipt-dummy-rows{gap:4px;padding-top:5px}.dummy-row{font-size:4.5px}.receipt-footer-logo{margin-top:10px;font-size:5px}.powered-by{font-size:3.5px}.declaration-summary-card{border-radius:6px;padding:9px}.decl-title{margin-bottom:6px;padding-bottom:5px;font-size:8px}.decl-text{margin-bottom:9px;font-size:6px;line-height:1.3}.decl-keyval-list{gap:5px;font-size:6px}.decl-row{flex-wrap:wrap;gap:4px}.remittance-action-buttons{gap:6px;margin-top:7px}.btn-approve-remittance,.btn-flag-discrepancy{border-radius:5px;padding:7px 4px;font-size:6px}.lock-modal-card{width:100%;max-width:285px}.lock-modal-card .modal-header{padding:10px 11px}.lock-title-group{gap:7px;min-width:0}.lock-icon-bg{border-radius:5px;width:25px;height:25px}.lock-icon-bg svg{width:12px;height:12px}.lock-modal-card .modal-title{font-size:10px;line-height:1.1}.lock-subtitle-tag{margin-top:2px;font-size:4px;line-height:1;display:block}.lock-modal-card .modal-body{gap:9px;padding:11px}.lock-desc-text{font-size:7px;line-height:1.4}.lock-summary-box{border-radius:6px;gap:5px;padding:8px}.lock-sum-row{gap:8px;font-size:6px}.lock-sum-row.total{padding-top:5px}.lock-warning-box{border-radius:6px;gap:5px;padding:7px 8px;font-size:5.5px;line-height:1.35}.lock-warning-box svg{flex-shrink:0;width:11px;height:11px}.lock-modal-card .modal-footer{gap:6px;padding:8px 11px}.lock-modal-card .btn-modal-cancel{padding:6px 10px;font-size:6px}.btn-lock-submit{border-radius:5px;gap:4px;padding:6px 10px;font-size:6px}.btn-lock-submit svg{width:8px;height:8px}.success-confirmed-card{border-radius:9px;width:100%;max-width:290px;padding:16px 12px}.confirmed-check-circle{width:38px;height:38px;margin-bottom:8px}.confirmed-check-circle svg{width:19px;height:19px}.confirmed-title{margin-bottom:5px;font-size:12px;line-height:1.15}.confirmed-subtitle{margin-bottom:8px;font-size:6.5px;line-height:1.35}.sealed-badge{gap:3px;margin-bottom:11px;padding:3px 7px;font-size:4.5px}.sealed-badge svg{width:7px;height:7px}.confirmed-metrics-grid{gap:4px;margin-bottom:9px}.c-metric-item{border-radius:5px;padding:7px 3px}.c-metric-label{text-align:center;font-size:4px;line-height:1.1}.c-metric-val{margin:3px 0;font-size:7px}.c-metric-sub{text-align:center;font-size:3.5px}.db-confirmed-box{border-radius:5px;margin-bottom:10px;padding:7px}.db-box-header{gap:4px;font-size:4.5px}.db-box-header svg{width:9px;height:9px}.db-subtext{margin:3px 0 0 13px;font-size:4.5px}.btn-return-financials{border-radius:5px;padding:7px 16px;font-size:6px}}@media (width<=390px){.financials-title{font-size:.9rem}.financials-metrics-grid{gap:3px}.fin-metric-card{padding:6px 5px}.fin-metric-title{font-size:5px}.fin-metric-value{font-size:11px}.remaining-card .fin-metric-value{font-size:14px}.budget-table-subheaders{padding:4px 6px;font-size:4.5px}.budget-item-row{padding:4px 6px}.budget-input{width:48px;font-size:4.5px}.section-category-title{padding:5px 6px;font-size:5.5px}.grand-banner-val{font-size:14px}}@media (width<=350px){.financials-page{padding:0 8px 14px}.financials-title{font-size:.82rem}.fin-metric-title{font-size:4.7px}.fin-metric-value{font-size:10px}.remaining-card .fin-metric-value{font-size:13px}.budget-table-subheaders{font-size:4px}.item-title-with-icon{font-size:5px}.item-desc-sub{font-size:3.5px}.budget-input{width:44px}.status-pill{padding:2px 3px;font-size:3.5px}.grand-banner-val{font-size:13px}}@media (width>=768px){.financials-header-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:28px!important;width:100%!important;margin-top:32px!important;display:grid!important}.financials-header-row>div:first-child{grid-area:1/1!important;min-width:0!important}.financials-title{white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important}.period-selector-container{z-index:2000!important;grid-area:1/2!important;place-self:start end!important;width:max-content!important;position:relative!important;top:auto!important;right:auto!important}.period-dropdown-menu{box-sizing:border-box!important;z-index:5000!important;width:240px!important;max-width:min(240px,100vw - 32px)!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important}}@media (width<=768px){.financials-header-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;row-gap:6px!important;width:100%!important;display:grid!important}.financials-header-row>div:first-child{grid-area:1/1/auto/-1!important;min-width:0!important}.period-selector-container{z-index:2000!important;grid-area:2/2!important;place-self:start end!important;width:max-content!important;position:relative!important;top:auto!important;right:auto!important}.period-dropdown-menu{box-sizing:border-box!important;z-index:5000!important;width:180px!important;max-width:calc(100vw - 28px)!important;top:calc(100% + 5px)!important;left:auto!important;right:0!important}}.modal-overlay .modal-container{box-sizing:border-box!important;width:460px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px)!important}.modal-overlay .add-budget-modal{width:460px!important;max-width:calc(100vw - 32px)!important}.modal-overlay .prompt-modal{width:400px!important;max-width:calc(100vw - 32px)!important}.modal-overlay .remittance-modal-card{width:680px!important;max-width:calc(100vw - 32px)!important}.modal-overlay .lock-modal-card{width:520px!important;max-width:calc(100vw - 32px)!important}.modal-overlay .success-confirmed-card{width:540px!important;max-width:calc(100vw - 32px)!important}.modal-overlay .add-budget-modal form .modal-body{flex-direction:column!important;align-items:stretch!important;display:flex!important}.modal-overlay .add-budget-modal form .modal-body>.form-group{flex-direction:column!important;grid-column:auto!important;width:100%!important;display:flex!important}.modal-overlay .add-budget-modal form .modal-body>.form-group .form-input,.modal-overlay .add-budget-modal form .modal-body>.form-group .form-select{box-sizing:border-box!important;width:100%!important}@media (width<=768px){.modal-overlay .modal-container{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}.modal-overlay .add-budget-modal{width:280px!important;max-width:calc(100vw - 24px)!important}.modal-overlay .prompt-modal{width:250px!important;max-width:calc(100vw - 24px)!important}.modal-overlay .remittance-modal-card{width:310px!important;max-width:calc(100vw - 24px)!important}.modal-overlay .lock-modal-card{width:285px!important;max-width:calc(100vw - 24px)!important}.modal-overlay .success-confirmed-card{width:290px!important;max-width:calc(100vw - 24px)!important}}.modal-overlay{z-index:3000;box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-overlay>.modal-container{box-sizing:border-box;flex:none;margin:0}.modal-overlay>.add-budget-modal{width:460px!important;max-width:calc(100vw - 32px)!important}.modal-overlay>.prompt-modal{width:430px!important;max-width:calc(100vw - 32px)!important;min-height:0!important;padding:30px 28px 24px!important}.modal-overlay>.remittance-modal-card{width:680px!important;max-width:calc(100vw - 32px)!important}.modal-overlay>.lock-modal-card{z-index:5001;position:relative;width:520px!important;max-width:calc(100vw - 32px)!important}.modal-overlay>.success-confirmed-card{width:540px!important;max-width:calc(100vw - 32px)!important}.modal-overlay>.add-budget-modal form .modal-body{flex-direction:column!important;align-items:stretch!important;display:flex!important}.modal-overlay>.add-budget-modal form .modal-body>.form-group{flex-direction:column!important;width:100%!important;display:flex!important}.modal-overlay>.lock-modal-card .modal-footer{z-index:5002;position:relative}.modal-overlay>.lock-modal-card .btn-lock-submit{z-index:5003;position:relative;pointer-events:auto!important}.modal-overlay.z-top>.prompt-modal .prompt-title{margin:0 0 10px}.modal-overlay.z-top>.prompt-modal .prompt-desc{margin:0 0 24px}.modal-overlay.z-top>.prompt-modal .prompt-buttons{gap:14px}@media (width<=768px){.modal-overlay{padding:12px}.modal-overlay>.add-budget-modal{width:280px!important;max-width:calc(100vw - 24px)!important}.modal-overlay>.prompt-modal{width:285px!important;max-width:calc(100vw - 24px)!important;padding:20px 16px 18px!important}.modal-overlay>.remittance-modal-card{width:310px!important;max-width:calc(100vw - 24px)!important}.modal-overlay>.lock-modal-card{width:285px!important;max-width:calc(100vw - 24px)!important}.modal-overlay>.success-confirmed-card{width:290px!important;max-width:calc(100vw - 24px)!important}}.modal-overlay{z-index:2147483000!important;pointer-events:auto!important;touch-action:auto!important;position:fixed!important;inset:0!important}.modal-overlay.z-top{z-index:2147483001!important}.modal-overlay>.modal-container{isolation:isolate;position:relative;z-index:2147483002!important;pointer-events:auto!important;touch-action:auto!important}.modal-overlay button,.modal-overlay input,.modal-overlay select,.modal-overlay textarea{touch-action:manipulation;pointer-events:auto!important}.modal-overlay .btn-prompt-confirm,.modal-overlay .btn-prompt-cancel,.modal-overlay .btn-modal-cancel,.modal-overlay .btn-modal-submit,.modal-overlay .btn-modal-close,.modal-overlay .btn-lock-submit,.modal-overlay .btn-return-financials,.modal-overlay .btn-approve-remittance,.modal-overlay .btn-flag-discrepancy{cursor:pointer;position:relative;z-index:2147483003!important;pointer-events:auto!important}.modal-overlay .btn-prompt-confirm:disabled,.modal-overlay .btn-lock-submit:disabled{cursor:wait;opacity:.65}.financials-action-error{box-sizing:border-box;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;width:100%;margin-top:8px;padding:7px 10px;font-size:.72rem;font-weight:600;line-height:1.3}.financials-page .btn-add-row:disabled,.financials-page .btn-save-draft:disabled,.financials-page .btn-lock-allocation:disabled{pointer-events:none}@media (width<=768px){.financials-action-error{border-radius:4px;margin-top:4px;padding:5px 7px;font-size:5.5px}.modal-overlay{padding:12px!important}.modal-overlay>.modal-container{pointer-events:auto!important}.modal-overlay .btn-prompt-confirm,.modal-overlay .btn-prompt-cancel,.modal-overlay .btn-modal-cancel,.modal-overlay .btn-modal-submit,.modal-overlay .btn-lock-submit{min-height:24px}}.financials-action-error{box-sizing:border-box;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;width:100%;margin:0 0 8px;padding:7px 10px;font-size:.72rem;font-weight:600;line-height:1.3;display:block}@media (width<=768px){.financials-action-error{margin:0 0 4px;padding:5px 7px;font-size:5.5px}.remittance-container{width:100%!important;padding:12px!important;overflow-x:hidden!important}.remittance-table-headers,.remittance-item-row{display:grid;grid-template-columns:.9fr 1.1fr 1fr 1fr .8fr .9fr!important;gap:4px!important;width:100%!important;padding:8px 4px!important}.remittance-table-headers span{letter-spacing:normal!important;text-align:center!important;padding:0!important;font-size:.37rem!important}.remittance-item-row div{text-overflow:ellipsis;overflow:hidden;font-size:.4rem!important}.btn-view-doc{gap:2px!important;padding:4px 6px!important;font-size:.4rem!important}.modal-container.lock-modal-card{max-height:90vh;overflow-y:auto;border-radius:1%!important;width:90%!important;max-width:500px!important;padding:16px!important}.lock-modal-card .modal-body{flex-direction:column;gap:16px;display:flex;padding:12px 0!important}.lock-summary-box{width:100%!important;padding:14px!important}.lock-sum-row{font-size:.85rem}.lock-warning-box{padding:12px!important;font-size:.8rem!important}.modal-footer{gap:8px!important;padding-top:12px!important}.modal-footer button{padding:10px 16px!important;font-size:.8rem!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f8fafc!important}.layout-wrapper{background-color:#f8fafc;min-height:100vh;font-family:inherit}.main-container{width:100%;min-height:100vh;display:flex}.sidebar{z-index:50;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.brand-header{justify-content:flex-start;align-items:center;gap:12px;padding:8px 12px 28px;display:flex}.brand-logo img{object-fit:contain;flex-shrink:0;justify-content:center;align-items:center;display:block;width:45px!important;height:45px!important}.brand-text{text-align:left;flex-direction:column;display:flex}.brand-text strong{color:#111827;font-size:1.2rem;font-weight:700;line-height:1.1}.brand-text span{color:#10b981;letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:6px;display:flex}.nav-link{color:#4b5563;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#111827;background-color:#f3f4f6}.nav-link.active{color:#065f46;background-color:#ecfdf5;font-weight:700}.nav-icon{justify-content:center;align-items:center;display:flex}.sidebar-footer{flex-direction:column;gap:6px;margin-top:auto;display:flex}.sidebar-divider{background-color:#e5e7eb;height:1px;margin:12px 0}.btn-logout{color:#dc2626}.btn-logout:hover{color:#991b1b;background-color:#fef2f2}.content-area{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;padding:24px 32px;display:flex;overflow:visible}.search-bar-large{width:320px;position:relative}.search-bar-large .search-icon{color:#9ca3af;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar-large input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 38px;font-size:.875rem}.search-bar-large input:focus{border-color:#10b981}.collector-portal .user-profile{flex-direction:row;align-items:center;gap:12px;margin-left:auto;display:flex}.collector-portal .user-info{text-align:right;flex-direction:column;display:flex}.collector-portal .user-name{color:#111827;font-size:.875rem;font-weight:700}.collector-portal .user-role{color:#6b7280;font-size:.75rem}.collector-portal .user-avatar{color:#fff;background-color:#064e3b;border-radius:50%;order:2;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.collector-portal .content-area{box-sizing:border-box;background-color:#fff!important;flex-direction:column!important;flex:1!important;gap:32px!important;min-width:0!important;height:100vh!important;margin-left:260px!important;padding:24px 32px!important;display:flex!important;overflow:hidden auto!important}.collector-portal .topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:-100px;display:flex}.collector-portal .topbar .search-bar-large,.collector-portal .topbar .search-box{align-items:center!important;width:320px!important;margin-left:30px!important;display:flex!important;position:relative!important}.collector-portal .topbar .search-bar-large input,.collector-portal .topbar .search-box input{color:#111827!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;height:35px!important;padding:0 16px 0 40px!important;font-size:.9rem!important}.collector-portal .topbar .search-bar-large input:focus,.collector-portal .topbar .search-box input:focus{border-color:#059669!important}.collector-portal .topbar .search-bar-large .search-icon,.collector-portal .topbar .search-box .search-icon{color:#9ca3af!important;pointer-events:none!important;z-index:2!important;align-items:center!important;display:flex!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.mobile-collector-header,.mobile-collector-bottom-nav,.mobile-avatar-wrapper{display:none}@media (width<=768px){html,body,#root{width:100%;min-width:0;min-height:100%;background:#fff!important;overflow:hidden auto!important}body{-webkit-overflow-scrolling:touch;margin:0!important;padding:0!important}.sidebar,.topbar,.payments-header-row{display:none!important}.content-area{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:70px 12px calc(82px + env(safe-area-inset-bottom)) 12px!important;box-sizing:border-box!important;background:#fff!important;margin-left:0!important;display:block!important;overflow:hidden visible!important}.main-container{width:100%;min-height:100%;display:block}.mobile-collector-header{z-index:2000;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000a;overflow:visible!important}.mobile-brand{color:#111827;align-items:center;gap:7px;min-width:0;text-decoration:none;display:flex;overflow:visible}.mobile-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mobile-brand-logo img{object-fit:contain;transform-origin:50%;width:30px;height:30px;display:block;transform:scale(1.35)}.mobile-brand-text{flex-direction:column;min-width:0;display:flex}.mobile-brand-text strong{color:#111827;font-size:.88rem;font-weight:800;line-height:1.05}.mobile-brand-text span{color:#10b981;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:.46rem;font-weight:800;line-height:1}.mobile-header-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.mobile-search-button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.mobile-avatar-wrapper{justify-content:center;align-items:center;text-decoration:none;display:flex}.mobile-user-avatar{color:#fff;flex-shrink:0;font-size:.65rem;font-weight:800;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important}.mobile-collector-bottom-nav{width:100%;min-height:64px;padding:4px 4px calc(4px + env(safe-area-inset-bottom)) 4px;z-index:2000;background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000f}.mobile-nav-item{color:#9ca3af;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 1px;text-decoration:none;display:flex}.mobile-nav-item.active{color:#064e3b}.mobile-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.mobile-nav-icon svg{width:17px;height:17px}.mobile-nav-label{text-align:center;white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-width:68px;padding:0 1px;font-size:.42rem;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}html,body,#root,#__next,main,[class*=layout],[class*=wrapper],[class*=container]{box-shadow:none!important;box-sizing:border-box!important;background-color:#fff!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.main-content{flex-direction:column;flex:auto;gap:20px;min-height:100vh;display:flex;min-width:0!important;box-shadow:none!important;box-sizing:border-box!important;background-color:#fff!important;border:none!important;border-radius:0!important;padding:10px 32px!important;overflow-x:hidden!important}.topbar{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.breadcrumb-section{align-items:center;display:flex}.breadcrumb{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.user-profile{align-items:center;gap:12px;display:flex}.notification-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.notification-btn:hover{background:#f8fafc}.user-info{text-align:right;flex-direction:column;line-height:1.2;display:flex}.user-role{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.user-avatar{color:#fff;background-color:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex}.page-title-section{width:100%}.flex-title{align-items:center;gap:12px;display:flex}.page-title-section h1{color:#064e3b;letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:700;line-height:1.2}.zone-tag{color:#065f46;white-space:nowrap;letter-spacing:.02em;background-color:#d1fae5;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.collector-metrics-grid{box-sizing:border-box;grid-template-columns:1.2fr 1.2fr 1fr;gap:16px;width:100%;display:grid}.collector-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a;align-items:center!important;gap:16px!important;display:flex!important}.metric-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;flex-shrink:0!important;margin-bottom:0!important}.metric-icon-wrap.light-green{color:#065f46;background-color:#ecfdf5}.metric-icon-wrap.light-pink{color:#5430ba;background-color:#f2f5fe}.metric-info{flex-direction:column;width:100%;display:flex;flex:1!important;min-width:0!important}.metric-label{color:#6b7280;font-size:.75rem;font-weight:500}.metric-value{color:#111827;margin-top:2px;font-size:1.35rem;font-weight:800;line-height:1.2}.card-sub-stats{border-top:1px solid #f3f4f6;gap:16px;margin-top:10px;padding-top:8px;display:flex}.sub-stat-item{align-items:center;gap:6px;font-size:.75rem;display:flex}.sub-label{color:#4b5563}.incentive-progress-wrapper{flex-direction:column;gap:6px;width:100%;margin-top:10px;display:flex}.incentive-tag{color:#4b5563;background:#f3f4f6;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.65rem;font-weight:600}.compact-pending-card{flex-direction:column;justify-content:space-between;display:flex}.pending-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.pending-header h3{color:#111827;margin:0;font-size:.9rem;font-weight:700}.task-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.task-list li{color:#4b5563;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:500;display:flex}.collector-middle-grid{box-sizing:border-box;grid-template-columns:2fr 1fr;gap:20px;width:100%;display:grid}.dash-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:20px;box-shadow:0 1px 3px #00000005}.dash-card-header h2{color:#064e3b;margin:0;font-size:1.05rem;font-weight:700}.dash-card-header p{color:#6b7280;margin:4px 0 0;font-size:.8rem}.goal-numbers{justify-content:space-between;align-items:baseline;margin-top:14px;margin-bottom:6px;display:flex}.goal-main-stat{align-items:baseline;gap:6px;display:flex}.big-number{color:#111827;font-size:1.5rem;font-weight:800}.gray-sub{color:#6b7280;font-size:.8rem}.percentage-text{color:#111827;font-size:1.1rem;font-weight:800}.metric-progress-bar{background-color:#e5e7eb;border-radius:99px;width:100%;height:6px;overflow:hidden}.metric-progress-bar.bg-gray{background-color:#f3f4f6}.progress-fill{height:100%}.progress-fill.mid-green{background-color:#10b981}.progress-fill.pink-fill{background-color:#ef4444}.progress-fill.blue-fill{background-color:#5b2970}.progress-fill.light-blue-fill{background-color:#8c3186}.goal-footer-legend{color:#6b7280;gap:20px;margin-top:12px;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:6px;font-size:16px;display:flex}.billing-info-stack{flex-direction:column;justify-content:space-between;gap:12px;display:flex}.billing-block{flex-direction:column;gap:2px;display:flex}.billing-title{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.billing-value{font-size:1.05rem}.green-text-bold{color:#065f46;font-weight:700}.distribution-stack{flex-direction:column;gap:14px;display:flex}.distribution-item{flex-direction:column;gap:6px;display:flex}.dist-label-row{justify-content:space-between;font-size:.8rem;display:flex}.dist-title{color:#374151;font-weight:600}.dist-percent{color:#111827;font-weight:700}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.cash-dot{background-color:#f59e0b}.digital-dot{background-color:#10b981}.gray-dot{background-color:#cbd5e1}@media (width<=1200px){.collector-metrics-grid,.collector-middle-grid{grid-template-columns:1fr}}.collector-header-row{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:-42px!important;margin-bottom:-30px!important;display:flex!important}.collector-metrics-grid{box-sizing:border-box!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;display:grid!important}.collector-metric-card,.compact-pending-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;padding:20px!important;display:flex!important;box-shadow:0 2px 8px #0000000a!important}.collector-middle-grid{box-sizing:border-box!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;gap:16px!important;width:100%!important;max-width:100%!important;margin-bottom:-26px!important;display:grid!important}.collector-portal{box-sizing:border-box!important;width:100%!important;min-height:100vh!important;display:flex!important;overflow-x:hidden!important}.collector-portal .content-area,.collector-portal .main-container{box-sizing:border-box!important;flex:1!important;width:calc(100% - 260px)!important;margin-left:114px!important;overflow-x:hidden!important}.collector-portal .main-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:32px!important}.collector-portal .main-content{margin-top:0!important}.collector-portal .topbar{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:16px!important;padding:0!important;display:flex!important}.collector-portal .search-bar-large{width:280px!important}.collector-portal .content-area{padding-left:34px!important;padding-right:4px!important}.collector-portal .topbar{box-sizing:border-box!important;width:100%!important;padding-left:4px!important;padding-right:28px!important}.collector-portal .main-container{box-sizing:border-box!important;height:auto!important;min-height:100vh!important;overflow:hidden visible!important}.collector-portal .content-area,.collector-portal .main-container{height:auto!important;max-height:none!important;overflow-y:visible!important}.collector-portal{height:auto!important;overflow-y:auto!important}html,body,#root{overflow:hidden auto!important}.card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:320px;padding:24px;box-shadow:0 2px 4px #00000005}.card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.icon-container{border-init:12px;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.wallet-icon{color:#0d9488;background-color:#e3fcef}.percent-icon{color:#4f46e5;background-color:#e0e7ff}.card-titles{flex-direction:column;display:flex}.label{color:#4b5563;font-size:14px;font-weight:500}.amount{color:#111827;margin:0;font-size:28px;font-weight:700}.card-footer{color:#374151;font-size:14px}.breakdown-item{justify-content:space-between;margin-bottom:8px;display:flex}.card-divider{background-color:#2563eb;border-radius:2px;height:3px;margin-bottom:16px}.badge{color:#0d9488;background-color:#e3fcef;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.collector-portal .collector-metric-card{text-align:left!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:16px!important;display:flex!important}.collector-portal .collector-metric-card .metric-info{text-align:left!important;flex-direction:column!important;flex:1!important;align-items:flex-start!important;display:flex!important}.collector-portal .collector-metric-card .metric-icon-wrap{flex-shrink:0!important;margin:0!important}@media (width<=768px){.collector-portal .topbar .search-box,.collector-portal .topbar .payments-profile-right,.topbar,.payments-header-row{display:none!important}.collector-portal .layout-wrapper,.collector-portal .main-container,.collector-portal .content-area{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.collector-portal .main-content{width:100%!important;padding:70px 32px calc(82px + env(safe-area-inset-bottom)) 32px!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin:0!important;display:grid!important}.collector-metrics-grid,.collector-middle-grid{display:contents!important}.collector-header-row{order:0!important;grid-column:1/-1!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:-10px!important;margin-bottom:10px!important;display:flex!important}.collector-header-row h1{margin:24px 0 4px!important;font-size:1.35rem!important;line-height:1.1!important}.zone-tag{color:#065f46;white-space:nowrap;letter-spacing:.02em;background-color:#d1fae5;border-radius:3px;margin-left:auto;padding:.5px 5px;font-size:.7rem;font-weight:800;display:inline-block}.collector-header-row.mobile-header-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:10px!important;margin-bottom:6px!important;display:flex!important}.collector-header-row .page-title-section{text-align:left!important;flex:1!important;margin:0!important}.collector-header-row .page-title-section h1{margin:0!important;font-size:22px!important;line-height:1.2!important}.zone-tag{color:#065f46!important;white-space:nowrap!important;letter-spacing:.02em!important;background-color:#d1fae5!important;border-radius:6px!important;flex-shrink:0!important;margin-left:auto!important;padding:2px 5px!important;font-size:.7rem!important;font-weight:800!important;display:inline-block!important}.card-total{order:1!important;grid-column:span 1!important}.card-incentive{order:2!important;grid-column:span 1!important}.card-pending{order:3!important;grid-column:span 1!important}.card-billing{order:4!important;grid-column:span 1!important}.card-goal{order:5!important;grid-column:1/-1!important}.card-tasks{order:6!important;grid-column:1/-1!important}.collector-portal .collector-metric-card,.collector-portal .compact-pending-card,.collector-portal .billing-info-stack{box-sizing:border-box!important;border-radius:9px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;width:100%!important;min-height:69px!important;margin:0!important;padding:10px!important;box-shadow:0 2px 4px #00000014!important}.collector-portal .collector-metric-card .metric-info{flex-direction:column!important;align-items:flex-start!important;width:100%!important}.metric-icon-wrap{border-radius:7px!important;width:28px!important;min-width:28px!important;height:28px!important;margin-bottom:2px!important}.metric-icon-wrap svg{width:15px!important;height:15px!important}.metric-label,.billing-title{font-size:.49rem!important;line-height:1.1!important}.metric-value,.billing-value{white-space:nowrap!important;margin:2px 0 4px!important;font-size:1.02rem!important}.card-sub-stats{gap:2px!important;padding-top:4px!important}.sub-stat-item,.incentive-tag{font-size:.42rem!important}.pending-header{gap:4px!important;margin-bottom:4px!important}.pending-header h3{margin:0!important;font-size:.55rem!important}.pending-header svg{width:12px!important;height:12px!important}.task-list{gap:4px!important;width:100%!important}.task-list li{flex-direction:row!important;font-size:.45rem!important}.task-list .badge{padding:1px 4px!important;font-size:.4rem!important}.bordered-top{padding-top:4px!important}.billing-info-stack{justify-content:center!important;gap:6px!important}.collector-portal .card-goal,.collector-portal .card-tasks{box-sizing:border-box!important;border-radius:9px!important;width:100%!important;margin-top:0!important;padding:12px!important;box-shadow:0 2px 4px #00000014!important}.dash-card-header h2{margin-bottom:2px!important;font-size:.75rem!important}.dash-card-header p{font-size:.5rem!important;line-height:1.2!important}.goal-numbers{margin:8px 0!important}.big-number{font-size:1.25rem!important}.gray-sub{font-size:.5rem!important}.percentage-text{font-size:.85rem!important}.goal-footer-legend{gap:8px!important;margin-top:8px!important;font-size:.45rem!important}.dist-label-row{margin-bottom:4px!important}.dist-title,.dist-percent{font-size:.5rem!important}}@media (width<=360px){.collector-portal .main-content{gap:6px!important}.collector-portal .collector-metric-card,.collector-portal .compact-pending-card,.collector-portal .billing-info-stack{gap:4px!important;padding:8px!important}}.collector-header-row{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:-36px!important;margin-bottom:-20px!important;display:flex!important}.page-title-section{flex:auto!important;min-width:0!important}.page-title-section h1{color:#064e3b!important;letter-spacing:-.02em!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;margin:0!important;font-size:2rem!important;font-weight:700!important;line-height:1.2!important}.zone-tag{flex-shrink:0!important}@media (width<=768px){.collector-header-row{margin-top:4px!important;margin-bottom:12px!important}.page-title-section h1{font-size:1.35rem!important;line-height:1.15!important}}.collector-map-container .map-wrapper-col{box-sizing:border-box;border-radius:12px;width:100%;height:50vh;min-height:400px;position:relative;overflow:hidden;margin-bottom:18px!important}.collector-map-container .focus-content-grid{justify-content:flex-start!important;align-items:center!important;gap:40px!important;display:flex!important}.collector-map-container .focus-profile{flex-wrap:wrap!important;flex:1!important;align-items:center!important;width:auto!important;display:flex!important}.collector-map-container .focus-financial{flex-direction:column!important;width:auto!important;min-width:320px!important;display:flex!important}.collector-map-container .finance-status-card,.collector-map-container .finance-balance-card{border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;padding:12px 16px!important;display:flex!important}.fin-value{font-size:1.1rem;font-weight:800}.collector-map-container .focus-action{flex-direction:column!important;justify-content:center!important;gap:10px!important;width:auto!important;min-width:240px!important;display:flex!important}.collector-map-container .focus-action-btn{cursor:pointer!important;box-sizing:border-box!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:14px 24px!important;font-size:.85rem!important;font-weight:700!important;transition:opacity .2s!important;display:flex!important}.collector-map-container .btn-flag-delinquent{color:#dc2626!important;box-shadow:none!important;background-color:#fce8e8!important;border:1px solid #fca5a5!important}.collector-map-container .btn-flag-delinquent .btn-icon{stroke:#dc2626!important}.collector-map-container .btn-secondary{color:#9ca3af!important;pointer-events:none!important;background:#f3f4f6!important}.collector-map-container .btn-green{color:#fff!important;background:#10b981!important}.collector-map-container .btn-orange{color:#fff!important;background:#f97316!important}.collector-map-container .btn-blue{color:#fff!important;background:#3b82f6!important}.collector-map-container{flex-direction:column;display:flex;overflow-x:hidden;box-sizing:border-box!important;width:100%!important;padding:24px 32px 32px!important}.map-timestamp-header{align-items:center;gap:12px;margin-top:-24px;margin-bottom:12px;padding-left:4px;display:flex}.timestamp-date{color:#064e3b;font-size:.95rem;font-weight:700}.timestamp-dot{color:#cbd5e1;font-size:.5rem}.timestamp-time{color:#64748b;font-size:.9rem;font-weight:500}.map-wrapper-col{box-sizing:border-box;border-radius:12px;width:100%;height:50vh;min-height:400px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #cbd5e1!important}.map-legend-col{z-index:1000;background-color:#fffffff2;border:1px solid #e5e7eb;border-radius:10px;min-width:140px;padding:14px 18px;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #00000014}.legend-title-col{color:#111827;margin-bottom:2px;font-size:14px;font-weight:700}.legend-toggle-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.legend-item-col{cursor:pointer;color:#4b5563;align-items:center;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.legend-item-col.disabled{opacity:.4}.legend-color-col{border-radius:2px;width:10px;height:10px;margin-right:8px}.lot-focus-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.focus-header-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.focus-text{color:#6b7280;font-size:.85rem;font-weight:500}.focus-text span{color:#d1d5db;margin:0 8px}.focus-search-bar{align-items:center;display:flex;position:relative}.focus-search-bar input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;outline:none;width:250px;padding:6px 36px 6px 16px;font-size:.85rem}.close-focus-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;right:12px}.close-focus-btn:hover{color:#ef4444}.focus-content-grid{justify-content:space-between;align-items:center;display:flex}.focus-profile{flex-wrap:wrap;align-items:center;width:35%;display:flex}.focus-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;font-size:1.25rem;font-weight:700;display:flex}.focus-profile-info h3{color:#111827;margin:0 0 4px;font-size:1.1rem}.focus-address-badge{color:#059669;background:#d1fae5;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.focus-metrics{border-top:1px solid #f3f4f6;width:100%;margin-top:16px;padding-top:16px}.focus-metric-row{color:#4b5563;justify-content:space-between;margin-bottom:8px;font-size:.8rem;display:flex}.icon-check,.icon-list{text-align:center;background:#f3f4f6;border-radius:50%;width:20px;height:20px;margin-right:8px;font-size:.7rem;line-height:20px;display:inline-block}.metric-val{font-weight:700}.text-green{color:#10b981}.text-orange{color:#f59e0b}.text-gray{color:#9ca3af}.focus-financial{flex-direction:column;width:30%;display:flex}.focus-section-label{color:#9ca3af;letter-spacing:.05em;margin-bottom:8px;font-size:.7rem;font-weight:700}.focus-finance-cards{gap:12px;margin-bottom:12px;display:flex}.finance-status-card,.finance-balance-card{border-radius:8px;flex-direction:column;flex:1;padding:12px 16px;display:flex}.finance-balance-card{background:#f3f4f6;border:1px solid #e5e7eb}.fin-label{opacity:.8;margin-bottom:4px;font-size:.65rem;font-weight:700}.finance-balance-card .fin-label{color:#111827}.collector-map-container .fin-value{white-space:nowrap!important;font-size:1.05rem!important;font-weight:800!important}.bg-paid{color:#065f46;background:#d1fae5}.bg-unpaid{color:#475569;background:#f1f5f9}.bg-with_arrears{color:#b45309;background:#fef3c7}.bg-delinquent{color:#991b1b;background:#fee2e2}.bg-in_dispute{color:#1e40af;background:#dbeafe}.focus-last-payment{color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;padding:6px 12px;font-size:.75rem;display:inline-block}.collector-map-container .focus-action{width:auto!important;display:flex!important}.focus-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;padding:14px 24px;font-size:.85rem;font-weight:700;transition:opacity .2s;display:flex}.focus-action-btn:hover{opacity:.9}.btn-icon{margin-right:8px;font-size:1.1rem;font-weight:400}.btn-secondary{color:#9ca3af;pointer-events:none;background:#f3f4f6}.btn-green{color:#fff;background:#10b981}.btn-orange{color:#fff;background:#f97316}.btn-blue{color:#fff;background:#3b82f6}.collector-map-container .modal-overlay{z-index:9999!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background-color:#00000080!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.collector-map-container .payment-modal{box-sizing:border-box!important;background:#fff!important;border-radius:12px!important;width:700px!important;padding:32px!important;position:relative!important;box-shadow:0 20px 25px -5px #0000001a!important}.collector-map-container .close-modal-btn{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;font-size:1.2rem!important;position:absolute!important;top:16px!important;right:16px!important}.collector-map-container .close-modal-btn:hover{color:#0f172a!important}.collector-map-container .modal-header{text-align:left!important;border-bottom:1px solid #e2e8f0!important;justify-content:flex-start!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important;padding-bottom:24px!important;display:flex!important}.collector-map-container .modal-avatar{color:#fff!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;margin:0!important;font-size:1.4rem!important;font-weight:700!important;display:flex!important}.collector-map-container .modal-header-info{text-align:left!important;flex-direction:column!important;flex:1!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;margin:0!important;padding:0!important;display:flex!important}.collector-map-container .modal-header-info h3{color:#022c22!important;white-space:nowrap!important;text-align:left!important;width:100%!important;margin:0!important;font-size:1.3rem!important;font-weight:800!important}.collector-map-container .modal-badge{color:#1e5a45!important;white-space:nowrap!important;background:#cdf4c3!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:max-content!important;height:30px!important;margin:0!important;padding:2px 12px!important;font-size:.7rem!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.collector-map-container .modal-section{margin-bottom:16px!important}.collector-map-container .section-title{color:#475569!important;letter-spacing:.05em!important;white-space:nowrap!important;margin-top:16px!important;margin-bottom:-2px!important;font-size:.7rem!important;font-weight:700!important;display:block!important}.collector-map-container .transaction-grid{justify-content:space-between!important;gap:12px!important;display:flex!important}.collector-map-container .tx-box{box-sizing:border-box!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:flex-start!important;padding:10px 14px!important;display:flex!important}.collector-map-container .tx-box label{color:#64748b!important;text-align:left!important;white-space:nowrap!important;margin-bottom:4px!important;font-size:.65rem!important;font-weight:700!important}.collector-map-container .tx-box span,.collector-map-container .period-dropdown{color:#064e3b!important;text-align:left!important;white-space:nowrap!important;font-size:.95rem!important;font-weight:700!important}.collector-map-container .period-dropdown{cursor:pointer!important;appearance:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23064e3b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") 100%/14px no-repeat!important;border:none!important;outline:none!important;width:100%!important;padding:0 24px 0 0!important;font-family:inherit!important}.period-dropdown:focus{color:#10b981}.collector-map-container .upload-dropzone{box-sizing:border-box!important;background-color:#fff!important;border:2px dashed #059669!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;height:160px!important;margin-top:4px!important;display:flex!important;position:relative!important}.collector-map-container .upload-dropzone input[type=file]{opacity:0!important;cursor:pointer!important;z-index:10!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.collector-map-container .upload-label{pointer-events:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important}.collector-map-container .upload-placeholder{text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.collector-map-container .upload-icon{stroke:#064e3b!important;stroke-width:2.5px!important;flex-shrink:0!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin-bottom:12px!important;display:block!important}.collector-map-container .upload-placeholder strong{color:#064e3b!important;margin-bottom:4px!important;font-size:.9rem!important;font-weight:800!important;display:block!important}.collector-map-container .upload-placeholder small{color:#94a3b8!important;font-size:.75rem!important;display:block!important}.collector-map-container .receipt-preview-img{object-fit:contain!important;z-index:5!important;width:100%!important;height:100%!important;position:relative!important}.collector-map-container .invoice-input{box-sizing:border-box!important;color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;outline:none!important;width:100%!important;padding:12px!important;font-size:.9rem!important}.invoice-input:focus{border-color:#10b981}.collector-map-container .modal-actions{justify-content:center!important;margin-top:32px!important;display:flex!important}.collector-map-container .btn-approve-tx{color:#475569!important;cursor:pointer!important;background-color:#e2e8f0!important;border:none!important;border-radius:24px!important;flex:none!important;padding:12px 24px!important;font-size:.85rem!important;font-weight:700!important}.btn-approve-tx:hover{background-color:#cbd5e1}.collector-map-container .success-modal{text-align:center!important;background:#fff!important;border-radius:12px!important;width:400px!important;padding:40px 32px!important;box-shadow:0 20px 25px -5px #0000001a!important}.collector-map-container .success-icon{color:#fff!important;background-color:#10b981!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;margin:0 auto 20px!important;font-size:2rem!important;display:flex!important}.collector-map-container .success-modal h2{color:#0f172a!important;margin:0 0 8px!important;font-size:1.25rem!important}.collector-map-container .success-modal p{color:#64748b!important;margin:0 0 24px!important;font-size:.85rem!important;line-height:1.4!important}.collector-map-container .btn-close-success{color:#fff!important;cursor:pointer!important;background-color:#064e3b!important;border:none!important;border-radius:6px!important;padding:12px 32px!important;font-size:.85rem!important;font-weight:700!important}.btn-close-success:hover{background-color:#022c22}.collector-map-container .confirm-modal{text-align:center!important;box-sizing:border-box!important;background:#fff!important;border-radius:12px!important;width:450px!important;padding:40px 32px!important;box-shadow:0 20px 25px -5px #0000001a!important}.collector-map-container .confirm-icon{color:#dc2626!important;background-color:#fee2e2!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;margin:0 auto 20px!important;display:flex!important}.collector-map-container .confirm-modal h2{color:#0f172a!important;margin:0 0 12px!important;font-size:1.25rem!important;font-weight:700!important}.collector-map-container .confirm-modal p{color:#64748b!important;margin:0 0 24px!important;font-size:.9rem!important;line-height:1.5!important}.collector-map-container .confirm-modal p strong{color:#0f172a!important}.collector-map-container .btn-cancel-flag{color:#475569!important;cursor:pointer!important;background-color:#f1f5f9!important;border:none!important;border-radius:24px!important;flex:1!important;padding:12px 24px!important;font-size:.85rem!important;font-weight:700!important;transition:background-color .2s!important}.collector-map-container .btn-cancel-flag:hover{background-color:#e2e8f0!important}.collector-map-container .btn-confirm-flag{color:#fff!important;cursor:pointer!important;background-color:#dc2626!important;border:none!important;border-radius:24px!important;flex:1!important;padding:12px 24px!important;font-size:.85rem!important;font-weight:700!important;transition:background-color .2s!important}.collector-map-container .map-wrapper-col{width:100%;height:50vh;min-height:400px;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin-bottom:32px!important}.collector-map-container .map-leaflet-wrapper{z-index:1;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cbd5e1!important}.collector-map-container .map-legend-col{z-index:1000;background-color:#fffffff2;border:1px solid #e5e7eb;border-radius:10px;min-width:140px;padding:14px 18px;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #00000014}.collector-map-container .btn-confirm-flag:hover{background-color:#b91c1c!important}@media (width<=768px){.collector-portal .topbar{display:none!important}.collector-map-container{padding:76px 16px 110px!important}.map-timestamp-header{color:#064e3b;font-size:.8rem;margin-top:0!important}.timestamp-time{color:#94a3b8}.map-wrapper-col{height:auto!important;min-height:auto!important;box-shadow:none!important;border:none!important;flex-direction:column!important;margin-bottom:24px!important;display:flex!important}.map-leaflet-wrapper{border:1px solid #cbd5e1;border-radius:12px;order:2;overflow:hidden;width:100%!important;height:350px!important}.map-legend-col{box-shadow:none!important;background:0 0!important;border:none!important;order:1!important;margin-bottom:0!important;padding:0 0 12px!important;position:static!important}.legend-title-col{color:#064e3b;margin-bottom:8px;font-size:.85rem}.legend-toggle-row{display:none!important}.legend-items-group{flex-wrap:wrap;gap:6px;display:flex}.legend-item-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:0;padding:4px 8px;font-size:.65rem}.lot-focus-panel{padding:16px!important}.focus-header-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;padding-bottom:12px!important}.focus-search-bar{display:none!important}.focus-content-grid{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.focus-profile,.focus-financial,.focus-action{width:100%!important;min-width:0!important}.focus-avatar{margin-right:12px!important}.landlord-info{display:none!important}.focus-finance-cards{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.finance-status-card,.finance-balance-card{padding:10px 12px!important}.focus-action-btn{width:100%!important}}.map-dashboard-header{width:100%;margin:8px 0 14px}.map-dash-title{color:#064e3b;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.map-dash-subtitle{color:#999;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:4px 0 0;font-size:.85rem;font-weight:500;display:flex}.map-dash-cycle{color:#226654;align-items:center;gap:10px;font-weight:700;display:inline-flex}.map-dash-cycle:before{content:"";background:#cbd5e1;border-radius:50%;width:4px;height:4px}.map-dashboard-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;padding-bottom:6px;display:grid}.dash-card{box-sizing:border-box;background:#fff;border:none;border-radius:12px;flex-direction:column;gap:12px;width:100%;min-width:0;padding:16px 18px;display:flex;box-shadow:0 4px 4px #0003,0 0 2px #00000014;container-type:inline-size}.dash-card .card-heading{letter-spacing:.02em;color:#475569;margin:0;font-size:.9rem;font-weight:700;line-height:1.25;display:block}.quota-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quota-header .card-heading{flex:1 1 0;min-width:0}.accomplished-badge{color:#064e3b;background:#e8fcee;border:1px solid #bff2d6;border-radius:4px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:600;line-height:1.25}.accomplished-badge strong{display:block}.quota-amounts{flex-wrap:wrap;align-items:baseline;margin:6px 0 0;display:flex}.amount-current{color:#012d1d;font-size:2rem;font-weight:800;line-height:1.1}.amount-target{color:#7b7f85;margin-left:6px;font-size:1rem;font-weight:600}.progress-bar-container{background:#e5e7eb;border-radius:999px;width:100%;height:12px;margin:0;overflow:hidden}.progress-bar-fill{background:#226654;border-radius:999px;height:100%}.quota-footer{color:#165948;justify-content:space-between;align-items:center;gap:8px;margin-top:-4px;font-size:.8rem;display:flex}.days-left{align-items:center;gap:4px;display:inline-flex}.days-left svg{flex-shrink:0;width:1em;height:1em}.remaining-text{color:#d92511;white-space:nowrap;font-weight:600}.daily-target-box{box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:9px 14px;display:flex}.daily-target-label{color:#475569;font-size:.78rem;font-weight:600}.daily-target-value{color:#0f172a;white-space:nowrap;font-size:.9rem;font-weight:700}.incentive-box{box-sizing:border-box;color:#064e3b;background:#e8fcee;border:1px solid #bff2d6;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:500;display:flex}.incentive-box strong{white-space:nowrap;font-size:1rem;font-weight:600}.summary-row{box-sizing:border-box;border-radius:6px;flex:1 0 auto;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:10px 14px;display:flex}.summary-row.bg-yellow{background:#fef3d8}.summary-row.bg-red{background:#fbebec}.summary-row.bg-blue{background:#e5f4fb}.summary-left{align-items:center;gap:10px;min-width:0;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-yellow{background:#fbbf24}.dot-red{background:#dc2626}.dot-blue{background:#91c5dc}.summary-text-group{flex-direction:column;gap:2px;min-width:0;display:flex}.summary-label{color:#064e3b;font-size:.8rem;font-weight:700;line-height:1.2}.summary-sub{color:#5f5f5f;font-size:.7rem;line-height:1.25}.summary-right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.summary-count{color:#0f172a;font-size:.8rem;font-weight:700;line-height:1.2}.summary-total{color:#d92511;white-space:nowrap;font-size:.68rem;font-weight:600;line-height:1.2}.dash-card.priority-card{color:#fff;background:#064e3b;box-shadow:0 4px 4px #0003,0 0 2px #00000014}.priority-card .card-heading{color:#fff;font-size:.9rem}.priority-list{flex-direction:column;flex:auto;gap:8px;width:100%;max-height:360px;margin:0;display:flex;overflow-y:auto}.priority-item{box-sizing:border-box;color:#fff;text-align:left;cursor:pointer;appearance:none;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;flex:1 0 auto;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;transition:background .2s;display:flex}.priority-item:hover{background:#ffffff2e}.priority-info{flex-direction:column;gap:2px;min-width:0;display:flex}.priority-address{color:#fff;font-size:.85rem;font-weight:600;line-height:1.25}.priority-resident{color:#8fd6b5;font-size:.72rem;line-height:1.25}.priority-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.badge-months{color:#111827;white-space:nowrap;background:#fbbf24;border-radius:4px;padding:2px 7px;font-size:.62rem;font-weight:600;line-height:1.3}.badge-amount{color:#f87171;white-space:nowrap;font-size:.72rem;font-weight:600}@container (width<=300px){.dash-card .card-heading,.priority-card .card-heading{font-size:.75rem}.accomplished-badge{padding:4px 8px;font-size:.62rem}.amount-current{font-size:1.6rem}.amount-target{font-size:.85rem}.progress-bar-container{height:10px}.quota-footer,.daily-target-label{font-size:.7rem}.daily-target-value{font-size:.8rem}.incentive-box{padding:8px 12px;font-size:.72rem}.incentive-box strong{font-size:.85rem}.summary-row,.priority-item{padding:8px 12px}.summary-label{font-size:.7rem}.summary-sub{font-size:.62rem}.summary-count{font-size:.7rem}.summary-total{font-size:.6rem}.priority-address{font-size:.75rem}.priority-resident{font-size:.64rem}.badge-months{font-size:.56rem}.badge-amount{font-size:.64rem}}@media (width<=768px){.map-dashboard-header{margin:0 0 14px}.map-dash-title{font-size:1.35rem}.map-dash-subtitle{gap:2px 20px;font-size:.8rem}.map-dash-cycle:before{display:none}.map-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:20px}.priority-list{max-height:none;overflow:visible}}.payments-container{flex-direction:column;gap:20px;display:flex;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:24px 32px!important}.digital-payments-title{color:#064e3b;margin-bottom:4px;font-size:2.2rem;font-weight:700;line-height:1.2;margin-top:0!important}.payments-toolbar-row{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.remit-btn{color:#fff;cursor:pointer;letter-spacing:.025em;white-space:nowrap;background-color:#064e3b;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:.8rem;font-weight:700;display:flex}.remit-btn:hover{background-color:#04392b}.amount-cell,.period-cell{color:#111827;font-weight:600}.view-docs-link-btn{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500}.modal-card{background-color:#fff;border-radius:16px;flex-direction:column;width:780px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-body{background-color:#f8fafc;grid-template-columns:1fr 1fr;gap:24px;padding:24px;display:grid;height:70vh!important}.receipt-preview-box{background-color:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex}.mock-receipt-screen{background-color:#fff;border-radius:8px;width:100%;max-width:280px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.receipt-top-bar{color:#fff;text-align:center;background-color:#0052cc;padding:10px;font-size:.85rem;font-weight:700}.receipt-content{color:#334155;padding:16px;font-size:.8rem}.success-badge{color:#166534;text-align:center;background-color:#dcfce7;border-radius:6px;margin-bottom:12px;padding:6px;font-weight:700}.receipt-row{color:#64748b;justify-content:space-between;margin-bottom:8px;display:flex}.ref-tag{color:#64748b;text-align:center;margin-top:16px;font-size:.75rem}.gcash-label{color:#0052cc;text-align:center;margin-top:8px;font-weight:700}.payment-details-box{flex-direction:column;justify-content:space-between;display:flex}.details-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.details-card h4{color:#064e3b;border-bottom:1px solid #f1f5f9;margin-top:0;padding-bottom:8px;font-size:.9rem}.details-card p{color:#64748b;margin:8px 0;font-size:.75rem}.details-card strong{color:#0f172a}.amount-highlight{color:#064e3b;font-size:.95rem;font-weight:800}.proceed-receipt-btn{color:#fff;cursor:pointer;background-color:#064e3b;border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-weight:700}.proceed-receipt-btn:hover{background-color:#04392b}.remit-modal-card{background-color:#fff;border-radius:16px;flex-direction:column;width:600px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.remit-modal-body{background-color:#fff;flex-direction:column;padding:24px;display:flex}.remit-section-label{color:#64748b;letter-spacing:.05em;margin-bottom:8px;font-size:.7rem;font-weight:800}.remit-grid-row{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.remit-input-group{flex-direction:column;gap:4px;display:flex}.remit-input-group label{color:#64748b;font-size:.65rem;font-weight:700}.remit-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.85rem;font-weight:600}.readonly-input{color:#064e3b;background-color:#f1f5f9;font-size:.75rem;font-weight:800}.remit-input:focus{border-color:#059669}.upload-dropzone{cursor:pointer;background-color:#f0fdf4;border:2px dashed #059669;border-radius:12px;justify-content:center;align-items:center;margin-top:4px;padding:32px 16px;display:flex}.upload-content{flex-direction:column;align-items:center;gap:4px;display:flex}.upload-icon-green{color:#059669;margin-bottom:4px}.upload-main-text{color:#064e3b;font-size:.85rem;font-weight:700}.upload-sub-text{color:#64748b;font-size:.7rem}.remit-modal-footer{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.upload-remittance-btn{color:#334155;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;padding:12px;font-size:.8rem;font-weight:700}.upload-remittance-btn:hover{background-color:#cbd5e1}.reject-transaction-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;padding:12px;font-size:.8rem;font-weight:700}.reject-transaction-btn:hover{background-color:#b91c1c}.payments-container .payments-header-container{width:100%;margin-top:0}.payments-container .payments-header-top-row{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.payments-container .page-title-group{flex-grow:0}.payments-container .page-title-group .digital-payments-title{white-space:nowrap;margin:0}.payments-container .page-title-group .payments-subtitle{margin-top:4px}.payments-container .remit-button-container{justify-content:flex-end;width:100%;margin-top:16px;display:flex}.payments-container .payments-table-spacing{margin-top:8px}.payments-container .tab-buttons-container{flex-shrink:0;gap:8px;display:flex;margin-left:0!important}.payments-container .tab-btn{border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:background-color .2s,color .2s;display:flex}.payments-container .tab-btn-active{color:#fff;cursor:default;background-color:#064e3b;border:none}.payments-container .tab-btn-outline{color:#064e3b;cursor:pointer;background-color:#ecfdf5;border:1px solid #d6d9d8}.payments-container .tab-btn-outline:hover{background-color:#d1fae5}.payments-table th:nth-child(2),.payments-table th:nth-child(3),.payments-table th:nth-child(4),.payments-table th:nth-child(5),.payments-table td:nth-child(2),.payments-table td:nth-child(3),.payments-table td:nth-child(4),.payments-table td:nth-child(5){text-align:center!important}.payments-table td:nth-child(5) .action-buttons-group{justify-content:center!important}.payments-table td.document-cell,.payments-table td:nth-child(4){text-align:center!important}.payments-table td:nth-child(4) .view-docs-link-btn{justify-content:center!important;margin:0 auto!important;display:inline-flex!important}.mobile-payments-list{display:none}.payments-header-wrapper{box-sizing:border-box!important;width:100%!important;margin-bottom:24px!important}.payments-header-top-row{box-sizing:border-box!important;flex-flow:wrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;width:100%!important;display:flex!important}.page-title-group{flex-direction:column!important;flex:300px!important;min-width:0!important;display:flex!important}.payments-header-top-row .digital-payments-title{color:#064e3b!important;white-space:normal!important;margin:-82px 0 4px!important;font-size:2.2rem!important;font-weight:700!important;line-height:1.2!important}.header-actions-group{flex-direction:column!important;flex:none!important;align-items:flex-end!important;gap:16px!important;display:flex!important}.tab-buttons-container{gap:8px!important;display:flex!important}.remit-button-container{justify-content:flex-end!important;width:100%!important;display:flex!important}.mobile-pagination{color:#64748b!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:8px!important;margin-bottom:60px!important;padding:12px!important;font-size:.7rem!important;display:flex!important}.mobile-pagination .pagination-controls{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;display:flex!important}@media (width<=768px){.payments-header-top-row{flex-direction:column!important;align-items:flex-start!important}.header-actions-group{align-items:stretch!important;width:100%!important}.digital-payments-title{letter-spacing:normal!important;white-space:normal!important;margin-top:8px!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.payments-subtitle{margin-top:4px!important;font-size:.75rem!important}.payments-header-top-row{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important}.page-title-group{flex:none!important;width:100%!important;margin-bottom:8px!important}.header-actions-group{flex:none!important;align-items:stretch!important;width:100%!important}.tab-buttons-container{flex-direction:row!important;width:100%!important;display:flex!important}.tab-btn{flex:1!important;justify-content:center!important;padding:10px 8px!important;font-size:.8rem!important}.remit-button-container{width:100%!important;margin-top:0!important}.remit-btn{justify-content:center!important;width:100%!important;padding:12px!important}.desktop-only-table{display:none!important}.mobile-payments-list{flex-direction:column!important;gap:10px!important;margin-top:8px!important;display:flex!important}.mobile-payment-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-direction:column!important;gap:10px!important;padding:14px!important;display:flex!important;box-shadow:0 2px 6px #0000000a!important}.mobile-card-top{border-bottom:1px solid #f3f4f6!important;justify-content:space-between!important;align-items:center!important;padding-bottom:8px!important;display:flex!important}.mobile-view-docs-btn{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;font-size:.7rem!important;font-weight:600!important}.mobile-card-details{color:#334155!important;justify-content:space-between!important;font-size:.75rem!important;display:flex!important}.mobile-card-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:4px!important;display:grid!important}.mobile-card-actions .accept-btn,.mobile-card-actions .decline-btn{text-align:center!important;width:100%!important;padding:8px!important;font-size:.75rem!important}.payments-container h1.digital-payments-title{letter-spacing:normal!important;white-space:normal!important;margin-top:10px!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.payments-container .payments-subtitle{margin-top:4px!important;font-size:.75rem!important}}.history-container{flex-direction:column;margin-top:-34px;display:flex;box-sizing:border-box!important;width:100%!important;padding:0 32px!important}.history-container .history-header-wrapper{width:100%}.history-container .history-header-top-row{align-items:center;width:100%;display:flex}.history-container .history-title-group{flex-grow:1}.history-container .history-title{color:#064e3b;margin-bottom:4px;font-size:2.2rem;font-weight:700;line-height:1.2;margin-top:-16px!important}.history-container .history-subtitle{color:#6b7280;margin:0;font-size:.9rem}.history-container .history-tab-buttons{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.history-container .history-tab-btn{border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:background-color .2s,color .2s;display:flex}.history-container .history-tab-btn-active{color:#fff;cursor:default;background-color:#064e3b;border:none}.history-container .history-tab-btn-outline{color:#064e3b;cursor:pointer;background-color:#ecfdf5;border:1px solid #d6d9d8}.history-container .history-tab-btn-outline:hover{background-color:#d1fae5}.history-container .history-summary-row{gap:24px;margin-top:24px;display:flex}.history-container .summary-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;min-width:260px;padding:20px 24px;display:flex;box-shadow:0 2px 4px #00000005}.history-container .summary-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.history-container .icon-green{color:#065f46;background-color:#a7f3d0}.history-container .icon-blue{color:#0369a1;background-color:#bae6fd}.history-container .summary-data{flex-direction:column;display:flex}.history-container .summary-label{color:#64748b;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:700}.history-container .summary-value-group{align-items:baseline;gap:4px;display:flex}.history-container .summary-value-large{color:#0f172a;font-size:1.75rem;font-weight:800}.history-container .summary-value-small{color:#64748b;font-size:1rem;font-weight:600}.history-container .summary-subtext{color:#94a3b8;margin-top:2px;font-size:.8rem}.history-container .history-table-section{margin-top:32px}.history-container .history-filter-bar{justify-content:flex-end;margin-bottom:12px;display:flex}.history-container .period-filter-btn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:background-color .2s;display:flex}.history-container .period-filter-btn:hover{background-color:#e2e8f0}.history-container .filter-icon{color:#64748b}.history-container .history-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.history-container .history-table{border-collapse:collapse;text-align:left;width:100%}.history-container .history-table th{color:#64748b;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:16px 24px;font-size:.75rem;font-weight:700}.history-container .history-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.9rem}.history-container .resident-cell{align-items:center;gap:12px;display:flex}.history-container .avatar-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.history-container .resident-name{color:#0f172a;font-weight:700}.history-container .resident-address{color:#64748b;font-size:.8rem}.history-container .font-bold{color:#0f172a;font-weight:700}.history-container .history-table-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px 24px;display:flex}.history-container .pagination-controls{gap:6px;display:flex}.history-container .page-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:600}.history-container .page-btn.active{color:#fff;background-color:#064e3b;border-color:#064e3b}.history-container .page-btn:not(.active):hover{background-color:#f1f5f9}.history-container .history-top-action-row{justify-content:space-between;align-items:flex-end;width:100%;margin-top:24px;display:flex}.history-container .history-summary-row{gap:24px;display:flex}.history-container .history-filter-bar{justify-content:flex-end;margin-bottom:0;margin-left:auto;display:flex}.period-filter-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:.85rem;font-weight:700;transition:background-color .2s;display:flex;box-shadow:0 1px 2px #00000005}.period-filter-btn:hover{background-color:#f1f5f9}.icon-purple{color:#a21caf;background-color:#fae8ff}.payment-methods-wrapper{align-items:center;gap:16px;margin:4px 0;display:flex}.payment-method-inline{align-items:baseline;gap:6px;display:flex}.text-dark{color:#022c22;line-height:1}.payment-method-name{color:#059669;font-size:.9rem;font-weight:500}.payment-method-divider{background-color:#cbd5e1;width:1px;height:32px}.mobile-history-list{display:none}@media (width<=768px){.collector-portal .topbar{display:none!important}.collector-portal .layout-wrapper,.collector-portal .main-container,.collector-portal .content-area{box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}.history-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:76px 32px 110px!important;display:flex!important}.history-header-top-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-top:24px!important}.history-title{letter-spacing:normal!important;margin-top:30px!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.history-subtitle{font-size:.75rem!important}.history-tab-buttons{gap:6px!important;width:100%!important;margin-bottom:-24px!important;margin-left:0!important;display:flex!important}.history-tab-btn{flex:1!important;justify-content:center!important;padding:7px 10px!important;font-size:.7rem!important}.history-top-action-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:12px!important}.history-summary-row{flex-direction:column!important;gap:10px!important;width:100%!important}.summary-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:12px 16px!important}.summary-icon{border-radius:8px!important;width:40px!important;height:40px!important}.summary-value-large{font-size:1.35rem!important}.history-top-action-row>div[style*="position: relative"]{width:100%!important}.period-filter-btn{justify-content:space-between!important;width:100%!important}.desktop-only-table{display:none!important}.mobile-history-list{flex-direction:column!important;gap:10px!important;margin-top:8px!important;display:flex!important}.mobile-history-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-direction:column!important;gap:8px!important;padding:14px!important;display:flex!important;box-shadow:0 2px 6px #0000000a!important}.mobile-card-top{border-bottom:1px solid #f3f4f6!important;justify-content:space-between!important;align-items:center!important;padding-bottom:8px!important;display:flex!important}.mobile-method-badge{color:#334155;text-transform:uppercase;background-color:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.mobile-card-summary{color:#334155!important;justify-content:space-between!important;font-size:.8rem!important;display:flex!important}.mobile-card-expanded-details{color:#64748b!important;background-color:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:6px!important;flex-direction:column!important;gap:4px!important;padding:8px!important;font-size:.75rem!important;display:flex!important}.mobile-card-footer-row{border-top:1px solid #f3f4f6!important;justify-content:flex-end!important;padding-top:4px!important;display:flex!important}.mobile-view-more-btn{color:#064e3b!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:4px!important;padding:2px 0!important;font-size:.75rem!important;font-weight:700!important;display:flex!important}.mobile-pagination{color:#64748b!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:8px!important;margin-bottom:50px!important;padding:12px!important;font-size:.7rem!important;display:flex!important}.mobile-pagination .pagination-controls{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;display:flex!important}.payments-header-wrapper{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.payments-header-top-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important;display:flex!important}.page-title-group{width:100%!important}.tab-buttons-container{flex-direction:row!important;gap:8px!important;width:100%!important;margin-left:0!important;display:flex!important}.tab-btn{white-space:nowrap!important;flex:1!important;justify-content:center!important;padding:10px 8px!important;font-size:.8rem!important}.remit-button-container{width:100%!important;margin-top:0!important}.remit-btn{justify-content:center!important;width:100%!important;padding:12px!important;font-size:.85rem!important}}.or-action-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.or-issue-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#064e3b;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.or-issue-btn:hover:not(:disabled){background-color:#04392b}.or-issue-btn.issued,.or-issue-btn:disabled{color:#64748b;cursor:not-allowed;background-color:#e2e8f0}.or-number-label{color:#64748b;font-size:.7rem;font-weight:600}.mobile-history-card .mobile-card-footer-row{justify-content:space-between!important;align-items:center!important}.or-modal-overlay{z-index:1000;box-sizing:border-box;background-color:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.or-modal-card{background-color:#fff;border-radius:16px;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.or-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.or-modal-header h2{color:#064e3b;margin:0;font-size:1.15rem;font-weight:800}.or-modal-header p{color:#64748b;margin:4px 0 0;font-size:.8rem}.or-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.or-modal-body{flex-direction:column;gap:8px;padding:20px 24px 24px;display:flex}.or-summary{color:#334155;background-color:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:8px;padding:12px;font-size:.8rem;display:grid}.or-label{letter-spacing:.05em;color:#64748b;margin-top:4px;font-size:.7rem;font-weight:800}.or-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;font-weight:600}.or-input:focus{border-color:#059669}.or-dropzone{cursor:pointer;box-sizing:border-box;background-color:#f0fdf4;border:2px dashed #059669;border-radius:12px;justify-content:center;align-items:center;min-height:140px;padding:12px;display:flex}.or-dropzone-content{color:#059669;flex-direction:column;align-items:center;gap:4px;display:flex}.or-dropzone-content strong{color:#064e3b;font-size:.85rem}.or-dropzone-content small{color:#64748b;font-size:.7rem}.or-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:220px}.or-file-name{color:#64748b;word-break:break-all;font-size:.75rem}.or-error{color:#dc2626;margin:4px 0 0;font-size:.8rem;font-weight:600}.or-modal-footer{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.or-cancel-btn,.or-submit-btn{cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:.8rem;font-weight:700}.or-cancel-btn{color:#334155;background-color:#e2e8f0}.or-submit-btn{color:#fff;background-color:#064e3b}.or-submit-btn:hover:not(:disabled){background-color:#04392b}.or-cancel-btn:disabled,.or-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.or-summary{grid-template-columns:1fr}}.disputes-container{flex-direction:column;gap:24px;display:flex;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:24px 32px!important}.disputes-header-row{justify-content:space-between;align-items:center;width:100%;display:flex;margin-top:-12px!important}.disputes-title{color:#064e3b;margin-bottom:16px;font-size:2.2rem;font-weight:700;margin-top:-28px!important}.disputes-subtitle{color:#6b7280;font-size:.9rem}.disputes-actions-right{align-items:center;gap:12px;display:flex}.disputes-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.disputes-table{border-collapse:collapse;text-align:left;width:100%}.disputes-table th{color:#6b7280;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 20px;font-size:.75rem;font-weight:700}.disputes-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 20px;font-size:.875rem}.disputes-table tbody tr:hover{background-color:#fcfcfc}.clickable-row{cursor:pointer}.bg-default-avatar{background-color:#064e3b}.tx-id-cell{color:#374151;font-family:monospace;font-weight:600}.amount-cell,.period-cell{color:#111827;font-weight:600}.category-cell{color:#374151;font-weight:500}.arrow-cell{text-align:right}.arrow-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.arrow-btn:hover{color:#059669;background-color:#f3f4f6}.modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dispute-modal-card{background-color:#fff;border-radius:16px;flex-direction:column;width:820px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-header h3{color:#064e3b;letter-spacing:.5px;margin:0;font-size:1.1rem;font-weight:800}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.close-btn:hover{color:#0f172a}.modal-subtitle-top{color:#64748b;margin:4px 0 0;font-size:.75rem}.dispute-modal-body{background-color:#f8fafc;flex-direction:column;gap:20px;padding:24px;display:flex}.dispute-grid-container{grid-template-columns:1fr 1fr;gap:20px;display:grid}.section-label{color:#64748b;letter-spacing:.05em;margin-bottom:-15px;font-size:.7rem;font-weight:800}.resident-info-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.resident-info-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.in-dispute-tag{color:#0369a1;letter-spacing:.05em;background-color:#e0f2fe;border-radius:4px;padding:2px 8px;font-size:.6rem;font-weight:800}.resident-address-label{color:#94a3b8;letter-spacing:.05em;font-size:.65rem;font-weight:700}.resident-address-text{color:#334155;margin-top:2px;font-size:.8rem;font-weight:600}.reason-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:90px;padding:16px}.reason-box p{color:#475569;margin:0;font-size:.8rem;font-style:italic;line-height:1.4}.details-grid-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-title{color:#94a3b8;letter-spacing:.05em;font-size:.65rem;font-weight:700}.detail-value{color:#0f172a;font-size:.85rem;font-weight:700}.amount-green{color:#059669}.evidence-preview-box{box-sizing:border-box;background-color:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;height:95px;padding:12px;display:flex}.mini-receipt-screen{background-color:#fff;border-radius:6px;width:180px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.mini-receipt-top{color:#fff;text-align:center;background-color:#10b981;padding:4px;font-size:.65rem;font-weight:700}.mini-receipt-body{color:#64748b;padding:8px;font-size:.7rem}.line-placeholder{background-color:#f1f5f9;border-radius:4px;width:80%;height:8px;margin-top:4px}.dispute-modal-footer{grid-template-columns:1fr 1fr;gap:16px;padding-top:4px;display:grid}.approve-dispute-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:8px;padding:12px;font-size:.8rem;font-weight:700}.approve-dispute-btn:hover{background-color:#047857}.deny-dispute-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;padding:12px;font-size:.8rem;font-weight:700}.deny-dispute-btn:hover{background-color:#b91c1c}.disputes-header-right-group{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.collector-top-bar{align-items:center;gap:12px;display:flex}.user-avatar-circle{color:#fff;background-color:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.payments-toolbar-row{justify-content:flex-end;align-items:center;margin-bottom:20px;display:flex}.mobile-disputes-list{display:none}@media (width<=768px){.modal-backdrop{padding:76px 12px calc(100px + env(safe-area-inset-bottom)) 12px!important}.dispute-modal-card{border-radius:12px!important;max-height:100%!important}.collector-portal .topbar{display:none!important}.collector-portal .layout-wrapper,.collector-portal .main-container,.collector-portal .content-area{box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}.disputes-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:76px 32px 110px!important;display:flex!important}.disputes-header-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-top:36px!important}.disputes-title{letter-spacing:normal!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.disputes-subtitle{font-size:.75rem!important}.desktop-only-table{display:none!important}.mobile-disputes-list{flex-direction:column!important;gap:10px!important;margin-top:4px!important;display:flex!important}.mobile-dispute-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-direction:column!important;gap:8px!important;padding:14px!important;display:flex!important;box-shadow:0 2px 6px #0000000a!important}.mobile-card-top{border-bottom:1px solid #f3f4f6!important;justify-content:space-between!important;align-items:center!important;padding-bottom:8px!important;display:flex!important}.mobile-card-summary{color:#334155!important;justify-content:space-between!important;font-size:.8rem!important;display:flex!important}.mobile-card-expanded-details{color:#64748b!important;background-color:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:6px!important;flex-direction:column!important;gap:4px!important;padding:8px!important;font-size:.75rem!important;display:flex!important}.mobile-card-footer-row{border-top:1px solid #f3f4f6!important;justify-content:space-between!important;align-items:center!important;padding-top:4px!important;display:flex!important}.mobile-view-more-btn{color:#064e3b!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:4px!important;padding:2px 0!important;font-size:.75rem!important;font-weight:700!important;display:flex!important}.mobile-review-action-btn{color:#fff!important;cursor:pointer!important;background-color:#064e3b!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:.7rem!important;font-weight:700!important}.mobile-pagination{color:#64748b!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:8px!important;padding:12px!important;font-size:.7rem!important;display:flex!important}.mobile-pagination .pagination-controls{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;display:flex!important}.dispute-modal-card{width:92vw!important;max-height:70vh!important;overflow-y:auto!important}.dispute-grid-container{grid-template-columns:1fr!important;gap:16px!important}.dispute-modal-body{padding:16px!important}}.dispute-modal-card{background-color:#fff;border-radius:16px;flex-direction:column;width:650px;max-width:100%;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dispute-modal-body{background-color:#f8fafc;flex-direction:column;flex:1;display:flex;overflow-y:auto;padding:20px 24px 28px!important}.dispute-modal-body .modal-backdrop{z-index:1000;box-sizing:border-box;background-color:#00000080;justify-content:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;padding:16px 12px calc(82px + env(safe-area-inset-bottom)) 12px!important;align-items:flex-start!important;padding:85px 16px 24px!important}.dispute-modal-body .dispute-modal-card{background-color:#fff;border-radius:16px;flex-direction:column;width:650px;max-width:100%;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 120px)!important;margin-top:1000px!important}.dispute-modal-body .dispute-modal-body{background-color:#f8fafc;flex-direction:column;flex:1;display:flex;scrollbar-width:none!important;-ms-overflow-style:none!important;padding:20px 24px 28px!important;overflow-y:auto!important}.dispute-modal-body .dispute-modal-body::-webkit-scrollbar{display:none!important}.payments-container{background-color:#f8fafc;flex-direction:column;gap:20px;min-height:100vh;display:flex;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:24px 32px!important}.payments-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.vehicle-sticker-header-row .payments-title{color:#064e3b;margin-bottom:4px;font-size:2.2rem;font-weight:700;line-height:1.2;margin-top:28px!important}.payments-subtitle{color:#6b7280;margin:0;font-size:.9rem}.payments-profile-right{align-items:center;gap:12px;display:flex}.notification-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s;display:flex}.notification-btn:hover{background-color:#f3f4f6}.user-profile-badge{align-items:center;gap:10px;display:flex}.user-text-info{text-align:right;flex-direction:column;line-height:1.2;display:flex}.user-name{color:#0f172a;font-size:.9rem;font-weight:700}.user-role{color:#64748b;letter-spacing:.05em;font-size:.65rem;font-weight:700}.user-avatar-circle{color:#fff;background-color:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex}.filter-icon-btn{cursor:pointer;color:#334155;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.filter-icon-btn:hover{background-color:#f3f4f6}.payments-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.payments-table{border-collapse:collapse;text-align:left;width:100%}.payments-table th{color:#6b7280;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 20px;font-size:.75rem;font-weight:700}.payments-table th.text-right,.payments-table td.action-cell{text-align:right}.payments-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 20px;font-size:.875rem}.payments-table tbody tr:hover{background-color:#fcfcfc}.resident-cell{align-items:center;gap:12px;display:flex}.avatar-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.bg-amber{background-color:#b45309}.bg-yellow{background-color:#d97706}.bg-red{background-color:#dc2626}.bg-teal{background-color:#0d9488}.bg-slate{background-color:#475569}.resident-name{color:#111827;font-weight:600}.resident-address{color:#6b7280;font-size:.75rem}.plate-cell,.amount-cell{color:#111827;font-weight:600}.view-docs-link-btn{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.85rem;font-weight:500;display:flex}.view-docs-link-btn:hover{color:#064e3b;text-decoration:underline}.action-buttons-group{justify-content:flex-end;gap:8px;display:flex}.accept-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700}.accept-btn:hover{background-color:#047857}.decline-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:700}.decline-btn:hover{background-color:#b91c1c}.no-records{text-align:center;color:#6b7280;padding:24px!important}.table-footer{color:#6b7280;background-color:#f9fafb;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.8rem;display:flex}.pagination-controls{gap:4px;display:flex}.page-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.page-btn.active{color:#fff;background-color:#064e3b;border-color:#064e3b}.page-btn:hover:not(.active){background-color:#f3f4f6}.vehicle-modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.vehicle-modal-card{background:#fff;border-radius:12px;width:550px;max-width:100%;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 4px 20px #00000026}.vehicle-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.vehicle-modal-title{color:#111827;margin:0;font-size:18px;font-weight:700}.vehicle-modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.vehicle-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.vehicle-details-grid{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:14px;font-size:14px;display:grid}.vehicle-attachments-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.attachment-label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:700}.attachment-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:120px}.attachment-placeholder{color:#94a3b8;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;height:120px;font-size:12px;display:flex}.vehicle-modal-footer{justify-content:center;gap:12px;margin-top:8px;display:flex}.modal-approve-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:10px 16px;font-weight:700}.modal-decline-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:10px 16px;font-weight:700}.confirm-modal-backdrop{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.confirm-modal-card{text-align:center;background:#fff;border-radius:12px;width:400px;max-width:90%;padding:24px;box-shadow:0 10px 25px #0003}.confirm-modal-text{color:#334155;margin-bottom:24px;font-size:15px;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-yes-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:10px 20px;font-weight:700}.confirm-yes-btn.danger{background:#dc2626}.confirm-no-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:10px 20px;font-weight:700}.vehicle-sticker-header-row{justify-content:space-between;align-items:center;margin-top:-67px;padding-top:0;display:flex}.proof-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.proof-modal-card{background:#fff;border-radius:12px;width:720px;max-width:95%;padding:24px 32px;overflow:hidden;box-shadow:0 10px 25px #00000026}.proof-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.proof-modal-title{color:#064e3b;margin:0;font-size:1.25rem;font-weight:700}.proof-modal-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;transition:color .2s}.proof-modal-close-btn:hover{color:#111827}.proof-modal-content{align-items:stretch;gap:24px;width:100%;display:flex}.proof-img-container{background:#f3f4f6;border-radius:8px;flex:1.2;justify-content:center;align-items:center;min-width:240px;height:380px;padding:12px;display:flex}.actual-proof-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 2px 8px #0000001a}.proof-placeholder-simple{text-align:center;border:2px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.proof-details-wrapper{flex:1;min-width:240px;max-width:320px}.proof-details-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;height:100%;padding:24px 20px;box-shadow:0 4px 10px #0000000f}.proof-details-title{color:#374151;border-bottom:1px solid #e5e7eb;margin-top:0;margin-bottom:16px;padding-bottom:10px;font-size:.95rem;font-weight:600}.proof-detail-row{flex-direction:column;margin-bottom:14px;font-size:.85rem;display:flex}.proof-detail-row span{color:#6b7280;margin-bottom:4px}.proof-detail-row strong{color:#1f2937;font-size:.95rem}.proof-modal-footer{border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.proof-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:12px 24px;font-size:.85rem;font-weight:700;transition:all .2s}.proof-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.accept-issue-btn{color:#fff;cursor:pointer;background:#008500;border:none;border-radius:6px;padding:12px 24px;font-size:.85rem;font-weight:700;transition:background-color .2s}.accept-issue-btn:hover{background:#006b00}.decline-modal-card{text-align:center;background:#fff;border-radius:12px;width:420px;max-width:90%;padding:32px 24px;box-shadow:0 10px 25px #0000001a}.decline-modal-text{color:#374151;margin-bottom:28px;font-size:1.1rem;line-height:1.5}.decline-modal-actions{justify-content:center;gap:16px;display:flex}.decline-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.decline-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.decline-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:background-color .2s}.decline-confirm-btn:hover{background:#dc2626}.mobile-vehicle-list{display:none}@media (width<=768px){.collector-portal .topbar{display:none!important}.collector-portal .layout-wrapper,.collector-portal .main-container,.collector-portal .content-area{box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}.payments-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:76px 32px 110px!important;display:flex!important}.vehicle-sticker-header-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-top:-20px!important}.vehicle-sticker-header-row .payments-title{letter-spacing:normal!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.payments-subtitle{font-size:.75rem!important}.desktop-only-table{display:none!important}.mobile-vehicle-list{flex-direction:column!important;gap:12px!important;margin-top:4px!important;display:flex!important}.mobile-vehicle-card-v2{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;display:flex!important;box-shadow:0 4px 12px #0000000d!important}.mobile-v2-left{flex:1!important;min-width:0!important}.mobile-v2-left .resident-cell{align-items:flex-start!important;gap:10px!important}.mobile-v2-left .avatar-badge{width:38px!important;height:38px!important;font-size:.85rem!important}.mobile-v2-left .resident-name{color:#111827!important;font-size:.9rem!important;font-weight:700!important;line-height:1.2!important}.mobile-v2-left .resident-address{color:#6b7280!important;margin-bottom:4px!important;font-size:.7rem!important}.mobile-v2-meta{color:#374151!important;font-size:.75rem!important;line-height:1.3!important}.mobile-v2-right{flex-direction:column!important;flex-shrink:0!important;align-items:flex-end!important;gap:8px!important;display:flex!important}.mobile-v2-docs-link{color:#64748b!important;cursor:pointer!important;white-space:nowrap!important;background:0 0!important;border:none!important;padding:0!important;font-size:.65rem!important;font-weight:600!important;text-decoration:underline!important}.mobile-v2-actions{flex-direction:column!important;gap:6px!important;width:90px!important;display:flex!important}.mobile-v2-actions .accept-btn,.mobile-v2-actions .decline-btn{text-align:center!important;border-radius:6px!important;width:100%!important;padding:6px 0!important;font-size:.7rem!important;font-weight:800!important}.mobile-pagination{color:#64748b!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:8px!important;padding:12px!important;font-size:.7rem!important;display:flex!important}.mobile-pagination .pagination-controls{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;display:flex!important}.vehicle-modal-card,.proof-modal-card{width:92vw!important;max-height:85vh!important;padding:16px!important;overflow-y:auto!important}.proof-modal-content{flex-direction:column!important;gap:12px!important}.proof-img-container{height:220px!important}.vehicle-attachments-grid,.vehicle-details-grid{grid-template-columns:1fr!important}}.top-utility-row{justify-content:flex-end;width:100%;margin-top:-10px;display:flex}.resident-top-wrapper{justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin-top:0!important;margin-bottom:24px!important;display:flex!important}.voter-eligibility-card{box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;width:320px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.voter-card-title{color:#0f172a;font-size:.95rem;font-weight:700}.voter-card-desc{color:#64748b;font-size:.73rem;line-height:1.35}.generate-voters-btn{color:#fff;cursor:pointer;text-align:center;background-color:#008500;border:none;border-radius:6px;margin-top:4px;padding:8px 12px;font-size:.78rem;font-weight:700;transition:background-color .2s}.generate-voters-btn:hover{background-color:#006a00}.resident-type-badge{border-radius:6px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-block}.resident-type-badge.tenant{color:#064e3b;background-color:#a7f3d0}.resident-type-badge.homeowner{color:#fff;background-color:#064e3b}.status-badge{text-align:center;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.paid{color:#fff;background-color:#064e3b}.status-badge.arrears{color:#fff;background-color:#f97316}.status-badge.dispute{color:#fff;background-color:#3b82f6}.status-badge.delinquent{color:#fff;background-color:#dc2626}.address-cell{color:#334155;font-size:.85rem}.directory-top-section{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px;display:flex}.directory-title-area{flex-direction:column;display:flex}.directory-top-wrapper{justify-content:space-between;align-items:flex-start;width:100%;margin-top:-42px;margin-bottom:16px;display:flex}.directory-header-left{flex:1}.payments-toolbar-row{justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.zg-status-badge-paid{text-align:center;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block;color:#065f46!important;background-color:#d1fae5!important}.zg-status-badge-arrears{text-align:center;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block;background-color:var(--warning-bg,#fef3c7)!important;color:var(--warning-text,#b45309)!important}.zg-status-badge-pending,.zg-status-badge-validating{text-align:center;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block;color:#7e22ce!important;background-color:#f3e8ff!important}.zg-status-badge-dispute{text-align:center;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block;color:#1e40af!important;background-color:#dbeafe!important}.zg-status-badge-unpaid{text-align:center;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block;color:#475569!important;background-color:#f1f5f9!important}.zg-status-badge-delinquent{text-align:center;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block;color:#991b1b!important;background-color:#fee2e2!important}.street-pills-container{flex-wrap:wrap;gap:8px;width:100%;display:flex;margin-top:45px!important;margin-bottom:-8px!important}.street-pills-container::-webkit-scrollbar{height:4px}.street-pills-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.street-pill{color:#064e3b;cursor:pointer;background-color:#ecfdf5;border:none;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.street-pill.active{color:#065f46;background-color:#d1fae5}.status-header-cell{cursor:pointer;position:relative}.status-header-content{align-items:center;gap:6px;display:inline-flex}.status-dropdown-menu{z-index:50;text-align:left;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:160px;margin-top:4px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 4px 6px -1px #0000001a}.status-dropdown-item{color:#334155;cursor:pointer;padding:8px 16px;font-size:.85rem;font-weight:400;transition:background-color .15s}.status-dropdown-item:hover{background-color:#f1f5f9}.status-dropdown-item.active{color:#064e3b;font-weight:700}.resident-header-wrapper{justify-content:space-between;align-items:flex-start;width:100%;margin-top:-42px;margin-bottom:16px;display:flex}.resident-header-left{flex-direction:column!important;flex:1!important;display:flex!important}.resident-header-left .payments-title{color:#064e3b;margin-bottom:4px;font-size:2.2rem;font-weight:700;line-height:1.2;margin-top:-40px!important}.mobile-resident-list{display:none}@media (width<=768px){.mobile-card-right-col{align-items:center!important;gap:8px!important;display:flex!important}.mobile-chevron{color:#94a3b8!important;font-size:1.1rem!important;font-weight:700!important}.collector-portal .layout-wrapper,.collector-portal .main-container,.collector-portal .content-area{box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}.payments-container{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:76px 32px 110px!important;display:flex!important}.resident-top-wrapper{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:0!important;margin-bottom:0!important}.resident-header-left{margin-right:0!important}.resident-header-left .payments-title{letter-spacing:normal!important;margin-top:8px!important;margin-bottom:2px!important;font-size:24px!important;line-height:1.1!important}.payments-subtitle{font-size:.75rem!important}.voter-eligibility-card{margin-top:10px;margin-bottom:10px;box-sizing:border-box!important;width:100%!important;padding:12px 14px!important}.voter-card-title{font-size:.85rem!important}.voter-card-desc{font-size:.7rem!important}.generate-voters-btn{padding:7px 10px!important;font-size:.75rem!important}.street-pills-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:6px!important;margin-top:12px!important;margin-bottom:-10px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.street-pill{flex-shrink:0!important;padding:5px 12px!important;font-size:.75rem!important}.desktop-only-table{display:none!important}.mobile-resident-list{flex-direction:column!important;gap:10px!important;margin-top:4px!important;display:flex!important}.mobile-status-filter-row{width:100%!important;margin-bottom:4px!important;display:flex!important}.mobile-status-select{color:#334155!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;padding:10px 12px!important;font-size:.8rem!important;font-weight:600!important}.mobile-resident-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-direction:column!important;gap:8px!important;padding:14px!important;display:flex!important;box-shadow:0 2px 6px #0000000a!important}.mobile-card-top{border-bottom:1px solid #f3f4f6!important;justify-content:space-between!important;align-items:center!important;padding-bottom:8px!important;display:flex!important}.mobile-card-expanded-details{color:#64748b!important;background-color:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:6px!important;flex-direction:column!important;gap:4px!important;padding:8px!important;font-size:.75rem!important;display:flex!important}.mobile-card-footer-row{justify-content:flex-end!important;padding-top:2px!important;display:flex!important}.mobile-view-more-btn{color:#064e3b!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:4px!important;padding:2px 0!important;font-size:.75rem!important;font-weight:700!important;display:flex!important}.mobile-pagination{color:#64748b!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:8px!important;padding:12px!important;font-size:.7rem!important;display:flex!important}.mobile-pagination .pagination-controls{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;display:flex!important}}.route-fallback{color:#050505;background:#fcfaf6;place-items:center;min-height:100vh;padding:32px 20px;font-family:Inter,system-ui,sans-serif;display:grid}.route-fallback__content{text-align:center;width:min(100%,760px)}.route-fallback__eyebrow{color:#145c3b;letter-spacing:.24em;text-transform:uppercase;margin:0 0 8px;font-size:.73rem;font-weight:800}.route-fallback__code{letter-spacing:-.08em;margin:0;font-size:clamp(7rem,18vw,10rem);font-weight:500;line-height:.9}.route-fallback h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2rem,4.2vw,3rem);font-weight:500;line-height:1.1}.route-fallback h1 span{color:#167044;background:#edf4e8;border-radius:7px;padding:3px 10px 5px;display:inline-block}.route-fallback__description{color:#8b8b8b;width:min(100%,560px);margin:0 auto 28px;font-size:.82rem;line-height:1.7}.route-fallback__actions{justify-content:center;display:flex}.route-fallback__primary{color:#fefefe;background:#064e3b;border-radius:4px;justify-content:center;align-items:center;min-width:148px;min-height:38px;padding:0 18px;font-size:.72rem;font-weight:700;text-decoration:none;transition:background-color .16s,transform .16s;display:inline-flex}.route-fallback__primary:hover{background:#58df7e;transform:translateY(-1px)}@media (width<=520px){.route-fallback__code{font-size:clamp(6rem,30vw,8rem)}.route-fallback h1{font-size:1.8rem}.route-fallback__description{font-size:.78rem}}