.login-container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background-color:var(--background-secondary)}.auth-brand-panel{grid-column:1}.auth-form-panel{grid-column:2}@media (max-width: 900px){.login-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-brand-panel,.auth-form-panel{grid-column:auto}}.auth-brand-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:linear-gradient(165deg,#1e3a5f,#1e72d1 45%,#2d8ae8);position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 45%);pointer-events:none;z-index:0}.auth-brand-content{position:relative;z-index:1;text-align:center;max-width:360px}.auth-brand-logo{display:block;height:56px;width:auto;max-width:220px;margin:0 auto 1.5rem;object-fit:contain;filter:brightness(0) invert(1)}.auth-brand-tagline{font-family:var(--default-font-family);font-size:1.55rem;font-weight:500;color:#fffffff2;line-height:1.4;margin:0;letter-spacing:-.02em}.auth-mobile-header,.auth-brand-logo-mobile{display:none}.auth-brand-accent{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.auth-brand-accent--1{bottom:-80px;left:-80px}.auth-brand-accent--2{top:-60px;right:-60px;width:200px;height:200px}@media (max-width: 900px){.auth-brand-panel,.auth-mobile-header{display:none}.login-container .auth-form-panel{justify-content:flex-start;padding:3rem 1rem 2rem}}.auth-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.auth-form-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.auth-card{width:100%;padding:2.5rem 1.5rem;background-color:var(--background-primary);border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a;border:1px solid var(--border-light)}.login-container h1,.auth-title{font-family:var(--default-font-family);font-weight:600;font-size:1.5rem;color:var(--text-primary);margin:0 0 1.75rem;text-align:center;letter-spacing:-.02em}.auth-email-display{font-family:var(--default-font-family);font-size:.9rem;color:var(--text-muted);margin:-1rem 0 1.25rem;text-align:center}.auth-change-email{font-family:var(--default-font-family);font-size:.85rem;color:var(--primary-color);background:none;border:none;cursor:pointer;margin-left:.5rem;padding:0}.auth-change-email:hover{text-decoration:underline}.login-container .form-group,.auth-card .form-group{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%;max-width:100%}.login-container .form-group .form-label{font-family:var(--default-font-family);font-size:.8rem;font-weight:400;color:var(--text-muted);padding-left:.6rem;align-self:flex-start}.login-container .form-group .login-forgot-link{font-family:var(--default-font-family);font-size:.8rem;font-weight:400;color:var(--primary-color);text-decoration:none;align-self:flex-end;margin-top:.25rem}.login-container .form-group .login-forgot-link:hover{text-decoration:underline}.login-container .form-group .form-input,.auth-card .form-group .form-input{font-family:var(--default-font-family);font-size:.9rem;font-weight:400;padding:.65rem .85rem;width:100%;max-width:100%;box-sizing:border-box;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.login-container .form-group .form-input:focus,.auth-card .form-group .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-background)}.login-container .form-group .form-input::placeholder,.auth-card .form-group .form-input::placeholder{color:#c9c9c9}.login-container .form-group .form-input-error{border-color:var(--error-color)!important}.login-container .form-group .form-input-error:focus{border-color:var(--error-color)!important}.login-container .form-group .login-error-message{font-family:var(--default-font-family);font-size:.8rem;color:var(--error-color);padding-left:.6rem;align-self:flex-start;min-height:1.2rem;margin-top:.5rem;margin-bottom:.5rem;font-weight:400;width:100%;order:3}.auth-success-message{font-family:var(--default-font-family);font-size:.85rem;color:var(--primary-color, #1E72D1);padding:.5rem .6rem 0;align-self:flex-start;width:100%;margin-bottom:.25rem;font-weight:500}.login-container .submit-button,.auth-card .submit-button{font-family:var(--default-font-family);font-size:.95rem;font-weight:500;padding:.7rem 1rem;width:100%;color:#fff;background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;margin-top:.5rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-container .submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.login-container .submit-button:disabled:hover{background-color:#ccc}.login-container .submit-button:hover{background-color:var(--primary-hover)}.login-container .submit-button:active{background-color:var(--primary-active)}.auth-card.auth-card-login .auth-title,.auth-card.auth-card-signup .auth-title{margin-bottom:2.5rem}.auth-card.auth-card-login .form-group,.auth-card.auth-card-signup .form-group{gap:.35rem}.auth-card.auth-card-login .form-group .form-input,.auth-card.auth-card-signup .form-group .form-input{margin-bottom:.5rem}.auth-card.auth-card-login .submit-button,.auth-card.auth-card-signup .submit-button{margin-top:.1rem}.auth-card.auth-card-signup .auth-email-display{margin:-1.25rem 0 1.25rem}@keyframes auth-spin{to{transform:rotate(360deg)}}.login-container .login-spinner,.auth-card .login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:auth-spin 1s linear infinite}.auth-footer,.login-container .auth-footer,.auth-form-panel .auth-footer{font-family:var(--default-font-family);font-size:.9rem;color:var(--text-muted);margin-top:1.5rem;margin-bottom:0;padding-top:0;text-align:center}.auth-footer-link,.login-container .auth-footer-link{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-footer-link:hover,.login-container .auth-footer-link:hover{text-decoration:underline}.auth-divider,.login-container .auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 1.75rem;width:100%}.auth-divider-line{flex:1;height:1px;background-color:var(--border-light)}.auth-divider-text{font-family:var(--default-font-family);font-size:.8rem;color:var(--text-muted);text-transform:lowercase}.auth-google-button,.login-container .auth-google-button,.auth-card .auth-google-button{font-family:var(--default-font-family);font-size:.9rem;font-weight:500;padding:.65rem 1rem;width:100%;color:var(--text-primary);background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease,border-color .2s ease}.auth-google-button:hover:not(:disabled),.login-container .auth-google-button:hover:not(:disabled){background-color:var(--background-secondary, #f5f5f5);border-color:var(--text-muted)}.auth-google-button:disabled,.login-container .auth-google-button:disabled{opacity:.6;cursor:not-allowed}.auth-google-icon,.login-container .auth-google-icon{flex-shrink:0;display:block}.forgot-password-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-2rem}.forgot-password-container h1{font-family:var(--default-font-family);font-weight:400;font-size:1.5rem;color:var(--text-primary);margin:0 0 3rem;text-align:center}.forgot-password-container .form-group{display:flex;flex-direction:column;gap:.25rem;align-items:center;width:360px}.forgot-password-container .form-group .form-label{font-family:var(--default-font-family);font-size:.8rem;font-weight:400;color:var(--text-muted);padding-left:.6rem;align-self:flex-start}.forgot-password-container .form-group .form-input{font-family:var(--default-font-family);font-size:.9rem;font-weight:400;padding:.6rem .8em;width:360px;color:var(--text-primary);background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;transition:border-color .2s ease}.forgot-password-container .form-group .form-input:focus{outline:none;border-color:var(--primary-color)}.forgot-password-container .form-group .form-input:disabled{opacity:.7;cursor:not-allowed}.forgot-password-container .form-group .form-input-error{border-color:var(--error-color)!important}.forgot-password-container .form-group .form-input-error:focus{border-color:var(--error-color)!important}.forgot-password-container .form-group .forgot-password-error-message{font-family:var(--default-font-family);font-size:.8rem;color:var(--error-color);padding-left:.6rem;align-self:flex-start;min-height:1.2rem;margin-top:0;font-weight:400;width:100%}.forgot-password-container .form-group .forgot-password-success-message{font-family:var(--default-font-family);font-size:.8rem;color:var(--text-muted);padding-left:.6rem;align-self:flex-start;min-height:1.2rem;margin-top:0;font-weight:400;width:100%}.forgot-password-container .submit-button{font-family:var(--default-font-family);font-size:.9rem;font-weight:400;padding:.6rem;width:160px;color:#fff;background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;margin-top:.35rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.forgot-password-container .submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.forgot-password-container .submit-button:disabled:hover{background-color:#ccc}.forgot-password-container .submit-button:hover:not(:disabled){background-color:var(--primary-hover)}.forgot-password-container .submit-button:active:not(:disabled){background-color:var(--primary-active)}.forgot-password-container .forgot-password-back-link{font-family:var(--default-font-family);font-size:.8rem;font-weight:400;color:var(--primary-color);text-decoration:none;margin-top:1.5rem}.forgot-password-container .forgot-password-back-link:hover{text-decoration:underline}.forgot-password-container .forgot-password-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:linear-gradient(290deg,#2892d7,#1446a0);display:flex;flex-direction:column;z-index:1000}.sidebar-header{padding:1.2rem 1.5rem .3rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.3rem}.brand{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem}.brand-logo{height:28px;width:auto;max-width:100%}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:1.5rem}.nav-section:last-child{margin-bottom:0}.nav-section-title{padding:0 1rem .5rem;font-size:.6rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem}.nav-item{display:flex;align-items:center;padding:.625rem .7rem;color:#fffc;text-decoration:none;border:none;background:none;width:calc(100% - 1rem);margin:.25rem .5rem;text-align:left;cursor:pointer;position:relative;font-weight:400;font-size:.8rem;border-radius:8px}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#ffffff1a;color:#fff;font-weight:500}.nav-item.active:hover{background:#ffffff1a}.nav-icon{margin-right:.75rem;width:15px;height:15px;text-align:center;display:flex;align-items:center;justify-content:center;color:inherit}.nav-label{font-weight:inherit;letter-spacing:.01em}.sidebar-footer{padding:.5rem 0rem}.sidebar-footer .nav-item{width:calc(100% - 1rem);margin:.25rem .5rem}.layout{display:flex;background-color:var(--background-secondary)}.main-content{margin-left:220px;background-color:var(--background-secondary);min-height:100vh;width:calc(100% - 220px)}.dashboard-container{padding:0;max-width:100%;width:100%;height:100%;display:flex;flex-direction:column;background:var(--background-secondary)}.dashboard-header{background:var(--background-primary);border-bottom:1px solid var(--border-light);flex-shrink:0}.dashboard-header .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px}.dashboard-header .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.dashboard-header .header-right{display:flex;align-items:center;justify-self:end;gap:12px}.dashboard-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.dashboard-content{flex:1;display:flex;flex-direction:column;gap:24px;padding:24px;max-width:100%;box-sizing:border-box}.dashboard-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-row{grid-column:1 / -1;display:flex;gap:16px}.dashboard-row .ratio-1{flex:.8 1 0}.dashboard-row .ratio-2{flex:2.2 1 0}.dashboard-row .dashboard-widget-tall-single,.dashboard-row .ratio-1-expiring{flex:1 1 0}.dashboard-row .ratio-3-expiring{flex:3 1 0}.dashboard-widget-wide{grid-column:span 2}.dashboard-widget-tall{grid-column:span 2;grid-row:span 2}.dashboard-widget-tall-single{grid-row:span 2}.dashboard-widget{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:0;transition:all .2s ease;min-width:0;max-width:100%;box-sizing:border-box}.dashboard-widget:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000001f}.widget-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.widget-header-large{margin-bottom:20px}.dashboard-row .ratio-1 .widget-header-large{margin-bottom:12px}.widget-header-large h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.widget-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-widget-tall .widget-content{flex:1;min-height:280px;align-items:stretch;justify-content:stretch;padding:0}.dashboard-column-stack{display:flex;flex-direction:column;gap:16px;flex:1;min-height:380px}.dashboard-mini-row{display:flex;gap:16px;min-height:120px}.dashboard-widget-mini{flex:1}.dashboard-widget-mini .widget-value{font-size:26px;line-height:1.1}.dashboard-widget-mini .widget-change-container{gap:6px}.collection-rate-widget{flex:1}.collection-rate-widget .widget-doughnut-container{height:100%}.dashboard-row .ratio-1 .widget-content{height:auto;align-items:stretch;justify-content:stretch;padding:0;display:flex;flex-direction:column}.dashboard-row .dashboard-widget-tall-single .widget-content{flex:1;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden}.widget-content-large{display:flex;align-items:center;justify-content:center;min-height:80px}.widget-big-number{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.widget-chart-container{height:120px;width:100%;position:relative}.widget-doughnut-container{display:flex;justify-content:center;align-items:center;padding:10px 0;width:100%;height:100%;position:relative}.widget-doughnut-svg{width:180px;height:180px}.widget-doughnut-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.widget-doughnut-percentage{font-size:28px;font-weight:700;color:#111827;line-height:1;margin:0}.widget-doughnut-change{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:600;margin-top:4px}.widget-doughnut-change.positive{color:#10b981}.widget-doughnut-change.negative{color:#ef4444}.doughnut-change-arrow{font-size:10px;font-weight:600}.doughnut-change-value{font-size:11px;font-weight:600}.widget-change-container{display:flex;align-items:center;gap:12px;margin-top:10px}.widget-label{font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.15px;margin-bottom:0}.widget-sublabel{font-size:10px;font-weight:400;color:var(--text-muted);opacity:.7;font-style:italic;margin-top:2px}.widget-mini-chart{flex-shrink:0;opacity:.6;align-self:center}.widget-value{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2;margin-top:4px;word-wrap:break-word;overflow-wrap:break-word}.widget-value.positive{color:#10b981}.widget-value.negative{color:#ef4444}.widget-change{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 6px;border-radius:4px;width:fit-content}.widget-change.positive{color:#10b981;background-color:#10b9811a}.widget-change.negative{color:#ef4444;background-color:#ef44441a}.widget-change-arrow{font-size:9px;font-weight:600}.widget-change-value{font-size:10px;font-weight:600}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.dashboard-loading .spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.dashboard-loading p{font-size:16px;color:var(--text-secondary);margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.dashboard-widgets{grid-template-columns:repeat(2,1fr)}.dashboard-row{flex-direction:column}.dashboard-widget-wide{grid-column:span 1}.dashboard-widget-tall{grid-column:span 1;grid-row:span 1}.dashboard-widget-tall-single{grid-row:span 1}}@media (max-width: 768px){.dashboard-content{padding:16px;gap:16px}.dashboard-header .header-top{grid-template-columns:1fr;gap:12px}.dashboard-title{font-size:20px}.dashboard-header .header-right{justify-self:stretch}.dashboard-widgets{grid-template-columns:1fr;gap:12px}.dashboard-row{gap:12px}.dashboard-widget{padding:12px}.widget-value{font-size:20px}.widget-mini-chart{width:50px;height:25px}.widget-change{margin-top:4px;padding:3px 6px}}.dashboard-widget-table{padding:0}.dashboard-widget-table .widget-header-large{padding:16px 16px 0}.dashboard-widget-table .widget-content{padding:0 16px 16px;overflow:hidden;border-radius:0 0 8px 8px}.widget-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.widget-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;background:#fff;min-width:100%;overflow:hidden}.widget-table th:nth-child(3),.widget-table td:nth-child(3){width:25%}.widget-table thead{background:#f9fafb;border-top:1px solid var(--border-light)}.widget-table th{padding:8px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);white-space:nowrap}.widget-table th:first-child{padding-left:16px}.widget-table th:nth-child(4){padding-right:4px}.widget-table th:nth-child(5){padding-left:4px;padding-right:24px;text-align:left}.widget-table th:last-child{padding-right:16px}.widget-table td{padding:12px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.widget-table td:first-child{padding-left:16px}.widget-table td:nth-child(4){padding-right:4px}.widget-table td:nth-child(5){padding-left:4px;padding-right:24px}.widget-table td:last-child{padding-right:16px}.widget-table-row{cursor:pointer;transition:background-color .2s ease}.widget-table-row:hover{background:#f9fafb}.widget-table-property{min-width:140px;font-weight:400;color:var(--text-primary);font-size:13px}.widget-table-unit{font-size:13px;color:var(--text-primary);white-space:nowrap;font-weight:400}.widget-table-tenant{font-size:13px;color:var(--text-primary);white-space:nowrap}.widget-table-balance{font-size:13px;font-weight:400;color:var(--text-primary)}.widget-table-days{font-size:13px;color:var(--text-primary);text-align:left}.widget-table-days.overdue-severe{color:#ef4444;font-weight:400}.widget-table-days.expiring-urgent{color:#f59e0b;font-weight:600}.widget-table-date{font-size:13px;color:var(--text-primary);white-space:nowrap}.widget-empty-state{padding:40px 20px;text-align:center}.widget-empty-state p{color:var(--text-muted);font-size:13px;margin:0}.progress-track{width:100%;height:12px;background:#eef2f7;border:1px solid var(--border-light);border-radius:9999px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0;transition:width 1s ease;position:relative;overflow:hidden;background-size:24px 24px;background-image:repeating-linear-gradient(45deg,#ffffff26 0 8px,#fff0 8px 16px);animation:progress-stripes 8s linear infinite}.progress-fill.good{background:linear-gradient(90deg,#10b981e6,#10b98199)}.progress-fill.warn{background:linear-gradient(90deg,#fbbf24e6,#fbbf2499)}.progress-fill.bad{background:linear-gradient(90deg,#ef4444e6,#ef444499)}.progress-widget .progress-track{height:16px}.progress-widget .widget-value{font-size:13px}.progress-widget .widget-label{font-size:10px}.progress-widget .widget-header-large{margin-bottom:8px}.progress-widget{padding:12px}.progress-fill:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);pointer-events:none;animation:progress-shimmer 2.8s ease-in-out infinite}@keyframes progress-shimmer{0%{left:-40%}to{left:100%}}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:200% 0}}.progress-percentage{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--text-primary);background:var(--background-primary);border:1px solid var(--border-light);border-radius:9999px;padding:2px 8px;box-shadow:0 2px 6px #00000014;z-index:2;pointer-events:none}.chart-widget{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;height:300px;display:flex;flex-direction:column}.balance-chart-column .chart-widget{height:100%;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.chart-metric{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.metric-value{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1}.metric-value.positive-balance,.metric-value.negative-balance{color:#ef4444}.metric-label{font-size:12px;color:var(--text-muted);margin-top:2px}.chart-container{flex:1;position:relative;min-height:200px}.chart-footer{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.balance-stats{display:flex;justify-content:space-between;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.stat-label{font-size:11px;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:13px;font-weight:600}.stat-value.charges{color:#ef4444}.stat-value.payments{color:#10b981}.next-expiry{margin:0;font-size:12px;color:#6b7280;text-align:center}.chart-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:0;padding:0 24px;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.chart-widgets{grid-template-columns:1fr;gap:16px;padding:0 16px}.chart-widget{height:280px;padding:20px}.balance-chart-column .chart-widget{height:auto;min-height:300px}.chart-container{min-height:180px}}@media (min-width: 1200px){.chart-widgets{grid-template-columns:repeat(3,1fr)}}.searchable-dropdown-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.searchable-dropdown-wrapper:last-child{margin-bottom:0}.searchable-dropdown-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.searchable-dropdown{position:relative;width:100%}.dropdown-trigger:hover,.dropdown-trigger.open{border-color:var(--border-medium)}.dropdown-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:4px;max-height:300px;overflow:hidden}.search-container{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--border-light);background:var(--background-secondary);position:relative}.search-icon{position:absolute;left:12px;color:var(--text-muted);z-index:1}.search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-family:var(--default-font-family);outline:none;padding:4px 0 4px 24px;width:100%}.search-input::placeholder{color:var(--text-muted)}.dropdown-options{max-height:200px;overflow-y:auto}.dropdown-option{padding:10px 12px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.dropdown-option:last-child{border-bottom:none}.dropdown-option.selected{background:var(--primary-color);color:#fff}.dropdown-option.selected:hover{background:var(--primary-hover)}.no-results{padding:12px;text-align:center;color:var(--text-muted);font-size:13px;font-style:italic}.searchable-dropdown.error .dropdown-trigger{border-color:var(--error-color);background:var(--background-error)}.searchable-dropdown-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}@media (max-width: 768px){.dropdown-menu{max-height:250px}.dropdown-options{max-height:150px}}.custom-dropdown-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.custom-dropdown-wrapper:last-child{margin-bottom:0}.custom-dropdown-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px;min-width:120px}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;background:var(--background-secondary);color:var(--text-primary);font-size:13px;font-family:var(--default-font-family);font-weight:400;height:40px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.dropdown-trigger:hover{background:var(--border-light)}.dropdown-trigger.disabled{background:var(--background-disabled);color:var(--text-muted);cursor:not-allowed;opacity:.6}.dropdown-trigger.disabled:hover{background:var(--background-disabled)}.dropdown-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.custom-dropdown.error .dropdown-trigger{border:1px solid var(--error-color);background:var(--background-error)}.custom-dropdown.error .dropdown-trigger:hover{background:var(--background-error);border-color:var(--error-color)}.custom-dropdown-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px;display:block}.dropdown-value{flex:1;text-align:left}.dropdown-arrow{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0;margin-left:8px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-option{padding:10px 12px;font-size:13px;font-family:var(--default-font-family);color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.dropdown-option:hover{background:var(--background-hover)}.dropdown-option.selected:hover{background:var(--primary-background)}.dropdown-option.selected{background:var(--primary-background);color:var(--primary-color);font-weight:500}.dropdown-option:first-child{border-radius:6px 6px 0 0}.dropdown-option:last-child{border-radius:0 0 6px 6px}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.form-field:last-child{margin-bottom:0}.form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px;min-width:120px}.form-field-input{padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;height:40px;transition:all .2s ease}.form-field-input:focus{outline:none;border-color:var(--border-medium)}.form-field-input::placeholder{color:var(--text-muted);font-weight:400}.form-field-input:disabled{background:var(--background-disabled);color:var(--text-muted);cursor:not-allowed;opacity:.7}.form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.form-field-input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 2px #ef44441a}.form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px;display:block}@media (max-width: 768px){.form-field{margin-bottom:14px}.form-field-input{font-size:16px}}.form-textarea-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-textarea-field:last-child{margin-bottom:0}.form-textarea-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px;min-width:120px}.required-asterisk{color:var(--error-color);font-weight:600}.form-textarea-input{padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;min-height:80px;resize:vertical;transition:all .2s ease}.form-textarea-input:focus{outline:none;border-color:var(--border-medium)}.form-textarea-input::placeholder{color:var(--text-muted);font-weight:400}.form-textarea-input:disabled{background:var(--background-disabled);color:var(--text-muted);cursor:not-allowed;opacity:.7}.form-textarea-input.error{border-color:var(--error-color);background:var(--background-error)}.form-textarea-input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 2px #ef44441a}.form-textarea-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px;display:block}@media (max-width: 768px){.form-textarea-field{margin-bottom:14px}.form-textarea-input{font-size:16px}}.add-custom-event-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-custom-event-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-custom-event-popup .popup-container::-webkit-scrollbar{width:6px}.add-custom-event-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-custom-event-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-custom-event-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-custom-event-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-custom-event-popup .popup-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.add-custom-event-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-custom-event-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.add-custom-event-popup .popup-content{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.add-custom-event-popup .popup-content>*:not(button){width:100%}.add-custom-event-popup .date-display{background:var(--primary-background);color:var(--primary-color);padding:12px;border-radius:8px;font-size:13px;font-weight:500}.add-custom-event-popup .error-message{background:#fee;color:#c00;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.add-custom-event-popup .form-row{display:flex;gap:16px;margin-bottom:0}.add-custom-event-popup .form-row .form-field-group{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.add-custom-event-popup .form-field-group{display:flex;flex-direction:column;gap:6px}.add-custom-event-popup .form-label{font-size:13px;font-weight:500;color:var(--text-primary)}.add-custom-event-popup .required-asterisk{color:var(--error-color);font-weight:600;margin-left:0}.add-custom-event-popup .select-input{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;font-family:var(--default-font-family);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.add-custom-event-popup .select-input:hover{border-color:var(--border-dark)}.add-custom-event-popup .select-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-background)}.add-custom-event-popup .textarea-input{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;font-family:var(--default-font-family);resize:vertical;transition:all .2s ease}.add-custom-event-popup .textarea-input:hover{border-color:var(--border-dark)}.add-custom-event-popup .textarea-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-background)}.add-custom-event-popup button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px;width:auto;align-self:center;letter-spacing:.25px}.add-custom-event-popup button{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-custom-event-popup button:disabled{cursor:not-allowed}.add-custom-event-popup button:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-custom-event-popup button.loading{background:var(--primary-color);color:#fff;opacity:1}.add-custom-event-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-custom-event-popup .popup-overlay{padding:16px}.add-custom-event-popup .popup-container{max-width:100%}.add-custom-event-popup .popup-header{padding:16px 20px 12px}.add-custom-event-popup .popup-content{padding:0 20px 20px}}.message{font-family:var(--default-font-family);font-size:12px;font-weight:400;padding:8px 12px;border-radius:6px;margin-top:8px;margin-bottom:0;border:1px solid}.success-message{color:var(--success-color);background-color:var(--background-success);border:none}.error-message{color:var(--error-color);background-color:var(--background-error);border:none}.success-message-animated{animation:slideInSuccess .3s ease-out}.error-message-animated{animation:slideInError .3s ease-out}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-container{padding:24px;max-width:800px;margin:0 auto;min-height:calc(100vh - 3rem)}.settings-header{margin-bottom:32px;text-align:center}.settings-header h1{font-family:var(--default-font-family);font-weight:700;font-size:20px;color:var(--text-primary);margin:0 0 8px}.settings-subtitle{font-family:var(--default-font-family);font-size:13px;font-weight:400;color:var(--text-muted);margin:0}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-section{background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{margin-bottom:20px;padding:0 0 16px;border-bottom:1px solid var(--border-light)}.section-header h2{font-family:var(--default-font-family);font-weight:600;font-size:15px;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.section-header h2 svg{flex-shrink:0;vertical-align:middle}.settings-container .form-group{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;width:100%}.settings-container .form-label{font-family:var(--default-font-family);font-size:12px;font-weight:400;color:var(--text-primary);flex-shrink:0}.input-container,.input-with-save{max-width:600px;width:65%}.input-with-save{display:flex;align-items:center;gap:12px}.input-with-save .form-input-with-save,.input-with-save .settings-currency-dropdown{flex:1;min-width:0}.input-with-save .form-input-with-save{padding:10px 12px}.input-with-save .save-button{position:static;transform:none;flex-shrink:0}.input-with-save .settings-currency-dropdown.custom-dropdown-wrapper{margin-bottom:0}.settings-container .form-input,.form-input-with-save{font-family:var(--default-font-family);font-size:12px;font-weight:400;width:100%;color:var(--text-primary);background:var(--background-secondary);border:none;border-radius:6px;box-sizing:border-box;height:40px}.settings-container .form-input,.form-input-with-save{padding:10px 12px}.settings-container .form-input:focus,.form-input-with-save:focus{outline:none}.settings-container .form-input::placeholder,.form-input-with-save::placeholder{color:var(--text-muted);font-weight:400}.settings-container .form-input-readonly{background:var(--background-secondary);color:var(--text-muted);cursor:not-allowed}.settings-container .form-input-readonly:focus{outline:none;box-shadow:none}.settings-container select.form-input-with-save{cursor:pointer}.action-button{font-family:var(--default-font-family);font-size:12px;font-weight:500;padding:10px 20px;margin-top:8px;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;text-decoration:none;min-height:40px;box-sizing:border-box}.sign-out-button{color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-light)}.sign-out-button:hover:not(:disabled){background-color:var(--background-hover);border-color:var(--border-medium)}.sign-out-button:active:not(:disabled){background-color:var(--border-light)}.action-button:disabled{background-color:var(--text-light);color:var(--text-muted);cursor:not-allowed;opacity:.6}.action-button:disabled:hover{background-color:var(--text-light)}.save-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--default-font-family);font-size:12px;font-weight:400;padding:4px 12px;border:none;cursor:pointer;color:var(--primary-color);background:none;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px;min-height:26px}.save-button:hover:not(:disabled){color:var(--primary-hover);background:var(--primary-background)}.save-button:active:not(:disabled){color:var(--primary-active)}.save-button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.save-button:disabled:hover{color:var(--text-muted);background:none}.save-spinner{width:14px;height:14px;border:2px solid rgba(0,122,255,.3);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.delete-account-description{font-family:var(--default-font-family);font-size:13px;color:var(--text-muted);margin:0 0 16px;line-height:1.5}.delete-account-button{color:var(--error-color);background-color:#ff3b301a}.delete-account-button:hover:not(:disabled){background-color:#ff3b3026}.delete-account-button:active:not(:disabled){background-color:#ff3b3033}.delete-account-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-account-modal{background:var(--background-primary);border-radius:8px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.delete-account-modal-header{padding:20px 24px 12px;border-bottom:1px solid var(--border-light)}.delete-account-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--error-color)}.delete-account-modal-content{padding:20px 24px}.delete-account-warning{background-color:var(--background-error, rgba(255, 59, 48, .08));border-radius:8px;padding:14px;margin-bottom:20px}.delete-account-warning p{font-size:13px;color:var(--text-primary);margin:0 0 8px}.delete-account-warning p:last-child{margin-bottom:0}.delete-account-warning ul{margin:0 0 10px;padding-left:20px;font-size:13px;color:var(--text-primary)}.delete-account-warning li{margin-bottom:4px}.delete-account-modal-content .form-group{display:flex;flex-direction:column;margin-bottom:14px}.delete-account-modal-content .form-group:last-of-type{margin-bottom:0}.delete-account-modal-content .form-label{margin-bottom:8px}.delete-account-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid var(--border-light)}.delete-account-modal-actions .btn-cancel{padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border-medium);background:var(--background-primary);color:var(--text-primary)}.delete-account-modal-actions .btn-cancel:hover:not(:disabled){background:var(--background-hover)}.delete-account-modal-actions .btn-delete{padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:var(--error-color);color:#fff;display:inline-flex;align-items:center;gap:8px}.delete-account-modal-actions .btn-delete:hover:not(:disabled){opacity:.9}.delete-account-modal-actions .btn-cancel:disabled,.delete-account-modal-actions .btn-delete:disabled{cursor:not-allowed;opacity:.7}.delete-account-modal-actions .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite}.multi-file-drag-drop .file-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.multi-file-drag-drop .file-upload-zone{border:2px dashed var(--border-light);border-radius:8px;padding:20px;text-align:center;cursor:pointer;background:var(--background-secondary);min-height:90px;display:flex;align-items:center;justify-content:center}.multi-file-drag-drop .file-upload-zone.has-files{align-items:flex-start;justify-content:flex-start;text-align:left}.multi-file-drag-drop .file-upload-zone:hover:not(.disabled){border-color:var(--border-medium);background:var(--background-hover)}.multi-file-drag-drop .file-upload-zone.drag-over{border-color:var(--primary-color);background:var(--background-hover)}.multi-file-drag-drop .file-upload-zone.has-files{border-color:var(--border-medium);background:var(--background-secondary)}.multi-file-drag-drop .file-upload-zone.error{border-color:var(--error-color);background:var(--background-error)}.multi-file-drag-drop .file-upload-zone.disabled{opacity:.6;cursor:not-allowed;background:var(--background-disabled, #f9fafb)}.multi-file-drag-drop .file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.multi-file-drag-drop .upload-icon{font-size:24px;opacity:.6}.multi-file-drag-drop .upload-text{display:flex;flex-direction:column;gap:2px}.multi-file-drag-drop .upload-main{font-size:14px;font-weight:500;color:var(--text-primary)}.multi-file-drag-drop .upload-hint{font-size:12px;color:var(--text-muted)}.multi-file-drag-drop .upload-status{font-size:11px;color:var(--text-muted);font-weight:500}.multi-file-drag-drop .files-upload-list{width:100%}.multi-file-drag-drop .files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.multi-file-drag-drop .files-count{font-size:12px;font-weight:600;color:var(--text-primary)}.multi-file-drag-drop .files-limit{font-size:11px;color:var(--text-muted)}.multi-file-drag-drop .files-list{display:flex;flex-direction:column;gap:6px;width:100%}.multi-file-drag-drop .file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:var(--background-secondary);border:1px solid var(--border-light);gap:8px}.multi-file-drag-drop .file-item.existing{background:var(--background-secondary);border-color:var(--border-light)}.multi-file-drag-drop .file-item.clickable{cursor:pointer}.multi-file-drag-drop .file-item.clickable:hover,.multi-file-drag-drop .file-item.selected{background:var(--background-hover);border-color:var(--border-medium)}.multi-file-drag-drop .file-item:hover{background:var(--background-hover)}.multi-file-drag-drop .file-name{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.multi-file-drag-drop .file-emoji{font-size:14px;flex-shrink:0}.multi-file-drag-drop .file-emoji.clickable{cursor:pointer;transition:transform .2s ease}.multi-file-drag-drop .file-emoji.clickable:hover{transform:scale(1.1)}.multi-file-drag-drop .file-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.multi-file-drag-drop .file-remove{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--text-muted);font-weight:700}.multi-file-drag-drop .file-remove:hover:not(:disabled){background:var(--error-color);color:#fff}.multi-file-drag-drop .file-remove:disabled{cursor:not-allowed;opacity:.5}.multi-file-drag-drop .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px;display:block}@media (max-width: 768px){.multi-file-drag-drop .file-upload-zone{padding:16px;min-height:80px}.multi-file-drag-drop .upload-main{font-size:13px}.multi-file-drag-drop .upload-hint{font-size:11px}.multi-file-drag-drop .file-item{padding:6px 8px}.multi-file-drag-drop .file-name{font-size:12px}.multi-file-drag-drop .files-header{flex-direction:column;align-items:flex-start;gap:2px}.multi-file-drag-drop .file-actions{gap:2px}.multi-file-drag-drop .file-remove{width:18px;height:18px;font-size:11px}}.add-property-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-property-popup .popup-container{background:var(--background-primary);border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.add-property-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-property-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-property-popup .popup-header button{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-property-popup .popup-header button:hover{background-color:var(--background-hover);color:var(--text-primary)}.add-property-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.add-property-popup .form-section{margin-bottom:30px}.add-property-popup .form-section:last-child{margin-bottom:0}.add-property-popup .section-title{font-size:13px;font-weight:500;color:var(--text-primary);margin:0 0 12px}.add-property-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.add-property-popup .form-row{display:flex;gap:5px}.add-property-popup .form-row .form-field,.add-property-popup .form-row .custom-dropdown-wrapper{flex:1}.add-property-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.add-property-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.add-property-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-property-popup button[type=submit]:disabled{cursor:not-allowed}.add-property-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-property-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.add-property-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-property-popup .popup-overlay{padding:16px}.add-property-popup .popup-container{max-width:100%}.add-property-popup .form-row{flex-direction:column;gap:16px}.add-property-popup .popup-header{padding:16px 20px 12px}.add-property-popup form{padding:20px}}.edit-property-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-property-popup .popup-container{background:var(--background-primary);border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.edit-property-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.edit-property-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.edit-property-popup .popup-header button{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-property-popup .popup-header button:hover{background-color:var(--background-hover);color:var(--text-primary)}.edit-property-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.edit-property-popup .form-section{margin-bottom:30px}.edit-property-popup .form-section:last-child{margin-bottom:0}.edit-property-popup .section-title{font-size:13px;font-weight:500;color:var(--text-primary);margin:0 0 12px}.edit-property-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.edit-property-popup .form-row{display:flex;gap:5px}.edit-property-popup .form-row .form-field,.edit-property-popup .form-row .custom-dropdown-wrapper{flex:1}.edit-property-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.edit-property-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.edit-property-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.edit-property-popup button[type=submit]:disabled{cursor:not-allowed}.edit-property-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.edit-property-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.edit-property-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.edit-property-popup .popup-overlay{padding:16px}.edit-property-popup .popup-container{max-width:100%}.edit-property-popup .form-row{flex-direction:column;gap:16px}.edit-property-popup .popup-header{padding:16px 20px 12px}.edit-property-popup form{padding:20px}}.delete-property-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-property-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-property-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-property-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-property-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-property-confirmation-popup .warning-message{margin-bottom:20px}.delete-property-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.delete-property-confirmation-popup .property-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4}.delete-property-confirmation-popup .property-type{color:var(--text-muted);font-style:italic}.delete-property-confirmation-popup .consequences-warning{margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-property-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;color:var(--error-color);margin:0 0 8px}.delete-property-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:var(--error-color);font-size:13px}.delete-property-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.delete-property-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-property-confirmation-popup .btn-cancel,.delete-property-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-property-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-property-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-property-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-property-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-property-confirmation-popup .btn-cancel,.delete-property-confirmation-popup .btn-delete{display:flex;align-items:center;justify-content:center;position:relative}.delete-property-confirmation-popup .btn-cancel:disabled,.delete-property-confirmation-popup .btn-delete:disabled{cursor:not-allowed}.delete-property-confirmation-popup .btn-delete:disabled:not(.loading){opacity:.7}.delete-property-confirmation-popup .btn-delete.loading{opacity:1}.delete-property-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.delete-property-confirmation-popup .popup-overlay{padding:16px}.delete-property-confirmation-popup .popup-container{max-width:100%}.delete-property-confirmation-popup .popup-header{padding:16px 20px 12px}.delete-property-confirmation-popup .popup-content{padding:20px}.delete-property-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.delete-property-confirmation-popup .btn-cancel,.delete-property-confirmation-popup .btn-delete{width:100%}}.header-search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;z-index:1}.header-search-input{width:360px;padding:3px 12px 3px 36px;border:none;border-radius:8px;background:var(--background-secondary);font-size:13px;font-weight:400;font-family:var(--default-font-family);color:var(--text-primary);box-sizing:border-box;height:30px}.header-search-input:focus{outline:none}.header-search-input::placeholder{color:var(--text-muted);font-weight:400}.header-search-input:disabled{background:var(--background-secondary);color:var(--text-light);cursor:not-allowed}.filter-dropdown{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:200px;max-width:300px;max-height:300px;overflow:hidden}.filter-dropdown-header{padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.filter-actions{display:flex;justify-content:flex-end;gap:8px}.filter-action-btn{padding:4px 8px;font-size:12px;color:#6b7280;background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s}.filter-action-btn:hover{background:#f3f4f6;color:#374151}.filter-options{max-height:200px;overflow-y:auto;padding:4px 0}.filter-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s;gap:8px}.filter-option:hover{background-color:#f3f4f6}.filter-checkbox{width:15px;height:15px;accent-color:#3b82f6;cursor:pointer}.filter-option-label{flex:1;font-size:12px;color:#374151}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f1f5f9}.filter-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.column-header{display:flex;align-items:center;gap:6px;text-align:left}.sort-icon-container,.filter-icon-container{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:2px;transition:background-color .2s}.sort-icon,.filter-icon{cursor:pointer;opacity:.6;transition:opacity .2s,color .2s}.sort-icon:hover,.filter-icon:hover{opacity:1}.sort-icon-active,.filter-icon-active{opacity:1!important;background-color:#3b82f61a;border-radius:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:.4rem 1rem;border-top:1px solid var(--border-light);background:var(--background-primary);position:sticky;bottom:0;z-index:10;flex-shrink:0}.pagination-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--background-primary);border:1px solid var(--border-light);border-radius:4px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--border-medium)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:3px}.page-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--background-primary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.page-number:hover{border-color:var(--border-medium)}.page-number.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.error-message-component .error-message{background:var(--background-error);border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:16px;display:flex;align-items:center;justify-content:space-between;color:var(--error-color);font-size:14px}.error-message-component .error-message p{margin:0;flex:1}.error-message-component .error-message button{background:none;border:none;color:var(--error-color);font-size:18px;font-weight:700;cursor:pointer;padding:0;margin-left:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.error-message-component .error-message button:hover{background-color:#dc26261a}.properties .error-message{background-color:var(--background-error);border:1px solid #fca5a5;color:var(--error-color);padding:12px 16px;margin:16px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.properties .error-message button{background:none;border:none;color:var(--error-color);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.properties .error-message button:hover{background-color:#fecaca;border-radius:4px}@keyframes properties-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.properties .spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:properties-spin 1s linear infinite;margin:0 auto 16px}.properties .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.properties .loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0}.properties .loading-cell{text-align:center;padding:40px 20px!important;border:none!important}.properties .table-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.properties .table-loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);margin:0}.properties .table-loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0;font-weight:500}.properties{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:#fff}.properties .properties-header{background:var(--background-primary)}.properties .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light)}.properties .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.properties .properties-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:15px}.properties .add-property-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;margin-right:16px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.properties .header-top>.add-property-btn{justify-self:end}.properties .add-property-btn:hover{background:var(--primary-hover)}.properties .add-property-btn:active{background:var(--primary-active)}.properties .add-property-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.properties .add-property-btn:disabled:hover{background:var(--border-light)}.properties .table-container{display:flex;flex-direction:column;flex:1;background:#fff;overflow:hidden}.properties .table-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;height:calc(100vh - 200px);box-sizing:border-box;scrollbar-gutter:stable}.properties .table-wrapper::-webkit-scrollbar{width:10px}.properties .table-wrapper::-webkit-scrollbar-track{background:var(--background-primary);border-radius:4px}.properties .table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;transition:background .2s ease}.properties .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.properties .table-wrapper::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}.properties .table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--background-primary)}.properties .properties-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.properties .properties-table thead{position:sticky;top:0;z-index:10;background:var(--background-hover)}.properties .properties-table th{padding:10px 12px;height:40px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative}.properties .properties-table td{padding:10px 12px;height:48px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle}.properties .properties-table tbody tr{cursor:pointer}.properties .properties-table tbody tr:hover{background:var(--background-hover);cursor:pointer}.properties .address-col{width:22%}.properties .city-col,.properties .type-col{width:14%}.properties .status-col{width:12%}.properties .units-col,.properties .occupancy-col{width:9%}.properties .property-info{display:flex;align-items:center;gap:12px;min-width:0}.properties .property-image{width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0}.properties .property-image img{width:100%;height:100%;object-fit:cover}.properties .property-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--primary-background);color:var(--primary-color);font-size:12px;font-weight:600}.properties .property-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.properties .property-address{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:6px}.properties .property-city{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.properties .type-col,.properties .units-count,.properties .occupancy-count{font-size:13px;font-weight:400;color:var(--text-secondary)}.properties .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;min-width:60px;justify-content:center}.properties .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.properties .status-occupied{background:#dcfce7;color:#166534}.properties .status-occupied:before{background:#166534}.properties .status-reserved{background:#dbeafe;color:#1e40af}.properties .status-reserved:before{background:#1e40af}.properties .status-vacant{background:var(--grey-background);color:var(--grey-color)}.properties .status-vacant:before{background:var(--grey-color)}.properties .status-maintenance{background:#fef3c7;color:#d97706}.properties .status-maintenance:before{background:#d97706}.properties .status-renovations{background:#fef2f2;color:#dc2626}.properties .status-renovations:before{background:#dc2626}.properties .occupancy-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:left;justify-content:flex-start}.properties .occupancy-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.properties .occupancy-high{background:#dcfce7;color:#166534;padding:4px 10px}.properties .occupancy-high:before{background:#166534}.properties .occupancy-medium{background:var(--background-warning);color:var(--warning-color);padding:4px 10px}.properties .occupancy-medium:before{background:var(--warning-color)}.properties .occupancy-low{background:#fef2f2;color:#dc2626;padding:4px 10px}.properties .occupancy-low:before{background:#dc2626}.properties .occupancy-setup{background:var(--background-warning);color:var(--warning-color);padding:4px 10px}.properties .occupancy-setup:before{background:var(--warning-color)}.properties .occupancy-blank{background:transparent;color:var(--text-secondary);padding:4px 10px}.properties .occupancy-blank:before{display:none}.properties .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.properties .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.properties .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.properties .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}.properties .actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px;overflow:visible;pointer-events:auto}.properties .dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;transition:background-color .15s ease;text-align:left;pointer-events:auto;z-index:100001;position:relative}.properties .dropdown-item:hover{background:var(--background-hover)}.properties .dropdown-item.edit-item:hover{background:var(--background-hover);color:var(--text-primary)}.properties .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.properties .actions-col{width:5%;text-align:right;padding-right:12px}.properties .properties-table th.actions-col{text-align:right;padding-right:12px}.properties .properties-table th.actions-col .column-header{justify-content:flex-end!important;text-align:right}.date-picker-with-blocked-dates{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.date-picker-with-blocked-dates .date-picker-label{display:flex;align-items:center;gap:.25rem;font-size:12px;font-weight:500;color:var(--text-primary);min-width:120px}.date-picker-with-blocked-dates .required-asterisk{color:var(--error-color);margin-left:.125rem}.date-picker-with-blocked-dates .date-picker-input{width:100%;padding:10px 12px;border:1px solid var(--border-light)!important;border-radius:6px!important;font-size:13px!important;background-color:var(--background-secondary)!important;color:var(--text-primary)!important;height:40px;box-sizing:border-box;transition:all .2s ease;font-family:var(--default-font-family)}.date-picker-with-blocked-dates .date-picker-input::-webkit-calendar-picker-indicator{cursor:pointer}.date-picker-with-blocked-dates .date-picker-input:hover{border-color:var(--border-medium)}.date-picker-with-blocked-dates .date-picker-input:focus{outline:none;border-color:var(--border-medium)!important}.date-picker-with-blocked-dates .date-picker-input.error{border-color:var(--error-color)!important;background:var(--background-error)!important}.date-picker-with-blocked-dates .date-picker-input.error:focus{border-color:var(--error-color)!important;box-shadow:0 0 0 2px #ef44441a!important}.date-picker-with-blocked-dates .date-picker-input.disabled{background-color:var(--background-primary)!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.6}.date-picker-with-blocked-dates .date-picker-input.disabled:hover{border-color:var(--border-light)!important}.date-picker-with-blocked-dates .date-picker-input.disabled::-webkit-calendar-picker-indicator{cursor:not-allowed!important;opacity:.4}.date-picker-with-blocked-dates .date-picker-warning{display:flex;align-items:center;gap:.5rem;font-size:12px!important;color:var(--error-color)!important;padding:.5rem .625rem;background-color:var(--background-error)!important;border-radius:6px;animation:slideIn .2s ease;line-height:1.4}.date-picker-with-blocked-dates .date-picker-warning svg{flex-shrink:0}.date-picker-with-blocked-dates .date-picker-error{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--error-color);animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-unit-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-unit-popup .popup-container{background:var(--background-primary);border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.add-unit-popup .popup-container::-webkit-scrollbar{width:6px}.add-unit-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-unit-popup .popup-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px;transition:background .2s ease}.add-unit-popup .popup-container::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.add-unit-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-unit-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-unit-popup .popup-header button{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-unit-popup .popup-header button:hover{background-color:var(--background-hover);color:var(--text-primary)}.add-unit-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.add-unit-popup .form-section{margin-bottom:12px}.add-unit-popup .form-section:last-child{margin-bottom:0}.add-unit-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.add-unit-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.add-unit-popup .form-row{display:flex;gap:10px}.add-unit-popup .form-row .form-field,.add-unit-popup .form-row .custom-dropdown-wrapper,.add-unit-popup .form-row .form-field-with-currency,.add-unit-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.add-unit-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-unit-popup .form-field-with-currency:last-child{margin-bottom:0}.add-unit-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.add-unit-popup .currency-input-container{position:relative;display:flex;align-items:center}.add-unit-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.add-unit-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.add-unit-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.add-unit-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.add-unit-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.add-unit-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-unit-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-unit-popup input[type=number]::-webkit-outer-spin-button,.add-unit-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-unit-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-unit-popup input[type=number]{scroll-behavior:auto}.add-unit-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.add-unit-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.add-unit-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.add-unit-popup .form-row .custom-dropdown,.add-unit-popup .form-row .dropdown-trigger{height:40px}.add-unit-popup .form-group{margin-bottom:16px}.add-unit-popup .form-group:last-child{margin-bottom:0}.add-unit-popup button[type=submit]{background:var(--primary-color);color:var(--background-primary);border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px;display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-unit-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.add-unit-popup button[type=submit]:disabled{cursor:not-allowed}.add-unit-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-unit-popup button[type=submit].loading{background:var(--primary-color);color:var(--background-primary);opacity:1}.add-unit-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(0,0,0,.3);border-top:1.5px solid var(--background-primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}.add-unit-popup .checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary);margin:12px 0}.add-unit-popup .checkbox-option input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary-color)}.add-unit-popup .checkbox-option span{user-select:none}.add-unit-popup .loading-text,.add-unit-popup .no-tenants-text,.add-unit-popup .no-data-text{font-size:13px;color:var(--text-muted);font-style:italic;padding:10px 12px;background:var(--background-secondary);border-radius:6px;text-align:center}@media (max-width: 768px){.add-unit-popup .popup-overlay{padding:16px}.add-unit-popup .popup-container{max-width:100%}.add-unit-popup .form-row{flex-direction:column;gap:16px}.add-unit-popup .popup-header{padding:16px 20px 12px}.add-unit-popup form{padding:20px}}.edit-unit-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-unit-popup .popup-container{background:var(--background-primary);border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.edit-unit-popup .popup-container::-webkit-scrollbar{width:6px}.edit-unit-popup .popup-container::-webkit-scrollbar-track{background:transparent}.edit-unit-popup .popup-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px;transition:background .2s ease}.edit-unit-popup .popup-container::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.edit-unit-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.edit-unit-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.edit-unit-popup .popup-header button{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-unit-popup .popup-header button:hover{background-color:var(--background-hover);color:var(--text-primary)}.edit-unit-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.edit-unit-popup .form-section{margin-bottom:12px}.edit-unit-popup .form-section:last-child{margin-bottom:0}.edit-unit-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.edit-unit-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.edit-unit-popup .form-row{display:flex;gap:10px}.edit-unit-popup .form-row .form-field,.edit-unit-popup .form-row .custom-dropdown-wrapper,.edit-unit-popup .form-row .form-field-with-currency,.edit-unit-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.edit-unit-popup .form-group{margin-bottom:16px}.edit-unit-popup .form-group:last-child{margin-bottom:0}.edit-unit-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-unit-popup .form-field-with-currency:last-child{margin-bottom:0}.edit-unit-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.edit-unit-popup .currency-input-container{position:relative;display:flex;align-items:center}.edit-unit-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.edit-unit-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.edit-unit-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.edit-unit-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.edit-unit-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.edit-unit-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-unit-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-unit-popup input[type=number]::-webkit-outer-spin-button,.edit-unit-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-unit-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-unit-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.edit-unit-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.edit-unit-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.edit-unit-popup .form-row .custom-dropdown,.edit-unit-popup .form-row .dropdown-trigger{height:40px}.edit-unit-popup button[type=submit]{background:var(--primary-color);color:var(--background-primary);border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.edit-unit-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.edit-unit-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.edit-unit-popup button[type=submit]:disabled{cursor:not-allowed}.edit-unit-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.edit-unit-popup button[type=submit].loading{background:var(--primary-color);color:var(--background-primary);opacity:1}.edit-unit-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(0,0,0,.3);border-top:1.5px solid var(--background-primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}.edit-unit-popup .checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary);margin:12px 0}.edit-unit-popup .checkbox-option input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary-color)}.edit-unit-popup .checkbox-option span{user-select:none}.edit-unit-popup .loading-text,.edit-unit-popup .no-tenants-text,.edit-unit-popup .no-data-text{font-size:13px;color:var(--text-muted);font-style:italic;padding:10px 12px;background:var(--background-secondary);border-radius:6px;text-align:center}@media (max-width: 768px){.edit-unit-popup .popup-overlay{padding:16px}.edit-unit-popup .popup-container{max-width:100%}.edit-unit-popup .form-row{flex-direction:column;gap:16px}.edit-unit-popup .popup-header{padding:16px 20px 12px}.edit-unit-popup form{padding:20px}}.property-info-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.property-info-popup .popup-container{background:var(--background-primary);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.property-info-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.property-info-popup .popup-header button{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.property-info-popup .popup-header button:hover{background:var(--background-hover);color:var(--text-primary)}.property-info-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.property-info-popup .popup-content{padding:24px 28px}.property-info-popup .form-section{margin-bottom:30px}.property-info-popup .form-section:last-child{margin-bottom:0}.property-info-popup .section-title{font-size:13px;font-weight:500;color:var(--text-primary);margin:0 0 12px}.property-info-popup .property-details{background-color:var(--background-secondary);border-radius:8px;padding:16px;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4;display:flex;flex-direction:column;gap:4px}.property-info-popup .property-detail-line{color:var(--text-primary)}.property-info-popup .property-details strong{color:var(--text-primary);font-weight:600;margin-right:6px}.property-info-popup .property-documents-list{background-color:var(--background-secondary);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.property-info-popup .property-document-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:var(--background-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light)}.property-info-popup .property-document-item:hover{background-color:var(--background-hover);border-color:var(--border-medium)}.property-info-popup .property-document-item .document-name{font-size:13px;font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.property-info-popup .property-document-item .document-size{font-size:12px;color:var(--text-muted);font-weight:400;white-space:nowrap}.property-info-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:20px 24px 24px;border-top:1px solid var(--border-light);margin-top:8px}.property-info-popup .btn-close{padding:8px 24px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-medium);min-width:100px;letter-spacing:.25px;background:var(--background-primary);color:var(--text-primary)}.property-info-popup .btn-close:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.property-info-popup .btn-close:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.property-info-popup .popup-overlay{padding:16px}.property-info-popup .popup-container{max-width:100%}.property-info-popup .popup-header{padding:16px 20px 12px}.property-info-popup .popup-content{padding:20px}.property-info-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.property-info-popup .btn-close{width:100%}}.delete-unit-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-unit-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-unit-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-unit-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-unit-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-unit-confirmation-popup .warning-message{margin-bottom:20px}.delete-unit-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.delete-unit-confirmation-popup .unit-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4}.delete-unit-confirmation-popup .unit-details strong{color:var(--text-primary);font-weight:600}.delete-unit-confirmation-popup .rent-amount{color:var(--text-muted);font-style:italic}.delete-unit-confirmation-popup .consequences-warning{margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-unit-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;color:var(--error-color);margin:0 0 8px}.delete-unit-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:var(--error-color);font-size:13px}.delete-unit-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.delete-unit-confirmation-popup .consequences-warning strong{color:var(--error-color);font-weight:600}.delete-unit-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-unit-confirmation-popup .btn-cancel,.delete-unit-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-unit-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-unit-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-unit-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-unit-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-unit-confirmation-popup .btn-cancel,.delete-unit-confirmation-popup .btn-delete{display:flex;align-items:center;justify-content:center;position:relative}.delete-unit-confirmation-popup .btn-cancel:disabled,.delete-unit-confirmation-popup .btn-delete:disabled{cursor:not-allowed}.delete-unit-confirmation-popup .btn-delete:disabled:not(.loading){opacity:.7}.delete-unit-confirmation-popup .btn-delete.loading{opacity:1}.delete-unit-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.delete-unit-confirmation-popup .popup-overlay{padding:16px}.delete-unit-confirmation-popup .popup-container{max-width:100%}.delete-unit-confirmation-popup .popup-header{padding:16px 20px 12px}.delete-unit-confirmation-popup .popup-content{padding:20px}.delete-unit-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.delete-unit-confirmation-popup .btn-cancel,.delete-unit-confirmation-popup .btn-delete{width:100%}}.unit-history-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.unit-history-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.unit-history-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light)}.unit-history-popup .popup-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.unit-history-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.unit-history-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.unit-history-popup .popup-content{padding:20px;display:flex;flex-direction:column;height:calc(100% - 60px);overflow-y:auto}.unit-history-popup .popup-container::-webkit-scrollbar{width:6px}.unit-history-popup .popup-container::-webkit-scrollbar-track{background:transparent}.unit-history-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.unit-history-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.unit-history-popup .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.unit-history-popup .loading-container p{color:var(--text-muted);margin:0;font-size:14px}.unit-history-popup .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:unit-history-spin 1s linear infinite}@keyframes unit-history-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unit-history-popup .unit-history-section,.unit-history-popup .lease-history-section{flex:1;display:flex;flex-direction:column;height:100%}.unit-history-popup .table-container{flex:1;background:#fff;border:1px solid var(--border-light);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.unit-history-popup .table-wrapper{flex:1;overflow:auto}.unit-history-popup .unit-history-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;background:#fff}.unit-history-popup .unit-history-table thead{background:var(--background-hover)}.unit-history-popup .unit-history-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.unit-history-popup .unit-history-table th:first-child{border-top-left-radius:8px}.unit-history-popup .unit-history-table th:last-child{border-top-right-radius:8px}.unit-history-popup .unit-history-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.unit-history-popup .unit-history-table tbody tr{background:#fff;cursor:pointer;transition:all .15s ease}.unit-history-popup .unit-history-table tbody tr:hover{background:var(--background-hover)}.unit-history-popup .unit-history-table .tenant-col{width:30%}.unit-history-popup .unit-history-table .start-date-col,.unit-history-popup .unit-history-table .end-date-col,.unit-history-popup .unit-history-table .rent-col,.unit-history-popup .unit-history-table .status-col{width:17.5%}.unit-history-popup .tenant-names{display:flex;flex-direction:column;gap:2px}.unit-history-popup .tenant-name{font-size:13px;font-weight:500;color:var(--text-primary)}.unit-history-popup .no-tenant{color:var(--text-muted);font-style:italic}.unit-history-popup .lease-start-date,.unit-history-popup .lease-end-date{font-size:13px;font-weight:400;color:var(--text-primary)}.unit-history-popup .lease-start-date.date-warning{color:#16a34a;font-weight:500}.unit-history-popup .lease-end-date.date-warning{color:#dc2626;font-weight:500}.unit-history-popup .rent-amount{font-size:13px;font-weight:600;color:var(--primary-color)}.unit-history-popup .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-align:center;justify-content:center;min-width:60px}.unit-history-popup .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.unit-history-popup .status-active{background:#dcfce7;color:#166534}.unit-history-popup .status-active:before{background:#166534}.unit-history-popup .status-expired{background:var(--grey-background);color:var(--grey-color)}.unit-history-popup .status-expired:before{background:var(--grey-color)}.unit-history-popup .status-terminated{background:var(--grey-background);color:var(--grey-color)}.unit-history-popup .status-terminated:before{background:var(--grey-color)}.unit-history-popup .status-pending{background:#dbeafe;color:#1e40af}.unit-history-popup .status-pending:before{background:#1e40af}.unit-history-popup .status-draft{background:#f3f4f6;color:#6b7280}.unit-history-popup .status-draft:before{background:#6b7280}.unit-history-popup .no-history-message{text-align:center;padding:40px 20px;color:var(--text-muted)}.unit-history-popup .no-history-message h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.unit-history-popup .no-history-message p{font-size:14px;margin:0}@media (max-width: 768px){.unit-history-popup .popup-overlay{padding:16px}.unit-history-popup .popup-container{max-width:100%}.unit-history-popup .popup-header{padding:16px 20px 12px}.unit-history-popup .popup-content{padding:16px}.unit-history-popup .unit-history-table{font-size:12px}.unit-history-popup .unit-history-table th,.unit-history-popup .unit-history-table td{padding:8px 12px}.unit-history-popup .unit-history-table .tenant-col{width:35%}.unit-history-popup .unit-history-table .start-date-col,.unit-history-popup .unit-history-table .end-date-col,.unit-history-popup .unit-history-table .rent-col,.unit-history-popup .unit-history-table .status-col{width:16.25%}}.add-expense-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-expense-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-expense-popup .popup-container::-webkit-scrollbar{width:6px}.add-expense-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-expense-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-expense-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-expense-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-expense-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-expense-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-expense-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.add-expense-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.add-expense-popup .form-section{margin-bottom:12px}.add-expense-popup .form-section:last-child{margin-bottom:0}.add-expense-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.add-expense-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.add-expense-popup .form-row{display:flex;gap:10px}.add-expense-popup .form-row .form-field,.add-expense-popup .form-row .custom-dropdown-wrapper,.add-expense-popup .form-row .form-field-with-currency,.add-expense-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.add-expense-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-expense-popup .form-field-with-currency:last-child{margin-bottom:0}.add-expense-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.add-expense-popup .currency-input-container{position:relative;display:flex;align-items:center}.add-expense-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.add-expense-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.add-expense-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.add-expense-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.add-expense-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.add-expense-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-expense-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-expense-popup input[type=number]::-webkit-outer-spin-button,.add-expense-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-expense-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-expense-popup input[type=number]{scroll-behavior:auto}.add-expense-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.add-expense-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.add-expense-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.add-expense-popup .form-row .custom-dropdown,.add-expense-popup .form-row .dropdown-trigger{height:40px}.add-expense-popup .form-group{margin-bottom:16px}.add-expense-popup .form-group:last-child{margin-bottom:0}.add-expense-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;min-height:40px;align-self:center;letter-spacing:.25px;display:flex;align-items:center;justify-content:center;position:relative}.add-expense-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.add-expense-popup button[type=submit]:disabled{cursor:not-allowed}.add-expense-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-expense-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.add-expense-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-expense-popup .popup-overlay{padding:16px}.add-expense-popup .popup-container{max-width:100%}.add-expense-popup .form-row{flex-direction:column;gap:16px}.add-expense-popup .popup-header{padding:16px 20px 12px}.add-expense-popup form{padding:20px}}.units-overlay{background:#fff;width:100%;min-height:100vh;overflow-x:hidden}.units-container{background:#fff;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.units{background-color:#fff;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden}.units .units-header{flex-shrink:0;background:var(--background-primary);border-bottom:1px solid var(--border-light)}.units .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light);padding:16px 24px 16px 16px}.units .header-right{display:flex;justify-content:flex-end;gap:8px}.units .header-left{display:flex;align-items:center;gap:12px}.units .back-button{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.units .back-button:hover{background:var(--background-hover);color:var(--text-primary)}.units .add-unit-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.units .add-unit-btn:hover{background:var(--primary-hover)}.units .add-unit-btn:active{background:var(--primary-active)}.units .add-unit-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.units .add-unit-btn:disabled:hover{background:var(--border-light)}.units .add-expense-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--background-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.units .add-expense-btn:hover{background:#e5e7eb;border-color:var(--border-medium)}.units .add-expense-btn:active{background:var(--background-hover)}.units .add-expense-btn:disabled{background:var(--background-secondary);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-light)}.units .add-expense-btn:disabled:hover{background:var(--background-secondary)}.units .units-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.units .property-initials{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-background);color:var(--primary-color);font-size:12px;font-weight:600;border-radius:6px;flex-shrink:0}.units .property-info-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.units .property-info-btn:hover{background:var(--background-hover);color:var(--text-primary)}.units .header-center{display:flex;align-items:center;justify-content:center;width:100%}.units .error-message{background:var(--background-error);border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.units .error-message p{color:var(--error-color);margin:0;font-size:14px}.units .error-message button{background:none;border:none;color:var(--error-color);font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.units .scrollable-content{flex:1;overflow-y:auto;overflow-x:visible;width:100%;max-width:100%;min-height:0;margin-bottom:40px}.units .chart-widgets{background:var(--background-secondary);padding:24px;margin-bottom:0}.units .table-container{display:block;background:#fff;width:100%;max-width:100%}.units .table-wrapper{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.units .units-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.units .units-table thead{position:sticky;top:0;z-index:10;background:var(--background-hover);border-top:1px solid var(--border-light)}.units .units-table th{padding:10px 12px;height:40px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative}.units .units-table td{padding:10px 12px;height:48px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.units .units-table tbody tr{position:relative;z-index:1;transition:background-color .15s ease}.units .units-table tbody tr:hover{background:var(--background-hover);z-index:1}.units .units-table tbody tr.clickable-row{cursor:pointer}.units .units-table tbody tr.clickable-row:hover{background:var(--primary-background)}.units .units-table tbody tr.clickable-row:active{background:#3b82f626}.units .unit-number,.units .rent-amount,.units .unit-type-col,.units .square-footage-col{font-size:13px;font-weight:400;color:var(--text-primary)}.units .tenant-col{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.units .tenant-names{display:flex;flex-wrap:wrap;gap:2px}.units .tenant-name{display:inline}.units .no-tenant{color:var(--text-muted);font-style:italic}.units .lease-end-date-col,.units .lease-end-date{font-size:13px;font-weight:400;color:var(--text-primary)}.units .no-lease{color:var(--text-muted);font-style:italic}.units .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;min-width:60px;justify-content:center}.units .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.units .status-vacant{background:var(--grey-background);color:var(--grey-color)}.units .status-vacant:before{background:var(--grey-color)}.units .status-occupied{background:#dcfce7;color:#166534}.units .status-occupied:before{background:#166534}.units .status-reserved{background:#dbeafe;color:#1e40af}.units .status-reserved:before{background:#1e40af}.units .status-maintenance{background:#fef3c7;color:#d97706}.units .status-maintenance:before{background:#d97706}.units .status-renovations{background:#fef2f2;color:#dc2626}.units .status-renovations:before{background:#dc2626}.units .loading-cell,.units .empty-cell{text-align:center;padding:40px 20px!important;border:none!important}.units .table-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.units .table-loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0}.units .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.units .loading-container p{color:var(--text-muted);margin:0;font-size:14px}.units .empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.units .empty-state p{color:var(--text-muted);margin:0;font-size:14px}.units .empty-state-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#fff}.units .empty-state-message p{color:var(--text-muted);margin:0;font-size:14px;text-align:center}.units .table-container .pagination{position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--background-primary);border-top:1px solid var(--border-light);box-shadow:0 -2px 8px #0000001a}.units .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.units .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.units .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.units .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}.units .actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px;overflow:visible;pointer-events:auto}.units .dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;transition:background-color .15s ease;text-align:left;pointer-events:auto;z-index:100001;position:relative}.units .dropdown-item:hover{background:var(--background-hover)}.units .dropdown-item.edit-item:hover{background:var(--background-hover);color:var(--text-primary)}.units .dropdown-item.history-item:hover{background:var(--background-hover);color:var(--primary-color)}.units .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.units .unit-number-col,.units .unit-type-col{width:15%}.units .rent-col{width:10%}.units .tenant-col{width:20%}.units .lease-end-date-col,.units .square-footage-col{width:15%}.units .status-col{width:10%}.units .actions-col{width:5%;text-align:right;padding-right:12px}.units .units-table th.actions-col{text-align:right;padding-right:12px}.units .units-table th.actions-col .column-header{justify-content:flex-end!important;text-align:right}@media (max-width: 768px){.units-overlay{width:100%;height:100vh}.units-container{width:100%;height:100%}.units{padding:0}.units .header-top{grid-template-columns:1fr;gap:12px;padding:16px}.units .header-left{justify-content:flex-start;gap:8px}.units .header-center{order:-1;margin-bottom:8px}.units .header-right{justify-content:flex-end;order:1}.units .units-table{font-size:12px}.units .units-table th,.units .units-table td{padding:12px 16px}}.add-tenant-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-tenant-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-tenant-popup .popup-container::-webkit-scrollbar{width:6px}.add-tenant-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-tenant-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-tenant-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-tenant-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-tenant-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-tenant-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-tenant-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.add-tenant-popup form{padding:18px;display:flex;flex-direction:column;gap:12px}.add-tenant-popup .form-section:last-child{margin-bottom:0}.add-tenant-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:20px 0;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.add-tenant-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.add-tenant-popup .form-row{display:flex;gap:10px}.add-tenant-popup .form-row .form-field{flex:1}.add-tenant-popup .form-group{margin-bottom:15px}.add-tenant-popup .spaced-field{margin-bottom:20px}.add-tenant-popup .checkbox-option{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer;margin-top:20px}.add-tenant-popup .checkbox-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.add-tenant-popup .loading-text,.add-tenant-popup .no-data-text{font-size:13px;color:var(--text-muted);padding:10px 12px;background:var(--background-secondary);border-radius:6px;text-align:center}.add-tenant-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.add-tenant-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.add-tenant-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-tenant-popup button[type=submit]:disabled{cursor:not-allowed}.add-tenant-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-tenant-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.add-tenant-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-tenant-popup .popup-overlay{padding:16px}.add-tenant-popup .popup-container{max-width:100%}.add-tenant-popup .form-row{flex-direction:column;gap:16px}.add-tenant-popup .popup-header{padding:16px 20px 12px}.add-tenant-popup form{padding:20px}}.edit-tenant-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-tenant-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.edit-tenant-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.edit-tenant-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.edit-tenant-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-tenant-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.edit-tenant-popup form{padding:18px;display:flex;flex-direction:column;gap:25px}.edit-tenant-popup .popup-container::-webkit-scrollbar{width:6px}.edit-tenant-popup .popup-container::-webkit-scrollbar-track{background:transparent}.edit-tenant-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.edit-tenant-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-tenant-popup .form-section{margin-bottom:0}.edit-tenant-popup .form-section:last-child{margin-bottom:0}.edit-tenant-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:20px 0;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.edit-tenant-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.edit-tenant-popup .form-row{display:flex;gap:10px}.edit-tenant-popup .form-row .form-field{flex:1}.edit-tenant-popup .spaced-field{margin-bottom:20px}.edit-tenant-popup .form-group{display:flex;flex-direction:column;gap:6px}.edit-tenant-popup .form-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.edit-tenant-popup .form-input{padding:12px 16px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;font-family:var(--default-font-family);color:var(--text-primary);background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box}.edit-tenant-popup .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.edit-tenant-popup .form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.edit-tenant-popup .form-input::placeholder{color:var(--text-muted)}.edit-tenant-popup .form-textarea{padding:12px 16px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;font-family:var(--default-font-family);color:var(--text-primary);background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box;resize:vertical;min-height:80px}.edit-tenant-popup .form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.edit-tenant-popup .form-textarea::placeholder{color:var(--text-muted)}.edit-tenant-popup .error-message{font-size:12px;color:#dc2626;margin:0;font-weight:500}.edit-tenant-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.edit-tenant-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.edit-tenant-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.edit-tenant-popup button[type=submit]:disabled{cursor:not-allowed}.edit-tenant-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.edit-tenant-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.edit-tenant-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.edit-tenant-popup .popup-overlay{padding:16px}.edit-tenant-popup .popup-container{max-width:100%}.edit-tenant-popup .form-row{flex-direction:column;gap:16px}.edit-tenant-popup .popup-header{padding:16px 20px 12px}.edit-tenant-popup form{padding:20px}}.delete-tenant-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-tenant-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-tenant-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-tenant-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-tenant-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-tenant-confirmation-popup .warning-message{margin-bottom:20px}.delete-tenant-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.delete-tenant-confirmation-popup .tenant-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4}.delete-tenant-confirmation-popup .consequences-warning{margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-tenant-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;color:var(--error-color);margin:0 0 8px}.delete-tenant-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:var(--error-color);font-size:13px}.delete-tenant-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.delete-tenant-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-tenant-confirmation-popup .btn-cancel,.delete-tenant-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-tenant-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-tenant-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-tenant-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-tenant-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-tenant-confirmation-popup .btn-cancel,.delete-tenant-confirmation-popup .btn-delete{display:flex;align-items:center;justify-content:center;position:relative}.delete-tenant-confirmation-popup .btn-cancel:disabled,.delete-tenant-confirmation-popup .btn-delete:disabled{cursor:not-allowed}.delete-tenant-confirmation-popup .btn-delete:disabled:not(.loading){opacity:.7}.delete-tenant-confirmation-popup .btn-delete.loading{opacity:1}.delete-tenant-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.delete-tenant-confirmation-popup .popup-overlay{padding:16px}.delete-tenant-confirmation-popup .popup-container{max-width:100%}.delete-tenant-confirmation-popup .popup-header{padding:16px 20px 12px}.delete-tenant-confirmation-popup .popup-content{padding:20px}.delete-tenant-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.delete-tenant-confirmation-popup .btn-cancel,.delete-tenant-confirmation-popup .btn-delete{width:100%}}.tenants .error-message{background-color:var(--background-error);border:1px solid #fca5a5;color:var(--error-color);padding:12px 16px;margin:16px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.tenants .error-message button{background:none;border:none;color:var(--error-color);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tenants .error-message button:hover{background-color:#fecaca;border-radius:4px}@keyframes tenants-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tenants .spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:tenants-spin 1s linear infinite;margin:0 auto 16px}.tenants .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.tenants .loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0}.tenants .loading-cell{text-align:center;padding:40px 20px!important;border:none!important}.tenants .table-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.tenants .table-loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);margin:0}.tenants .table-loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0;font-weight:500}.tenants{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:#fff}.tenants .tenants-header{background:var(--background-primary)}.tenants .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light)}.tenants .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.tenants .tenants-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:15px}.tenants .add-tenant-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;margin-right:16px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.tenants .header-top>.add-tenant-btn{justify-self:end}.tenants .add-tenant-btn:hover{background:var(--primary-hover)}.tenants .add-tenant-btn:active{background:var(--primary-active)}.tenants .add-tenant-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.tenants .add-tenant-btn:disabled:hover{background:var(--border-light)}.tenants .table-container{display:flex;flex-direction:column;flex:1;background:#fff;overflow:hidden}.tenants .table-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;height:calc(100vh - 200px);box-sizing:border-box;scrollbar-gutter:stable}.tenants .table-wrapper::-webkit-scrollbar{width:10px}.tenants .table-wrapper::-webkit-scrollbar-track{background:var(--background-primary);border-radius:4px}.tenants .table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;transition:background .2s ease}.tenants .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tenants .table-wrapper::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}.tenants .table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--background-primary)}.tenants .tenants-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.tenants .tenants-table thead{position:sticky;top:0;z-index:10;background:var(--background-hover)}.tenants .tenants-table th{padding:10px 12px;height:40px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative}.tenants .tenants-table td{padding:10px 12px;height:48px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle}.tenants .tenants-table tbody tr{cursor:pointer}.tenants .tenants-table tbody tr:hover{background:var(--background-hover);cursor:pointer}.tenants .name-col{width:18%}.tenants .email-col{width:16%}.tenants .phone-col,.tenants .property-col{width:12%}.tenants .unit-col{width:8%}.tenants .lease-expiry-col{width:12%}.tenants .rent-col{width:10%}.tenants .status-col{width:8%}.tenants .actions-col{width:4%}.tenants .tenant-info{display:flex;align-items:center;gap:12px;min-width:0}.tenants .tenant-avatar{width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0}.tenants .tenant-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--primary-background);color:var(--primary-color);font-size:12px;font-weight:600}.tenants .tenant-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tenants .tenant-name{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:6px}.tenants .tenant-email,.tenants .tenant-phone,.tenants .tenant-property{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenants .tenant-unit{font-size:13px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenants .lease-expiry-date{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenants .rent-amount{font-size:13px;font-weight:400;color:var(--text-secondary)}.tenants .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;min-width:60px;justify-content:center}.tenants .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.tenants .status-active{background:#dcfce7;color:#166534}.tenants .status-active:before{background:#166534}.tenants .status-inactive{background:var(--grey-background);color:var(--grey-color)}.tenants .status-inactive:before{background:var(--grey-color)}.tenants .status-pending{background:#dbeafe;color:#1e40af}.tenants .status-pending:before{background:#1e40af}.tenants .status-moved-out{background:#f3f4f6;color:#6b7280}.tenants .status-moved-out:before{background:#6b7280}.tenants .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.tenants .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.tenants .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.tenants .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}.tenants .actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px;overflow:visible;pointer-events:auto}.tenants .dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;transition:background-color .15s ease;text-align:left;pointer-events:auto;z-index:100001;position:relative}.tenants .dropdown-item:hover{background:var(--background-hover)}.tenants .dropdown-item.edit-item:hover{background:var(--background-hover);color:var(--text-primary)}.tenants .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.tenants .tenants-table th.actions-col{text-align:right;padding-right:12px}.tenants .tenants-table th.actions-col .column-header{justify-content:flex-end!important;text-align:right}.tenant-details-overlay{background:var(--background-secondary);width:100%;min-height:100vh;overflow-x:hidden}.tenant-details-container{background:var(--background-secondary);width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.tenant-details-page{background-color:var(--background-secondary);width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden}.tenant-details-page .tenant-details-header{flex-shrink:0;background:var(--background-primary)}.tenant-details-page .header-top{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 24px 16px 16px;border-bottom:1px solid var(--border-light)}.tenant-details-page .header-left{display:flex;align-items:center;gap:12px}.tenant-details-page .header-right{display:flex;justify-content:flex-end}.tenant-details-page .back-button{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tenant-details-page .back-button:hover{background:var(--background-hover);color:var(--text-primary)}.tenant-details-page .tenant-header-info{display:flex;align-items:center;gap:12px}.tenant-details-page .tenant-avatar-large{width:32px;height:32px;border-radius:6px;background:var(--primary-background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tenant-details-page .tenant-initials-large{color:var(--primary-color);font-size:12px;font-weight:600;text-transform:uppercase}.tenant-details-page .tenant-title-section{display:flex;flex-direction:column;gap:8px}.tenant-details-page .tenant-details-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.tenant-details-page .tenant-name-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tenant-details-page .edit-tenant-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea26;border:none;border-radius:6px;color:var(--primary-color);font-family:var(--default-font-family);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tenant-details-page .edit-tenant-button:hover{background:#667eea2e}.tenant-details-page .edit-tenant-button:active{background:#667eea3d}.tenant-details-page .edit-tenant-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#667eea1a;border:none;border-radius:6px;color:var(--primary-color);font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.tenant-details-page .edit-tenant-btn:hover{background:#667eea33}.tenant-details-page .edit-tenant-btn:active{background:#667eea4d}.tenant-details-page .scrollable-content{flex:1;overflow-y:auto;overflow-x:visible;width:100%;max-width:100%;min-height:0;padding:18px;background:var(--background-secondary)}.tenant-details-page .error-message{background:var(--background-error);border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.tenant-details-page .error-message p{color:var(--error-color);margin:0;font-size:14px}.tenant-details-page .tenant-info-section{background:var(--background-secondary);width:100%;max-width:100%}.tenant-details-page .contact-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;align-items:stretch;margin-bottom:24px}.tenant-details-page .contact-stats-row .info-card:nth-child(2){grid-column:span 2}.tenant-details-page .property-lease-documents-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-bottom:24px}.tenant-details-page .stacked-cards-column{display:flex;flex-direction:column;gap:24px}.tenant-details-page .documents-column{display:flex}.tenant-details-page .documents-tall-card,.tenant-details-page .documents-tall-card .card-content{flex:1;display:flex;flex-direction:column}.tenant-details-page .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;align-items:stretch}.tenant-details-page .info-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.tenant-details-page .info-card.full-width{grid-column:1 / -1}.tenant-details-page .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);background:#fff}.tenant-details-page .card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.tenant-details-page .view-lease-link{background:none;border:none;color:var(--primary-color);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.tenant-details-page .view-lease-link:hover{background:var(--background-hover)}.tenant-details-page .card-content{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column}.tenant-details-page .info-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.tenant-details-page .info-item{display:flex;flex-direction:column;gap:4px}.tenant-details-page .info-item.full-width{grid-column:1 / -1}.tenant-details-page .info-label{font-size:11px;font-weight:400;color:#6b7280}.tenant-details-page .info-value{font-size:13px;font-weight:400;color:#111827;word-break:break-word}.tenant-details-page .info-value.comments-text{white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.tenant-details-page .info-value.lease-id{font-family:Monaco,Courier New,monospace;font-size:12px;color:#6b7280}.tenant-details-page .info-value.rent-amount{color:var(--primary-color);font-weight:600;font-size:15px}.tenant-details-page .info-value.balance-amount{font-weight:500;font-size:13px}.tenant-details-page .info-value.balance-amount.balance-positive{color:#ef4444}.tenant-details-page .info-value.balance-amount.balance-negative{color:#10b981}.tenant-details-page .contact-link{color:var(--primary-color);text-decoration:none;transition:color .15s ease}.tenant-details-page .contact-link:hover{color:var(--primary-dark);text-decoration:underline}.tenant-details-page .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tenant-details-page .stat-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--background-hover);border-radius:6px;border:1px solid var(--border-light)}.tenant-details-page .stat-value{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1}.tenant-details-page .stat-value.balance-positive{color:#ef4444}.tenant-details-page .stat-value.balance-negative{color:#10b981}.tenant-details-page .stat-label{font-size:11px;color:var(--text-muted);text-align:center;font-weight:400}.tenant-details-page .payment-summary{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.tenant-details-page .recent-payments{display:flex;flex-direction:column;gap:16px}.tenant-details-page .subsection-title{font-size:12px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.tenant-details-page .payment-list{display:flex;flex-direction:column;gap:8px}.tenant-details-page .payment-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--background-hover);border:1px solid var(--border-light);border-radius:6px;transition:all .15s ease}.tenant-details-page .payment-item:hover{background:#fff}.tenant-details-page .payment-info{display:flex;flex-direction:column;gap:4px}.tenant-details-page .payment-date{font-size:13px;font-weight:500;color:var(--text-primary)}.tenant-details-page .payment-method{font-size:12px;color:var(--text-muted)}.tenant-details-page .payment-amount{font-size:14px;font-weight:600;color:#10b981}.tenant-details-page .view-all-link{align-self:flex-start;background:none;border:none;color:var(--primary-color);font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .15s ease;margin-top:8px}.tenant-details-page .view-all-link:hover{background:var(--background-hover)}.tenant-details-page .lease-history-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:0;box-shadow:0 1px 3px #0000001a;grid-column:1 / -1;overflow:hidden}.tenant-details-page .lease-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;background:#fff}.tenant-details-page .lease-history-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 0 8px}.tenant-details-page .lease-history-card .table-container,.tenant-details-page .lease-history-card .table-wrapper{padding:0;margin:0}.tenant-details-page .lease-history-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;background:#fff;overflow:hidden;border-top:1px solid var(--border-light);border-radius:0 0 8px 8px}.tenant-details-page .lease-history-table thead{background:var(--background-hover);border-top:none}.tenant-details-page .lease-history-table th{padding:10px 12px 16px;height:32px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.tenant-details-page .lease-history-table th:first-child{border-top-left-radius:8px;padding-left:16px}.tenant-details-page .lease-history-table th:last-child{border-top-right-radius:8px}.tenant-details-page .lease-history-table td{padding:12px;height:auto;min-height:44px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.tenant-details-page .lease-history-table td:first-child{padding-left:16px}.tenant-details-page .lease-history-table tbody tr{background:#fff;cursor:pointer;transition:all .15s ease}.tenant-details-page .lease-history-table tbody tr:hover{background:var(--background-hover)}.tenant-details-page .lease-history-table .property-col,.tenant-details-page .lease-history-table .unit-col{width:20%}.tenant-details-page .lease-history-table .start-date-col,.tenant-details-page .lease-history-table .end-date-col,.tenant-details-page .lease-history-table .rent-col{width:15%}.tenant-details-page .lease-history-table .status-col{width:15%;text-align:left}.tenant-details-page .lease-start-date,.tenant-details-page .lease-end-date{font-size:13px;font-weight:400;color:var(--text-primary)}.tenant-details-page .lease-start-date.date-warning{color:#16a34a}.tenant-details-page .lease-end-date.date-warning{color:#dc2626}.tenant-details-page .documents-grid{display:flex;flex-direction:column;gap:12px;flex:1}.tenant-details-page .document-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-hover);border-radius:6px;border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.tenant-details-page .document-card:hover{background:var(--background-secondary)}.tenant-details-page .document-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.tenant-details-page .document-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.tenant-details-page .document-name{font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-word}.tenant-details-page .document-meta{font-size:12px;font-weight:400;color:var(--text-muted)}.tenant-details-page .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;justify-content:center;min-width:60px}.tenant-details-page .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.tenant-details-page .status-active{background:#dcfce7;color:#166534}.tenant-details-page .status-active:before{background:#166534}.tenant-details-page .status-inactive{background:var(--grey-background);color:var(--grey-color)}.tenant-details-page .status-inactive:before{background:var(--grey-color)}.tenant-details-page .status-pending{background:#dbeafe;color:#1e40af}.tenant-details-page .status-pending:before{background:#1e40af}.tenant-details-page .status-moved-out{background:#fef2f2;color:#dc2626}.tenant-details-page .status-moved-out:before{background:#dc2626}.tenant-details-page .status-expired{background:var(--grey-background);color:var(--grey-color)}.tenant-details-page .status-expired:before{background:var(--grey-color)}.tenant-details-page .status-terminated{background:var(--grey-background);color:var(--grey-color)}.tenant-details-page .status-terminated:before{background:var(--grey-color)}.tenant-details-page .status-draft{background:#f3f4f6;color:#6b7280}.tenant-details-page .status-draft:before{background:#6b7280}.tenant-details-page .no-data,.tenant-details-page .no-documents{color:var(--text-muted);font-size:14px;text-align:center;padding:20px}.tenant-details-page .loading-container,.tenant-details-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.tenant-details-page .loading-container p,.tenant-details-page .error-container p{color:var(--text-muted);margin:0;font-size:14px}.tenant-details-page .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:tenant-details-spin 1s linear infinite}@keyframes tenant-details-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tenant-details-page .error-container button{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}.tenant-details-page .error-container button:hover{background:var(--primary-dark)}@media (max-width: 768px){.tenant-details-overlay{width:100%;height:100vh}.tenant-details-container{width:100%;height:100%}.tenant-details{padding:0}.tenant-details .header-top,.tenant-details .scrollable-content{padding:16px}.tenant-details-page .info-grid{grid-template-columns:1fr;gap:16px}.tenant-details .card-header{padding:16px 20px 12px;flex-direction:column;align-items:flex-start;gap:12px}.tenant-details .card-content{padding:16px 20px 20px}.tenant-details .info-grid-layout{grid-template-columns:1fr;gap:12px 16px}.tenant-details-page .stats-grid{grid-template-columns:1fr;gap:16px}.tenant-details-page .document-card{padding:12px}.tenant-details-page .tenant-details-title{font-size:20px}.tenant-details-page .tenant-avatar-large{width:32px;height:32px}.tenant-details-page .tenant-initials-large,.tenant-details-page .lease-history-table{font-size:12px}.tenant-details-page .lease-history-table th,.tenant-details-page .lease-history-table td{padding:8px 6px}.tenant-details-page .lease-history-table th:first-child,.tenant-details-page .lease-history-table td:first-child{padding-left:12px}.tenant-details-page .lease-history-table .property-col{width:25%}.tenant-details-page .lease-history-table .unit-col{width:12%}.tenant-details-page .lease-history-table .start-date-col,.tenant-details-page .lease-history-table .end-date-col{width:16%}.tenant-details-page .lease-history-table .rent-col{width:15%}.tenant-details-page .lease-history-table .status-col{width:16%}.tenant-details-page .lease-history-header{padding:16px 10px}.tenant-details-page .lease-history-header h3{margin:0 0 0 6px}}.add-lease-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-lease-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-lease-popup .popup-container::-webkit-scrollbar{width:6px}.add-lease-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-lease-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-lease-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-lease-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-lease-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-lease-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-lease-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.add-lease-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.add-lease-popup .form-section{margin-bottom:12px}.add-lease-popup .form-section:last-child{margin-bottom:0}.add-lease-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.add-lease-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.add-lease-popup .form-row{display:flex;gap:10px}.add-lease-popup .form-row .form-field,.add-lease-popup .form-row .custom-dropdown-wrapper,.add-lease-popup .form-row .form-field-with-currency,.add-lease-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.add-lease-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-lease-popup .form-field-with-currency:last-child{margin-bottom:0}.add-lease-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.add-lease-popup .currency-input-container{position:relative;display:flex;align-items:center}.add-lease-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.add-lease-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.add-lease-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.add-lease-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.add-lease-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.add-lease-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-lease-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-lease-popup input[type=number]::-webkit-outer-spin-button,.add-lease-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-lease-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-lease-popup input[type=number]{scroll-behavior:auto}.add-lease-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.add-lease-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.add-lease-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.add-lease-popup .form-row .custom-dropdown,.add-lease-popup .form-row .dropdown-trigger{height:40px}.add-lease-popup .form-group{margin-bottom:16px}.add-lease-popup .form-group:last-child{margin-bottom:0}.add-lease-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.add-lease-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.add-lease-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-lease-popup button[type=submit]:disabled{cursor:not-allowed}.add-lease-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-lease-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.add-lease-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}.add-lease-popup .checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary);margin:8px 0}.add-lease-popup .checkbox-option input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary-color)}.add-lease-popup .checkbox-option span{user-select:none}.add-lease-popup .checkbox-description{margin:4px 0 0 24px;font-size:12px;color:#6b7280;line-height:1.4}.add-lease-popup .loading-text,.add-lease-popup .no-tenants-text,.add-lease-popup .no-data-text{font-size:13px;color:var(--text-muted);font-style:italic;padding:10px 12px;background:var(--background-secondary);border-radius:6px;text-align:center;margin-top:8px;width:100%;box-sizing:border-box}@media (max-width: 768px){.add-lease-popup .popup-overlay{padding:16px}.add-lease-popup .popup-container{max-width:100%}.add-lease-popup .form-row{flex-direction:column;gap:16px}.add-lease-popup .popup-header{padding:16px 20px 12px}.add-lease-popup form{padding:20px}}.edit-lease-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-lease-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.edit-lease-popup .popup-container::-webkit-scrollbar{width:6px}.edit-lease-popup .popup-container::-webkit-scrollbar-track{background:transparent}.edit-lease-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.edit-lease-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-lease-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 8px}.edit-lease-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.edit-lease-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-lease-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.edit-lease-popup form{padding:12px 18px 18px;display:flex;flex-direction:column;gap:5px}.edit-lease-popup .form-section{margin-bottom:12px}.edit-lease-popup .form-section:last-child{margin-bottom:0}.edit-lease-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.edit-lease-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.edit-lease-popup .form-row{display:flex;gap:10px}.edit-lease-popup .form-row .form-field,.edit-lease-popup .form-row .custom-dropdown-wrapper,.edit-lease-popup .form-row .form-field-with-currency,.edit-lease-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.edit-lease-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-lease-popup .form-field-with-currency:last-child{margin-bottom:0}.edit-lease-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.edit-lease-popup .currency-input-container{position:relative;display:flex;align-items:center}.edit-lease-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.edit-lease-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.edit-lease-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.edit-lease-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.edit-lease-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.edit-lease-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-lease-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-lease-popup input[type=number]::-webkit-outer-spin-button,.edit-lease-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-lease-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-lease-popup input[type=number]{scroll-behavior:auto}.edit-lease-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.edit-lease-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.edit-lease-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.edit-lease-popup .form-row .custom-dropdown,.edit-lease-popup .form-row .dropdown-trigger{height:40px}.edit-lease-popup .form-group{margin-bottom:16px}.edit-lease-popup .form-group:last-child{margin-bottom:0}.edit-lease-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:auto;align-self:center;letter-spacing:.25px}.edit-lease-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.edit-lease-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.edit-lease-popup button[type=submit]:disabled{cursor:not-allowed}.edit-lease-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.edit-lease-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.edit-lease-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}.edit-lease-popup .checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary);margin:12px 0 0}.edit-lease-popup .checkbox-option input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary-color)}.edit-lease-popup .checkbox-option span{user-select:none}.edit-lease-popup .checkbox-description{margin:4px 0 0 24px;font-size:12px;color:#6b7280;line-height:1.4}.edit-lease-popup .existing-document{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px}.edit-lease-popup .document-info{display:flex;align-items:center;gap:8px;flex:1}.edit-lease-popup .document-emoji{font-size:14px}.edit-lease-popup .document-name{font-size:13px;color:var(--text-primary);font-weight:400}.edit-lease-popup .document-actions{display:flex;gap:8px}.edit-lease-popup .view-document-btn{padding:6px 12px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-size:12px;font-weight:400;transition:background-color .2s ease}.edit-lease-popup .view-document-btn:hover{background:var(--primary-hover)}.edit-lease-popup .remove-document-btn{padding:6px 8px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease;min-width:32px;display:flex;align-items:center;justify-content:center}.edit-lease-popup .remove-document-btn:hover{background:#dc2626}.edit-lease-popup .removing-document{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--background-secondary);border-radius:8px;margin-bottom:12px}.edit-lease-popup .cancel-remove-btn{padding:6px 12px;background:var(--secondary-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.edit-lease-popup .cancel-remove-btn:hover{background:var(--background-secondary)}.edit-lease-popup .loading-text,.edit-lease-popup .no-tenants-text,.edit-lease-popup .no-data-text{font-size:13px;color:var(--text-muted);font-style:italic;padding:10px 12px;background:var(--background-secondary);border-radius:6px;text-align:center;margin-top:8px;width:100%;box-sizing:border-box}@media (max-width: 768px){.edit-lease-popup .popup-overlay{padding:16px}.edit-lease-popup .popup-container{max-width:100%}.edit-lease-popup .form-row{flex-direction:column;gap:16px}.edit-lease-popup .popup-header{padding:16px 20px 12px}.edit-lease-popup form{padding:20px}}.delete-lease-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-lease-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-lease-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-lease-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-lease-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-lease-confirmation-popup .warning-message{margin-bottom:20px}.delete-lease-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.delete-lease-confirmation-popup .lease-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary)}.delete-lease-confirmation-popup .lease-info{line-height:1.5}.delete-lease-confirmation-popup .lease-dates{margin-bottom:5px}.delete-lease-confirmation-popup .lease-property,.delete-lease-confirmation-popup .lease-unit{margin-bottom:4px}.delete-lease-confirmation-popup .lease-tenant{margin-top:12px}.delete-lease-confirmation-popup .consequences-warning{margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-lease-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;color:var(--error-color);margin:0 0 8px}.delete-lease-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:var(--error-color);font-size:13px}.delete-lease-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.delete-lease-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-lease-confirmation-popup .btn-cancel,.delete-lease-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-lease-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-lease-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-lease-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-lease-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-lease-confirmation-popup .btn-cancel,.delete-lease-confirmation-popup .btn-delete{display:flex;align-items:center;justify-content:center;position:relative}.delete-lease-confirmation-popup .btn-cancel:disabled,.delete-lease-confirmation-popup .btn-delete:disabled{cursor:not-allowed}.delete-lease-confirmation-popup .btn-delete:disabled:not(.loading){opacity:.7}.delete-lease-confirmation-popup .btn-delete.loading{opacity:1}.delete-lease-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.delete-lease-confirmation-popup .popup-overlay{padding:16px}.delete-lease-confirmation-popup .popup-container{max-width:100%}.delete-lease-confirmation-popup .popup-header{padding:16px 20px 12px}.delete-lease-confirmation-popup .popup-content{padding:20px}.delete-lease-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.delete-lease-confirmation-popup .btn-cancel,.delete-lease-confirmation-popup .btn-delete{width:100%}}.terminate-lease-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.terminate-lease-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.terminate-lease-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.terminate-lease-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:#ea580c}.terminate-lease-confirmation-popup .popup-content{padding:18px 18px 10px}.terminate-lease-confirmation-popup .warning-message{margin-bottom:20px}.terminate-lease-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.terminate-lease-confirmation-popup .lease-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary)}.terminate-lease-confirmation-popup .lease-info{line-height:1.5}.terminate-lease-confirmation-popup .lease-dates{margin-bottom:5px}.terminate-lease-confirmation-popup .termination-form{margin-bottom:20px}.terminate-lease-confirmation-popup .form-field{margin-bottom:18px}.terminate-lease-confirmation-popup .form-field:last-of-type{margin-bottom:0}.terminate-lease-confirmation-popup .form-field-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-primary)}.terminate-lease-confirmation-popup .required-asterisk{color:var(--error-color);margin-left:2px}.terminate-lease-confirmation-popup .form-field-input,.terminate-lease-confirmation-popup .form-field-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.terminate-lease-confirmation-popup .form-field-textarea{resize:vertical;min-height:80px}.terminate-lease-confirmation-popup .form-field-input:focus,.terminate-lease-confirmation-popup .form-field-textarea:focus{outline:none;border-color:var(--primary-color)}.terminate-lease-confirmation-popup .form-field-input.error,.terminate-lease-confirmation-popup .form-field-textarea.error{border-color:var(--error-color)}.terminate-lease-confirmation-popup .form-field-error{display:block;margin-top:4px;font-size:12px;color:var(--error-color)}.terminate-lease-confirmation-popup .consequences-warning{margin-top:20px;background-color:#fb923c1a;border-radius:8px;padding:12px}.terminate-lease-confirmation-popup .consequences-warning p{font-size:13px;font-weight:500;color:#ea580c;margin:0 0 8px}.terminate-lease-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:#ea580c;font-size:13px}.terminate-lease-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.terminate-lease-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px;margin-top:20px}.terminate-lease-confirmation-popup .btn-cancel,.terminate-lease-confirmation-popup .btn-terminate{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.terminate-lease-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.terminate-lease-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.terminate-lease-confirmation-popup .btn-terminate{background:#ea580c;color:#fff}.terminate-lease-confirmation-popup .btn-terminate:hover:not(:disabled){background:#c2410c}.terminate-lease-confirmation-popup .btn-cancel,.terminate-lease-confirmation-popup .btn-terminate{display:flex;align-items:center;justify-content:center;position:relative}.terminate-lease-confirmation-popup .btn-cancel:disabled,.terminate-lease-confirmation-popup .btn-terminate:disabled{cursor:not-allowed}.terminate-lease-confirmation-popup .btn-terminate:disabled:not(.loading){opacity:.7}.terminate-lease-confirmation-popup .btn-terminate.loading{opacity:1}.terminate-lease-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.terminate-lease-confirmation-popup .popup-overlay{padding:16px}.terminate-lease-confirmation-popup .popup-container{max-width:100%}.terminate-lease-confirmation-popup .popup-header{padding:16px 20px 12px}.terminate-lease-confirmation-popup .popup-content{padding:20px}.terminate-lease-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.terminate-lease-confirmation-popup .btn-cancel,.terminate-lease-confirmation-popup .btn-terminate{width:100%}}.leases .error-message{background-color:var(--background-error);border:1px solid #fca5a5;color:var(--error-color);padding:12px 16px;margin:16px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.leases .error-message button{background:none;border:none;color:var(--error-color);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.leases .error-message button:hover{background-color:#fecaca;border-radius:4px}@keyframes leases-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leases .spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:leases-spin 1s linear infinite;margin:0 auto 16px}.leases .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.leases .loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0}.leases .loading-cell{text-align:center;padding:40px 20px!important;border:none!important}.leases .table-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.leases .table-loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);margin:0}.leases .table-loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0;font-weight:500}.leases{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:#fff}.leases .leases-header{background:var(--background-primary)}.leases .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light)}.leases .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.leases .leases-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:15px}.leases .add-lease-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;margin-right:16px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.leases .header-top>.add-lease-btn{justify-self:end}.leases .add-lease-btn:hover{background:var(--primary-hover)}.leases .add-lease-btn:active{background:var(--primary-active)}.leases .add-lease-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.leases .add-lease-btn:disabled:hover{background:var(--border-light)}.leases .table-container{display:flex;flex-direction:column;flex:1;background:#fff;overflow:hidden}.leases .table-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;height:calc(100vh - 200px);box-sizing:border-box;scrollbar-gutter:stable}.leases .table-wrapper::-webkit-scrollbar{width:10px}.leases .table-wrapper::-webkit-scrollbar-track{background:var(--background-primary);border-radius:4px}.leases .table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;transition:background .2s ease}.leases .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.leases .table-wrapper::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}.leases .table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--background-primary)}.leases .leases-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.leases .leases-table thead{position:sticky;top:0;z-index:10;background:var(--background-hover)}.leases .leases-table th{padding:10px 12px;height:40px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative}.leases .leases-table td{padding:10px 12px;height:48px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle}.leases .leases-table tbody tr{cursor:pointer}.leases .leases-table tbody tr:hover{background:var(--background-hover);cursor:pointer}.leases .lease-row{cursor:pointer;transition:background-color .2s ease}.leases .lease-row:hover{background:var(--background-hover);cursor:pointer}.leases .property-col{width:18%}.leases .unit-col{width:12%}.leases .tenant-col{width:20%}.leases .start-date-col,.leases .end-date-col,.leases .balance-col{width:12%}.leases .status-col{width:8%}.leases .actions-col{width:6%}.leases .balance-amount{font-size:13px;font-weight:400;color:var(--text-secondary)}.leases .balance-amount.positive{color:var(--error-color, #ef4444)}.leases .tenant-name,.leases .lease-property{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leases .lease-unit{font-size:13px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leases .lease-start-date,.leases .lease-end-date{font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leases .lease-start-date.date-warning{color:#16a34a}.leases .lease-end-date.date-warning{color:#dc2626}.leases .rent-amount{font-size:13px;font-weight:400;color:var(--text-secondary)}.leases .lease-type-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;min-width:60px;justify-content:center;background:var(--background-secondary);color:var(--text-primary)}.leases .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;min-width:60px;justify-content:center}.leases .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.leases .status-active{background:#dcfce7;color:#166534}.leases .status-active:before{background:#166534}.leases .status-expired{background:var(--grey-background);color:var(--grey-color)}.leases .status-expired:before{background:var(--grey-color)}.leases .status-terminated{background:var(--grey-background);color:var(--grey-color)}.leases .status-terminated:before{background:var(--grey-color)}.leases .status-pending{background:#dbeafe;color:#1e40af}.leases .status-pending:before{background:#1e40af}.leases .status-draft{background:#f3f4f6;color:#6b7280}.leases .status-draft:before{background:#6b7280}.leases .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.leases .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.leases .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.leases .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}.leases .actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px;overflow:visible;pointer-events:auto}.leases .dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;transition:background-color .15s ease;text-align:left;pointer-events:auto;z-index:100001;position:relative}.leases .dropdown-item:hover{background:var(--background-hover)}.leases .dropdown-item.edit-item:hover{background:var(--background-hover);color:var(--text-primary)}.leases .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.leases .leases-table th.actions-col{text-align:right;padding-right:12px}.leases .leases-table th.actions-col .column-header{justify-content:flex-end!important;text-align:right}.add-charge-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-charge-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-charge-popup .popup-container::-webkit-scrollbar{width:6px}.add-charge-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-charge-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-charge-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-charge-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.add-charge-popup .popup-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.add-charge-popup .popup-header button{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.add-charge-popup .popup-header button:hover{background:#f1f5f9;color:#334155}.add-charge-popup form{padding:0 24px 24px}.add-charge-popup .form-section{margin-bottom:24px}.add-charge-popup .form-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.add-charge-popup .form-row:last-child{margin-bottom:0}.add-charge-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-charge-popup .form-field-with-currency:last-child{margin-bottom:0}.add-charge-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.add-charge-popup .required-asterisk{color:var(--error-color)}.add-charge-popup .currency-input-container{position:relative;display:flex;align-items:center}.add-charge-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:1}.add-charge-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--background-secondary);transition:border-color .2s ease}.add-charge-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.add-charge-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.add-charge-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.add-charge-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.add-charge-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.add-charge-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-charge-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-charge-popup .currency-input-container .form-field-input[type=number]:focus{-moz-appearance:textfield;appearance:textfield}.add-charge-popup button[type=submit]{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:24px auto 0}.add-charge-popup button[type=submit]:hover:not(:disabled){background:#dc2626}.add-charge-popup button[type=submit]:active:not(:disabled){background:#b91c1c}.add-charge-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-charge-popup button[type=submit]:disabled{cursor:not-allowed}.add-charge-popup button[type=submit]:disabled:not(.loading){background:#94a3b8}.add-charge-popup button[type=submit].loading{background:#ef4444;color:#fff;opacity:1}.add-charge-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-charge-popup .popup-overlay{padding:10px}.add-charge-popup .popup-container{max-width:100%;max-height:95vh}.add-charge-popup .form-row{gap:12px}.add-charge-popup .popup-header{padding:20px 20px 0;margin-bottom:20px}.add-charge-popup form{padding:0 20px 20px}}.add-payment-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-payment-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-payment-popup .popup-container::-webkit-scrollbar{width:6px}.add-payment-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-payment-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-payment-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-payment-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.add-payment-popup .popup-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.add-payment-popup .popup-header button{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.add-payment-popup .popup-header button:hover{background:#f1f5f9;color:#334155}.add-payment-popup form{padding:0 24px 24px}.add-payment-popup .form-section{margin-bottom:24px}.add-payment-popup .form-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.add-payment-popup .form-row:last-child{margin-bottom:0}.add-payment-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-payment-popup .form-field-with-currency:last-child{margin-bottom:0}.add-payment-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.add-payment-popup .required-asterisk{color:var(--error-color)}.add-payment-popup .currency-input-container{position:relative;display:flex;align-items:center}.add-payment-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:1}.add-payment-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--background-secondary);transition:border-color .2s ease}.add-payment-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.add-payment-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.add-payment-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.add-payment-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.add-payment-popup .checkbox-field{display:flex;flex-direction:column;gap:6px}.add-payment-popup .checkbox-label{display:flex;align-items:center;cursor:pointer;user-select:none;padding:10px 0}.add-payment-popup .checkbox-label.disabled{cursor:not-allowed;opacity:.5}.add-payment-popup .checkbox-input{width:18px;height:18px;margin:0 10px 0 0;cursor:pointer;accent-color:#1E72D1}.add-payment-popup .checkbox-input:disabled{cursor:not-allowed;opacity:.5}.add-payment-popup .checkbox-text{font-size:13px;font-weight:500;color:var(--text-primary)}.add-payment-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.add-payment-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-payment-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-payment-popup .currency-input-container .form-field-input[type=number]:focus{-moz-appearance:textfield;appearance:textfield}.add-payment-popup button[type=submit]{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:24px auto 0}.add-payment-popup button[type=submit]:hover:not(:disabled){background:#059669}.add-payment-popup button[type=submit]:active:not(:disabled){background:#047857}.add-payment-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.add-payment-popup button[type=submit]:disabled{cursor:not-allowed}.add-payment-popup button[type=submit]:disabled:not(.loading){background:#94a3b8}.add-payment-popup button[type=submit].loading{background:#10b981;color:#fff;opacity:1}.add-payment-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-payment-popup .popup-overlay{padding:10px}.add-payment-popup .popup-container{max-width:100%;max-height:95vh}.add-payment-popup .form-row{gap:12px}.add-payment-popup .popup-header{padding:20px 20px 0;margin-bottom:20px}.add-payment-popup form{padding:0 20px 20px}}.edit-charge-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-charge-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.edit-charge-popup .popup-container::-webkit-scrollbar{width:6px}.edit-charge-popup .popup-container::-webkit-scrollbar-track{background:transparent}.edit-charge-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.edit-charge-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-charge-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.edit-charge-popup .popup-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.edit-charge-popup .popup-header button{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.edit-charge-popup .popup-header button:hover{background:#f1f5f9;color:#334155}.edit-charge-popup form{padding:0 24px 24px}.edit-charge-popup .form-section{margin-bottom:24px}.edit-charge-popup .form-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.edit-charge-popup .form-row:last-child{margin-bottom:0}.edit-charge-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-charge-popup .form-field-with-currency:last-child{margin-bottom:0}.edit-charge-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.edit-charge-popup .required-asterisk{color:var(--error-color)}.edit-charge-popup .currency-input-container{position:relative;display:flex;align-items:center}.edit-charge-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:1}.edit-charge-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--background-secondary);transition:border-color .2s ease}.edit-charge-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.edit-charge-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.edit-charge-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.edit-charge-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.edit-charge-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.edit-charge-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-charge-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-charge-popup .currency-input-container .form-field-input[type=number]:focus{-moz-appearance:textfield;appearance:textfield}.edit-charge-popup button[type=submit]{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:24px auto 0}.edit-charge-popup button[type=submit]:hover:not(:disabled){background:#dc2626}.edit-charge-popup button[type=submit]:active:not(:disabled){background:#b91c1c}.edit-charge-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.edit-charge-popup button[type=submit]:disabled{cursor:not-allowed}.edit-charge-popup button[type=submit]:disabled:not(.loading){background:#94a3b8}.edit-charge-popup button[type=submit].loading{background:#ef4444;color:#fff;opacity:1}.edit-charge-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.edit-charge-popup .popup-overlay{padding:10px}.edit-charge-popup .popup-container{max-width:100%;max-height:95vh}.edit-charge-popup .form-row{gap:12px}.edit-charge-popup .popup-header{padding:20px 20px 0;margin-bottom:20px}.edit-charge-popup form{padding:0 20px 20px}}.edit-payment-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-payment-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.edit-payment-popup .popup-container::-webkit-scrollbar{width:6px}.edit-payment-popup .popup-container::-webkit-scrollbar-track{background:transparent}.edit-payment-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.edit-payment-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-payment-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.edit-payment-popup .popup-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.edit-payment-popup .popup-header button{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.edit-payment-popup .popup-header button:hover{background:#f1f5f9;color:#334155}.edit-payment-popup form{padding:0 24px 24px}.edit-payment-popup .form-section{margin-bottom:24px}.edit-payment-popup .form-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.edit-payment-popup .form-row:last-child{margin-bottom:0}.edit-payment-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-payment-popup .form-field-with-currency:last-child{margin-bottom:0}.edit-payment-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.edit-payment-popup .required-asterisk{color:var(--error-color)}.edit-payment-popup .currency-input-container{position:relative;display:flex;align-items:center}.edit-payment-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:1}.edit-payment-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--background-secondary);transition:border-color .2s ease}.edit-payment-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.edit-payment-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.edit-payment-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.edit-payment-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.edit-payment-popup .checkbox-field{display:flex;flex-direction:column;gap:6px}.edit-payment-popup .checkbox-label{display:flex;align-items:center;cursor:pointer;user-select:none;padding:10px 0}.edit-payment-popup .checkbox-label.disabled{cursor:not-allowed;opacity:.5}.edit-payment-popup .checkbox-help-text{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.edit-payment-popup .checkbox-input:disabled+.checkbox-text{opacity:.5;cursor:not-allowed}.edit-payment-popup .checkbox-input{width:18px;height:18px;margin:0 10px 0 0;cursor:pointer;accent-color:#1E72D1}.edit-payment-popup .checkbox-input:disabled{cursor:not-allowed;opacity:.5}.edit-payment-popup .checkbox-text{font-size:13px;font-weight:500;color:var(--text-primary)}.edit-payment-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.edit-payment-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-payment-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-payment-popup .currency-input-container .form-field-input[type=number]:focus{-moz-appearance:textfield;appearance:textfield}.edit-payment-popup button[type=submit]{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:24px auto 0}.edit-payment-popup button[type=submit]:hover:not(:disabled){background:#059669}.edit-payment-popup button[type=submit]:active:not(:disabled){background:#047857}.edit-payment-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.edit-payment-popup button[type=submit]:disabled{cursor:not-allowed}.edit-payment-popup button[type=submit]:disabled:not(.loading){background:#94a3b8}.edit-payment-popup button[type=submit].loading{background:#10b981;color:#fff;opacity:1}.edit-payment-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.edit-payment-popup .popup-overlay{padding:10px}.edit-payment-popup .popup-container{max-width:100%;max-height:95vh}.edit-payment-popup .form-row{gap:12px}.edit-payment-popup .popup-header{padding:20px 20px 0;margin-bottom:20px}.edit-payment-popup form{padding:0 20px 20px}}.delete-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 12px}.delete-confirmation-popup .item-description{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;color:var(--text-primary);line-height:1.4;word-break:break-word}.delete-confirmation-popup .consequences-warning{margin-top:16px;margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-confirmation-popup .consequences-warning p,.delete-confirmation-popup .consequences-warning strong{color:var(--error-color)}.delete-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;margin:0 0 8px}.delete-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:var(--error-color);font-size:13px}.delete-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.delete-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-confirmation-popup .btn-cancel,.delete-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-confirmation-popup .btn-cancel:disabled,.delete-confirmation-popup .btn-delete:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.delete-confirmation-popup .popup-overlay{padding:16px}.delete-confirmation-popup .popup-container{max-width:100%}.delete-confirmation-popup .popup-header{padding:16px 20px 12px}.delete-confirmation-popup .popup-content{padding:20px}.delete-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.delete-confirmation-popup .btn-cancel,.delete-confirmation-popup .btn-delete{width:100%}}.renew-lease-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.renew-lease-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.renew-lease-popup .popup-container::-webkit-scrollbar{width:6px}.renew-lease-popup .popup-container::-webkit-scrollbar-track{background:transparent}.renew-lease-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.renew-lease-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.renew-lease-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.renew-lease-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.renew-lease-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.renew-lease-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.renew-lease-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.renew-lease-popup .form-section{margin-bottom:12px}.renew-lease-popup .form-section:last-child{margin-bottom:0}.renew-lease-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.renew-lease-popup .form-row{display:flex;gap:10px}.renew-lease-popup .form-row .form-field,.renew-lease-popup .form-row .custom-dropdown-wrapper,.renew-lease-popup .form-row .form-field-with-currency,.renew-lease-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.renew-lease-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.renew-lease-popup .form-field-with-currency:last-child{margin-bottom:0}.renew-lease-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.renew-lease-popup .currency-input-container{position:relative;display:flex;align-items:center}.renew-lease-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.renew-lease-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.renew-lease-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.renew-lease-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.renew-lease-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.renew-lease-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.renew-lease-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.renew-lease-popup input[type=number]::-webkit-outer-spin-button,.renew-lease-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.renew-lease-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.renew-lease-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.renew-lease-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.renew-lease-popup .required-asterisk{color:var(--error-color);font-weight:600;margin-left:2px}.renew-lease-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.renew-lease-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.renew-lease-popup button[type=submit]{display:flex;align-items:center;justify-content:center;position:relative;min-height:40px}.renew-lease-popup button[type=submit]:disabled{cursor:not-allowed}.renew-lease-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.renew-lease-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.renew-lease-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.renew-lease-popup .popup-overlay{padding:16px}.renew-lease-popup .popup-container{max-width:100%}.renew-lease-popup .form-row{flex-direction:column;gap:16px}.renew-lease-popup .popup-header{padding:16px 20px 12px}.renew-lease-popup form{padding:20px}}.renewal-alert{background:#dbeafe;border:1px solid #93C5FD;border-radius:6px;padding:.625rem .875rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.renewal-alert-icon{display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.renewal-alert-icon svg{width:18px;height:18px}.renewal-alert-text{flex:1;font-size:.8125rem;color:#1e40af;line-height:1.3}.renewal-alert-button{background:transparent;color:#3b82f6;border:none;padding:0;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:underline;flex-shrink:0;white-space:nowrap}.renewal-alert-button:hover{color:#2563eb;text-decoration:underline}.renewal-alert-button:active{color:#1d4ed8}.lease-details-overlay{background:var(--background-secondary);width:100%;min-height:100vh;overflow-x:hidden}.lease-details-container{background:var(--background-secondary);width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.lease-details{background-color:var(--background-secondary);width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden}.lease-details .lease-details-header{flex-shrink:0;background:var(--background-primary)}.lease-details .header-top{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 24px 16px 16px;border-bottom:1px solid var(--border-light)}.lease-details .header-left{display:flex;align-items:center;gap:12px}.lease-details .header-right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.lease-details .edit-lease-btn{display:flex;align-items:center;justify-content:center;padding:7px 10px;background:#667eea26;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;transition:all .15s ease;flex-shrink:0}.lease-details .edit-lease-btn:hover{background:#667eea2e}.lease-details .edit-lease-btn:active{background:#667eea3d}.lease-details .back-button{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.lease-details .back-button:hover{background:var(--background-hover);color:var(--text-primary)}.lease-details .lease-details-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lease-details .lease-details-title .status-tag{margin-left:4px}.lease-details .title-separator{color:var(--text-secondary);font-weight:400;font-size:18px;position:relative;top:-2px}.lease-details .property-address{color:var(--text-secondary);font-weight:400}.lease-details .add-charge-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#ef44441a;border:none;border-radius:6px;color:#dc2626;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.lease-details .add-charge-btn:hover{background:#ef444433}.lease-details .add-charge-btn:active{background:#ef44444d}.lease-details .add-charge-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.lease-details .add-charge-btn:disabled:hover{background:var(--border-light)}.lease-details .add-payment-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#10b98126;border:none;border-radius:6px;color:#059669;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.lease-details .add-payment-btn:hover{background:#10b98140}.lease-details .add-payment-btn:active{background:#10b9814d}.lease-details .add-payment-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.lease-details .add-payment-btn:disabled:hover{background:var(--border-light)}.lease-details .scrollable-content{flex:1;overflow-y:auto;overflow-x:visible;width:100%;max-width:100%;min-height:0;padding:18px;background:var(--background-secondary)}.lease-details .error-message{background:var(--background-error);border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.lease-details .error-message p{color:var(--error-color);margin:0;font-size:14px}.lease-details .lease-info-section{background:var(--background-secondary);width:100%;max-width:100%}.lease-details .info-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;width:100%;align-items:stretch}.lease-details .left-column-section{display:flex;flex-direction:column;gap:24px}.lease-details .balance-chart-column{display:flex;flex-direction:column;height:100%}.lease-details .full-width-section{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.lease-details .info-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.lease-details .info-card.full-width{grid-column:1 / -1}.lease-details .balance-card{grid-column:1 / -1;background:#f8fafc;border:1px solid var(--primary-color)}.lease-details .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);background:#fff}.lease-details .card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.lease-details .card-content{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column}.lease-details .info-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.lease-details .info-item{display:flex;flex-direction:column;gap:4px}.lease-details .info-item.full-width{grid-column:1 / -1}.lease-details .info-label{font-size:11px;font-weight:400;color:#6b7280}.lease-details .info-value{font-size:13px;font-weight:400;color:#111827;word-break:break-word}.lease-details .info-value.comments-text{white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.lease-details .info-value.charges-amount{color:#ef4444}.lease-details .info-value.payments-amount{color:#10b981}.lease-details .info-item.balance-total{grid-column:1 / -1;border-top:1px solid #e5e7eb;padding-top:16px;margin-top:8px}.lease-details .info-value.total-amount.positive{color:#ef4444}.lease-details .info-value.total-amount.negative{color:#10b981}.lease-details .documents-grid{display:flex;flex-direction:column;gap:12px;flex:1}.lease-details .document-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-hover);border-radius:6px;border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.lease-details .document-card:hover{background:var(--background-secondary)}.lease-details .document-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.lease-details .document-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.lease-details .document-name{font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-word}.lease-details .document-meta{font-size:12px;font-weight:400;color:var(--text-muted)}.lease-details .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-align:left;justify-content:flex-start;min-width:0;width:fit-content}.lease-details .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.lease-details .status-active{background:#dcfce7;color:#166534}.lease-details .status-active:before{background:#166534}.lease-details .status-pending{background:#dbeafe;color:#1e40af}.lease-details .status-pending:before{background:#1e40af}.lease-details .status-expired{background:var(--grey-background);color:var(--grey-color)}.lease-details .status-expired:before{background:var(--grey-color)}.lease-details .status-terminated{background:var(--grey-background);color:var(--grey-color)}.lease-details .status-terminated:before{background:var(--grey-color)}.lease-details .status-due{background:#fef3c7;color:#d97706}.lease-details .status-due:before{background:#d97706}.lease-details .status-draft{background:#f3f4f6;color:#6b7280}.lease-details .status-draft:before{background:#6b7280}.lease-details .status-paid{background:#dcfce7;color:#166534}.lease-details .status-paid:before{background:#166534}.lease-details .status-partial{background:#fef3c7;color:#d97706}.lease-details .status-partial:before{background:#d97706}.lease-details .status-due{background:#dbeafe;color:#1e40af}.lease-details .status-due:before{background:#1e40af}.lease-details .status-overdue{background:#fef2f2;color:#dc2626}.lease-details .status-overdue:before{background:#dc2626}.lease-details .tenants-container{display:flex;flex-direction:column;gap:20px}.lease-details .tenant-section{display:flex;flex-direction:column;gap:8px}.lease-details .tenant-name-link{cursor:pointer;color:var(--primary-color);transition:color .15s ease,text-decoration .15s ease;text-decoration:underline;text-decoration-color:transparent}.lease-details .tenant-name-link:hover{color:var(--primary-hover);text-decoration-color:var(--primary-hover)}.lease-details .tenant-name-link:active{color:var(--primary-active)}.lease-details .no-tenants{color:var(--text-muted);font-style:italic;text-align:center;padding:20px}.lease-details .no-documents{color:var(--text-muted);font-size:14px;text-align:center;padding:20px}.lease-details .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.lease-details .loading-container p{color:var(--text-muted);margin:0;font-size:14px}.lease-details .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.lease-details-overlay{width:100%;height:100vh}.lease-details-container{width:100%;height:100%}.lease-details{padding:0}.lease-details .header-top,.lease-details .scrollable-content{padding:16px}.lease-details .info-grid{grid-template-columns:1fr;gap:16px}.lease-details .card-header{padding:16px 20px 12px;flex-direction:column;align-items:flex-start;gap:12px}.lease-details .card-content{padding:16px 20px 20px}.lease-details .info-grid-layout{grid-template-columns:1fr;gap:12px 16px}.lease-details .left-column-section{gap:16px}.lease-details .full-width-section{grid-template-columns:1fr;gap:16px}.lease-details .document-card{padding:12px}}.lease-details .empty-state{padding:40px 20px;text-align:center;color:var(--text-muted)}.lease-details .empty-state p{margin:0;font-size:14px}.lease-details .account-ledger-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:0;box-shadow:0 1px 3px #0000001a;grid-column:1 / -1;overflow:hidden}.lease-details .ledger-header{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;background:#fff}.lease-details .ledger-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 0 8px}.lease-details .account-ledger-card .card-header{display:flex;justify-content:space-between;align-items:center;background:#fff}.lease-details .account-ledger-card .card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.lease-details .account-ledger-card .item-count{font-size:14px;color:var(--text-muted);background:var(--background-hover);padding:4px 8px;border-radius:4px}.lease-details .account-ledger-card .table-container,.lease-details .account-ledger-card .table-wrapper{padding:0;margin:0}.lease-details .account-ledger-card .error-message{margin:20px;padding:12px 16px;background:var(--background-error);border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);font-size:14px}.lease-details .account-ledger-card .empty-state{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.lease-details .ledger-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;background:#fff;overflow:hidden;border-top:1px solid var(--border-light);border-radius:0 0 8px 8px}.lease-details .ledger-table thead{background:var(--background-hover);border-top:none}.lease-details .ledger-table th{padding:10px 12px 16px;height:32px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.lease-details .ledger-table th:first-child{border-top-left-radius:8px}.lease-details .ledger-table th:last-child{border-top-right-radius:8px}.lease-details .ledger-table td{padding:10px 12px;height:auto;min-height:32px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.lease-details .ledger-table tbody tr{background:#fff}.lease-details .ledger-row-charge{background:#ef444403}.lease-details .ledger-row-payment{background:#10b98103}.lease-details .ledger-table .date-added-col{width:10%;white-space:nowrap;padding-left:16px}.lease-details .ledger-table th.date-added-col{padding-left:16px}.lease-details .ledger-table td.date-added-col{font-size:13px;padding-left:16px}.lease-details .ledger-table .description-col{width:25%}.lease-details .ledger-table .amount-col,.lease-details .ledger-table .outstanding-col{width:11%;text-align:left}.lease-details .ledger-table .due-date-col{width:11%}.lease-details .ledger-table .received-date-col{width:10%;white-space:nowrap}.lease-details .ledger-table .status-col{width:8%;text-align:left}.lease-details .ledger-table .actions-col{width:8%;text-align:center}.lease-details .ledger-table th.actions-col{text-align:center;padding-left:30px}.lease-details .ledger-table .amount-col.amount-charge{color:#ef4444;font-weight:500;font-size:13px}.lease-details .ledger-table .amount-col.amount-payment{color:#10b981;font-weight:500;font-size:13px}.lease-details .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.lease-details .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.lease-details .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.lease-details .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}@media (max-width: 768px){.lease-details .ledger-table{font-size:12px}.lease-details .ledger-table th,.lease-details .ledger-table td{padding:8px 6px}.lease-details .ledger-table .due-date-col{width:12%}.lease-details .ledger-table .received-date-col{width:10%;font-size:11px}.lease-details .ledger-table .date-added-col{width:11%;font-size:11px}.lease-details .ledger-table .description-col{width:18%}.lease-details .ledger-table .amount-col,.lease-details .ledger-table .outstanding-col{width:12%}.lease-details .ledger-table .status-col{width:10%}.lease-details .ledger-table .actions-col{width:6%}.lease-details .account-ledger-card .card-header{padding:16px;flex-direction:column;align-items:flex-start;gap:8px}.lease-details .account-ledger-card .error-message{margin:16px;padding:10px 12px;font-size:13px}.lease-details .account-ledger-card .empty-state{padding:30px 16px;font-size:13px}.lease-details .charge-details,.lease-details .payment-details{font-size:11px}.lease-details .notes{max-width:150px}}@media (max-width: 768px){.lease-details .action-buttons{flex-direction:column;gap:4px}.lease-details .edit-button,.lease-details .delete-button{padding:4px;width:24px;height:24px;border:none}}.lease-actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:999999;min-width:120px;overflow:visible;pointer-events:auto}.lease-dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background-color .2s ease;border-radius:4px}.lease-dropdown-item:hover{background:var(--background-hover)}.lease-dropdown-item.edit-item:hover{background:var(--background-hover);color:var(--text-primary)}.lease-dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.date-range-dropdown{position:relative;display:inline-block}.date-range-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background:var(--background-primary);color:var(--text-primary);font-size:13px;font-family:var(--default-font-family);font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:180px}.date-range-trigger:hover{background:var(--background-hover);border-color:var(--border-medium)}.date-range-value{flex:1;text-align:left}.date-range-arrow{transition:transform .2s ease;flex-shrink:0}.date-range-arrow.open{transform:rotate(180deg)}.date-range-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:200px;overflow:hidden}.date-range-option{padding:10px 16px;font-size:13px;font-family:var(--default-font-family);color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.date-range-option:hover{background:var(--background-hover)}.date-range-option.selected{background:var(--primary-background);color:var(--primary-color);font-weight:500}.occupancy-chart-popup{position:fixed;inset:0;z-index:1000}.occupancy-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.occupancy-popup-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.occupancy-popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px}.occupancy-popup-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.occupancy-popup-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.occupancy-popup-close:hover{background:#f3f4f6;color:#111827}.occupancy-popup-content{padding:12px 28px 28px;overflow-y:auto;flex:1}.occupancy-chart-wrapper{height:400px;position:relative;padding-bottom:10px}@media (max-width: 768px){.occupancy-popup-container{max-width:100%;max-height:95vh}.occupancy-popup-header{padding:20px}.occupancy-popup-header h2{font-size:18px}.occupancy-popup-content{padding:20px}.occupancy-chart-wrapper{height:300px}}.collection-chart-popup{position:fixed;inset:0;z-index:1000}.collection-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.collection-popup-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.collection-popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px}.collection-popup-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.collection-popup-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.collection-popup-close:hover{background:#f3f4f6;color:#111827}.collection-popup-content{padding:12px 28px 28px;overflow-y:auto;flex:1}.collection-chart-wrapper{height:400px;position:relative}@media (max-width: 768px){.collection-popup-container{max-width:100%;max-height:95vh}.collection-popup-header{padding:20px}.collection-popup-header h2{font-size:18px}.collection-popup-content{padding:20px}.collection-chart-wrapper{height:300px}}.finances-container{padding:0;max-width:100%;width:100%;height:100%;display:flex;flex-direction:column;background:var(--background-secondary);overflow-x:hidden;box-sizing:border-box}.finances-container .finances-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.finances-container .finances-loading p{color:var(--text-muted);margin:0;font-size:14px}.finances-container .spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.finances-container .finances-header{background:var(--background-primary);flex-shrink:0}.finances-container .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light)}.finances-container .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.finances-container .header-right{display:flex;align-items:center;gap:12px;justify-self:end;margin-right:16px}.property-filter-dropdown{position:relative;display:inline-block}.property-filter-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-primary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--text-primary);min-width:150px}.property-filter-trigger:hover{border-color:var(--border-medium);background:var(--background-hover)}.property-filter-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-filter-arrow{transition:transform .2s ease;flex-shrink:0}.property-filter-arrow.open{transform:rotate(180deg)}.property-filter-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--background-primary);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:300px;max-height:300px;overflow-y:auto;z-index:1000;margin-top:4px}.property-filter-option{padding:10px 12px;cursor:pointer;transition:background-color .2s ease;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.property-filter-option:last-child{border-bottom:none}.property-filter-option:hover{background:var(--background-hover)}.property-filter-option.selected{background:#3b82f61a;color:var(--primary-color);font-weight:500}.finances-container .finances-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:15px}.finances-container .finances-metrics-chart-wrapper{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;padding:24px 24px 0;align-items:stretch;max-width:100%;box-sizing:border-box}.finances-container .finances-metrics{display:flex;flex-direction:column;gap:24px;padding:0;height:100%}.finances-container .finances-metrics .finances-doughnut-card{flex:1;min-height:0}.finances-container .finances-metric-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;min-width:0;max-width:100%;box-sizing:border-box}.finances-container .finances-metric-card:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000001f}.finances-container .finances-metric-label{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.15px;display:flex;flex-direction:column;gap:2px}.finances-container .finances-metric-period{font-size:10px;font-weight:400;color:var(--text-muted);opacity:.7;font-style:italic}.finances-container .finances-metric-subtitle{font-size:10px;font-weight:400;color:var(--text-muted);opacity:.7;font-style:italic;margin-top:2px}.finances-container .finances-metric-value{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2;margin-top:6px;word-wrap:break-word;overflow-wrap:break-word}.finances-container .finances-metric-value.expected{color:var(--text-primary)}.finances-container .finances-metric-value.collected{color:#10b981}.finances-container .finances-metric-value.rate{color:var(--text-primary)}.finances-container .finances-metric-value.outstanding{color:#ef4444}.finances-container .finances-metric-value.deposits{color:#f59e0b}.finances-container .finances-metric-value.revenue{color:#10b981}.finances-container .finances-metric-sublabel{font-size:10px;font-weight:400;color:var(--text-muted);letter-spacing:.1px;margin-top:2px;font-style:italic}.finances-container .finances-doughnut-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.finances-container .finances-doughnut-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.finances-container .finances-chart-icon-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.6}.finances-container .finances-chart-icon-btn:hover{background:#f3f4f6;opacity:1}.finances-container .finances-doughnut-container{display:flex;justify-content:center;align-items:center;padding:10px 0;width:100%;flex:1}.finances-container .finances-doughnut-chart{position:relative;width:180px;height:180px;display:flex;justify-content:center;align-items:center}.finances-container .finances-doughnut-svg{width:100%;height:100%}.finances-container .finances-doughnut-background{stroke:#e5e7eb;stroke-width:10}.finances-container .finances-doughnut-progress{stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .5s ease-in-out;animation:financesDrawProgress 1s ease-out forwards}@keyframes financesDrawProgress{0%{stroke-dashoffset:408.4}}.finances-container .finances-doughnut-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.finances-container .finances-doughnut-percentage{font-size:20px;font-weight:600;color:#111827;line-height:1;margin:0}.finances-container .finances-doughnut-change{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:600}.finances-container .finances-doughnut-change.positive{color:#10b981}.finances-container .finances-doughnut-change.negative{color:#ef4444}.finances-container .doughnut-change-arrow{font-size:10px;font-weight:600}.finances-container .doughnut-change-value{font-size:11px;font-weight:600}.finances-container .finances-deposits-widget-chart{display:flex;flex-direction:column}.finances-container .finances-deposits-chart-content{display:flex;align-items:center;justify-content:center;flex:1;padding:60px 20px}.finances-container .finances-deposits-inline-chart{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.finances-container .finances-deposit-inline-item{display:inline-flex;align-items:baseline;gap:8px}.finances-container .finances-deposit-inline-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.finances-container .finances-deposit-inline-value{font-size:24px;font-weight:600;line-height:1.2}.finances-container .finances-deposit-inline-value.collected{color:#10b981}.finances-container .finances-deposit-inline-value.outstanding{color:#ef4444}.finances-container .finances-deposit-divider-inline{font-size:20px;color:var(--border-medium);font-weight:300}.finances-container .finances-income-expenses-section{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;padding:24px 24px 0;align-items:stretch;max-width:100%;box-sizing:border-box}.finances-container .finances-expenses-metrics{display:flex;flex-direction:column;gap:24px}.finances-container .finances-expenses-metrics .finances-metric-value{font-size:20px;margin-top:0;margin-bottom:0}.finances-container .finances-expenses-metrics .finances-income-value-wrapper{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:12px;margin-bottom:25px}.finances-container .finances-expenses-metrics .finances-income-change{margin-top:0;margin-left:0}.finances-container .finances-expenses-metrics .finances-doughnut-container{margin-top:18px}.finances-container .finances-metrics .finances-income-value-wrapper{margin-top:12px}.finances-container .finances-mini-chart-container{margin-top:24px;height:170px;width:100%;overflow:hidden;position:relative;padding-bottom:0}.finances-container .finances-mini-chart-container canvas{max-height:170px;position:absolute;bottom:0;left:0;right:0}.finances-container .finances-charts-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px 24px 0;align-items:stretch;max-width:100%;box-sizing:border-box}.finances-container .finances-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-width:0;max-width:100%;max-height:650px;overflow:hidden;box-sizing:border-box}.finances-container .finances-chart-wrapper{display:flex;flex-direction:column;gap:24px}.finances-container .finances-mini-metrics{display:flex;gap:24px}.finances-container .finances-mini-metric{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:4px;flex:1;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.finances-container .finances-mini-metric:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000001f}.finances-container .finances-mini-metric .finances-metric-label{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.15px}.finances-container .finances-mini-metric .finances-metric-value{font-size:22px;font-weight:600;color:var(--text-primary);line-height:1.2;margin-top:6px}.finances-container .finances-mini-metric .finances-metric-value.revenue{color:#3b82f6}.finances-container .finances-mini-metric-disclaimer{font-size:10px;font-weight:400;color:var(--text-muted);letter-spacing:.1px;margin-top:4px;font-style:italic}.finances-container .finances-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;font-style:italic}.finances-container .finances-chart-total{font-size:20px;font-weight:600;color:var(--primary-color)}.finances-container .finances-chart-section{padding:0;height:100%;max-height:650px;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}.finances-container .finances-income-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:20px;max-width:100%}.finances-container .finances-income-card{padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;overflow:hidden}.finances-container .finances-income-card .finances-metric-label{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.15px}.finances-container .finances-income-value-wrapper{display:flex;align-items:center;gap:12px}.finances-container .finances-income-card .finances-metric-value{font-size:20px;font-weight:600;color:var(--text-primary)}.finances-container .finances-income-change{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;margin-top:6px;margin-left:6px}.finances-container .finances-income-change.positive{color:#10b981;background-color:#10b9811a}.finances-container .finances-income-change.negative{color:#ef4444;background-color:#ef44441a}.finances-container .income-change-arrow{font-size:12px;font-weight:600}.finances-container .income-change-value{font-size:13px;font-weight:600}.finances-container .finances-chart-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;height:100%;max-height:650px;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}.finances-container .finances-chart-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.finances-container .finances-chart-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.finances-container .finances-chart-header>div{display:flex;flex-direction:column;gap:4px}.finances-container .finances-chart-period{font-size:11px;font-weight:400;color:var(--text-muted);opacity:.7;font-style:italic}.finances-container .finances-chart-header-right{display:flex;align-items:center;gap:0px}.finances-container .finances-chart-subtitle{font-size:18px;font-weight:600;padding:4px 12px;border-radius:6px}.finances-container .finances-leakage-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.finances-container .finances-leakage-change.positive{color:#10b981;background-color:#10b9811a}.finances-container .finances-leakage-change.negative{color:#ef4444;background-color:#ef44441a}.finances-container .leakage-change-arrow{font-size:12px;font-weight:600}.finances-container .leakage-change-value{font-size:13px;font-weight:600}.finances-container .finances-chart-container{flex:1;min-height:400px;max-height:500px;position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden}.finances-container .finances-chart-container.finances-income-expenses-chart{min-height:400px;max-height:500px}.finances-container .finances-chart-container.finances-revenue-chart,.finances-container .finances-chart-container.finances-expense-pie-chart{min-height:350px;max-height:400px}.finances-container .finances-chart-container.finances-expense-pie-chart>div{max-width:450px;width:100%;height:350px;margin:0 auto}.finances-container .finances-table-section{padding:24px;flex:1;overflow-x:auto;max-width:100%;box-sizing:border-box}.finances-container .finances-table-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.finances-container .finances-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;background:#fff}.finances-container .finances-table-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 0 8px}.finances-container .finances-table-count{font-size:13px;font-weight:500;color:var(--text-muted);padding:4px 8px}.finances-container .finances-table-wrapper{padding:0;margin:0}.finances-container .finances-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;background:#fff;overflow:hidden;border-top:1px solid var(--border-light);border-radius:0 0 8px 8px}.finances-container .finances-table thead{background:var(--background-hover);border-top:none}.finances-container .finances-table th{padding:10px 12px 16px;height:32px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.finances-container .finances-table th:first-child{border-top-left-radius:8px;padding-left:16px}.finances-container .finances-table th:last-child{border-top-right-radius:8px}.finances-container .finances-column-header{display:flex;align-items:center;gap:6px}.finances-container .finances-sort-icon-container{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:2px;transition:background-color .2s;width:16px;height:16px;flex-shrink:0}.finances-container .finances-sort-icon{cursor:pointer;opacity:.6;transition:opacity .2s,color .2s}.finances-container .finances-sort-icon:hover{opacity:1}.finances-container .finances-sort-icon-active{opacity:1!important;background-color:#3b82f61a;border-radius:2px}.finances-container .finances-table td{padding:16px 12px;height:auto;min-height:40px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:top;color:var(--text-primary)}.finances-container .finances-table td:first-child{padding-left:16px}.finances-container .finances-table tbody tr:last-child td{padding-bottom:20px}.finances-container .finances-table-row{cursor:pointer;transition:background-color .2s ease;background:#fff}.finances-container .finances-table-row:hover{background:var(--background-hover)}.finances-container .finances-tenant-name,.finances-container .finances-balance,.finances-container .finances-days-overdue{font-weight:400;color:var(--text-primary)}.finances-container .finances-days-overdue.overdue-severe{color:#ef4444;font-weight:500}.finances-container .finances-empty-state{padding:60px 20px;text-align:center}.finances-container .finances-empty-state p{color:var(--text-muted);font-size:14px;margin:0}@media (max-width: 1200px){.finances-container .finances-metrics{grid-template-columns:repeat(2,1fr)}.finances-container .finances-expenses-metrics .finances-income-value-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.finances-container .finances-expenses-metrics .finances-income-change{margin-top:0;margin-left:0}}@media (max-width: 768px){.finances-container .header-top{grid-template-columns:1fr;gap:12px;padding:16px}.finances-container .finances-title{font-size:18px;margin:0}.finances-container .header-center{width:100%;justify-self:stretch}.finances-container .header-right{justify-self:stretch;margin-right:0;margin-top:8px}.finances-container .header-right .date-range-dropdown,.finances-container .header-right .date-range-trigger{width:100%}.finances-container .finances-metrics-chart-wrapper{grid-template-columns:1fr;padding:16px}.finances-container .finances-metrics{gap:12px}.finances-container .finances-chart-section{padding:0;margin-bottom:12px}.finances-container .finances-income-metrics{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.finances-container .finances-income-card{padding:16px;gap:8px}.finances-container .finances-income-card .finances-metric-value{font-size:20px}.finances-container .finances-income-value-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.finances-container .finances-metric-card{padding:16px}.finances-container .finances-metric-value{font-size:28px}.finances-container .finances-doughnut-chart{width:120px;height:120px}.finances-container .finances-doughnut-percentage{font-size:20px}.finances-container .finances-doughnut-change{font-size:11px}.finances-container .doughnut-change-value{font-size:10px}.finances-container .finances-deposits-chart-content{padding:40px 16px}.finances-container .finances-deposits-inline-chart{gap:16px}.finances-container .finances-deposit-inline-value{font-size:20px}.finances-container .finances-deposit-inline-label{font-size:12px}.finances-container .finances-deposit-divider-inline{font-size:18px}.finances-container .finances-income-expenses-section{grid-template-columns:1fr;padding:16px}.finances-container .finances-expenses-metrics{gap:12px}.finances-container .finances-expenses-metrics .finances-metric-value{font-size:18px}.finances-container .finances-expenses-metrics .finances-income-value-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.finances-container .finances-charts-section{grid-template-columns:1fr;padding:16px 16px 0}.finances-container .finances-card{padding:20px}.finances-container .finances-chart-container{min-height:280px}.finances-container .finances-chart-total{font-size:18px}.finances-container .finances-chart-section{padding:16px 16px 0}.finances-container .finances-chart-card{padding:20px}.finances-container .finances-chart-container{height:280px}.finances-container .finances-table-section,.finances-container .finances-table-header{padding:16px}.finances-container .finances-table-header h3{margin:0}.finances-container .finances-table{font-size:12px}.finances-container .finances-table th,.finances-container .finances-table td{padding:8px 6px}.finances-container .finances-table th:first-child,.finances-container .finances-table td:first-child{padding-left:12px}.finances-container .finances-table th{font-size:11px}}.calendar-event{margin:0;border-radius:3px;cursor:pointer;font-size:11px;line-height:1.2;min-height:18px;transition:opacity .15s ease;overflow:hidden;width:100%;box-sizing:border-box;background-color:#fff}.calendar-event-background{border-left:3px solid #4285f4;border-radius:3px;padding:3px 4px;width:100%;height:100%}.calendar-event:hover{opacity:.8}.calendar-event .calendar-event-time{font-weight:500;color:#1a73e8;font-size:11px;margin-bottom:1px}.calendar-event .calendar-event-title{color:#202124;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block}.calendar-event-overflow{padding:2px 4px;margin:0;border-radius:3px;background-color:#8080801a;cursor:pointer;font-size:11px;font-weight:500;color:#5f6368;line-height:1.2;min-height:18px;transition:background-color .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box}.calendar-event-overflow:hover{background-color:#80808026}.calendar-event-popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.calendar-event-popup{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:320px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.calendar-event-popup .calendar-event-popup-header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 20px 8px}.calendar-event-popup .calendar-event-popup-header-content{flex:1}.calendar-event-popup .calendar-event-popup-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.calendar-event-popup .calendar-event-popup-subtitle-container{margin:4px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.calendar-event-popup .calendar-event-popup-subtitle-main{font-size:12px;font-weight:500;color:#ff9800;padding:0;display:inline-block}.calendar-event-popup .calendar-event-popup-dot{color:#ea4335;font-size:16px;margin-right:4px}.calendar-event-popup .calendar-event-popup-subtitle-date{font-size:14px;font-weight:600;color:#000;padding:4px 0;display:inline-block;height:24px;line-height:18px;display:flex;align-items:center}.calendar-event-popup .calendar-event-popup-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.calendar-event-popup .calendar-event-popup-close:hover{background-color:var(--background-hover)}.calendar-event-popup .calendar-event-popup-content{padding:8px 20px 20px;overflow-y:auto;flex:1}.calendar-event-popup .calendar-event-popup-item{margin-bottom:8px}.calendar-event-popup .calendar-event-popup-item:last-child{margin-bottom:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-container-small{padding:10px}.spinner-small{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-medium{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-large{width:48px;height:48px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin:12px 0 0;color:var(--text-secondary);font-size:14px}.calendar-page{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:#fff;width:100%}.calendar-page .calendar-header{background:var(--background-primary);width:100%}.calendar-page .calendar-header-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:1px solid var(--border-light);width:100%}.calendar-page .calendar-header-center{display:flex;align-items:center;gap:12px;justify-self:center}.calendar-page .calendar-title-section{display:flex;align-items:center}.calendar-page .calendar-page-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:var(--text-primary);margin:15px}.calendar-page .calendar-page-title svg{flex-shrink:0;opacity:.9}.calendar-page .calendar-month-year-text{display:flex;align-items:center;gap:4px}.calendar-page .calendar-year{font-weight:400;color:var(--text-secondary)}.calendar-page .calendar-nav-buttons{display:flex;align-items:center;gap:8px;margin-right:16px}.calendar-page .calendar-today-btn{display:flex;align-items:center;justify-content:center;height:26px;padding:0 12px;background:var(--background-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:var(--default-font-family);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-right:4px}.calendar-page .calendar-today-btn:hover{background:var(--background-hover);border-color:var(--border-medium)}.calendar-page .calendar-today-btn:active{background:var(--background-active);border-color:var(--primary-color);color:var(--primary-color)}.calendar-page .calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:26px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);cursor:pointer;transition:all .15s ease}.calendar-page .calendar-nav-btn:hover{background:var(--primary-hover)}.calendar-page .calendar-nav-btn:active{background:var(--primary-active)}.calendar-page .calendar-nav-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.calendar-page .calendar-nav-btn:disabled:hover{background:var(--border-light)}.calendar-page .calendar-container{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden;width:100%}.calendar-page .calendar-grid{display:flex;flex-direction:column;height:100%;width:100%}.calendar-page .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--background-hover);border-bottom:1px solid var(--border-light);min-height:30px;height:30px;flex-shrink:0}.calendar-page .calendar-weekday{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--border-light)}.calendar-page .calendar-weekday:last-child{border-right:none}.calendar-page .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,1fr);flex:1;background:#fff;overflow:hidden}.calendar-page .calendar-day{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:8px;background:#fff;position:relative;cursor:pointer;transition:background-color .15s ease;gap:8px;overflow:hidden;min-width:0}.calendar-page .calendar-day-events{display:flex;flex-direction:column;gap:4px;width:100%;overflow:visible;min-width:0;padding-bottom:2px}.calendar-page .calendar-day:last-child{border-right:none}.calendar-page .calendar-day-number{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1}.calendar-page .calendar-day.other-month{background:#fff}.calendar-page .calendar-day.other-month .calendar-day-number{color:var(--text-light)}.calendar-page .calendar-day.today{background:var(--primary-background)}.calendar-page .calendar-day.today .calendar-day-number{color:var(--primary-color);font-weight:700}.calendar-page .calendar-day.selected{background:var(--background-active)}.calendar-page .calendar-day.selected .calendar-day-number{color:var(--primary-color);font-weight:600}.calendar-loading{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.calendar-month-year-clickable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.calendar-month-year-clickable:hover,.calendar-month-year-clickable:hover *{color:var(--primary-color)}.calendar-month-year-clickable *{pointer-events:none}.calendar-month-year-clickable svg{transition:transform .2s ease}.calendar-month-year-clickable svg.rotated{transform:rotate(180deg)}.calendar-title-section{position:relative}.calendar-month-year-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:16px;z-index:1000;min-width:280px;display:flex;gap:16px}.calendar-month-year-dropdown .dropdown-month-select,.calendar-month-year-dropdown .dropdown-year-select{flex:1;margin-bottom:0}.calendar-month-year-dropdown .custom-dropdown-wrapper{margin-bottom:0}.calendar-month-year-dropdown .dropdown-menu{max-height:200px;overflow-y:auto}.calendar-month-year-dropdown .custom-dropdown{z-index:auto}.calendar-month-year-dropdown{overflow:visible!important}.edit-expense-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-expense-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.edit-expense-popup .popup-container::-webkit-scrollbar{width:6px}.edit-expense-popup .popup-container::-webkit-scrollbar-track{background:transparent}.edit-expense-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.edit-expense-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-expense-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.edit-expense-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.edit-expense-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-expense-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.edit-expense-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.edit-expense-popup .form-section{margin-bottom:12px}.edit-expense-popup .form-section:last-child{margin-bottom:0}.edit-expense-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.edit-expense-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.edit-expense-popup .form-row{display:flex;gap:10px}.edit-expense-popup .form-row .form-field,.edit-expense-popup .form-row .custom-dropdown-wrapper,.edit-expense-popup .form-row .form-field-with-currency,.edit-expense-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.edit-expense-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-expense-popup .form-field-with-currency:last-child{margin-bottom:0}.edit-expense-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.edit-expense-popup .currency-input-container{position:relative;display:flex;align-items:center}.edit-expense-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.edit-expense-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.edit-expense-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.edit-expense-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.edit-expense-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.edit-expense-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-expense-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-expense-popup input[type=number]::-webkit-outer-spin-button,.edit-expense-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-expense-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-expense-popup input[type=number]{scroll-behavior:auto}.edit-expense-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.edit-expense-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.edit-expense-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.edit-expense-popup .form-row .custom-dropdown,.edit-expense-popup .form-row .dropdown-trigger{height:40px}.edit-expense-popup .form-group{margin-bottom:16px}.edit-expense-popup .form-group:last-child{margin-bottom:0}.edit-expense-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;align-self:center;letter-spacing:.25px}.edit-expense-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.edit-expense-popup button[type=submit]{position:relative;min-height:40px;display:flex;align-items:center;justify-content:center}.edit-expense-popup button[type=submit]:disabled{cursor:not-allowed}.edit-expense-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.edit-expense-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.edit-expense-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.edit-expense-popup .popup-overlay{padding:16px}.edit-expense-popup .popup-container{max-width:100%}.edit-expense-popup .form-row{flex-direction:column;gap:16px}.edit-expense-popup .popup-header{padding:16px 20px 12px}.edit-expense-popup form{padding:20px}}.delete-expense-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-expense-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-expense-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-expense-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-expense-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-expense-confirmation-popup .warning-message{margin-bottom:20px}.delete-expense-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.delete-expense-confirmation-popup .expense-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4}.delete-expense-confirmation-popup .consequences-warning{margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-expense-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;color:var(--error-color);margin:0}.delete-expense-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-expense-confirmation-popup .btn-cancel,.delete-expense-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-expense-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-expense-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-expense-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-expense-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-expense-confirmation-popup .btn-cancel:disabled,.delete-expense-confirmation-popup .btn-delete:disabled{opacity:.7;cursor:not-allowed}.delete-expense-confirmation-popup .btn-delete.loading{background:var(--error-color);color:#fff;opacity:1}.delete-expense-confirmation-popup .btn-delete:disabled:not(.loading){opacity:.7}.delete-expense-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.delete-expense-confirmation-popup .popup-overlay{padding:16px}.delete-expense-confirmation-popup .popup-container{max-width:100%}.delete-expense-confirmation-popup .popup-header{padding:16px 20px 12px}.delete-expense-confirmation-popup .popup-content{padding:20px}.delete-expense-confirmation-popup .popup-actions{flex-direction:column;gap:8px;padding:20px}.delete-expense-confirmation-popup .btn-cancel,.delete-expense-confirmation-popup .btn-delete{width:100%}}.add-recurring-expense-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-recurring-expense-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.add-recurring-expense-popup .popup-container::-webkit-scrollbar{width:6px}.add-recurring-expense-popup .popup-container::-webkit-scrollbar-track{background:transparent}.add-recurring-expense-popup .popup-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.add-recurring-expense-popup .popup-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-recurring-expense-popup .popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.add-recurring-expense-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-recurring-expense-popup .popup-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-recurring-expense-popup .popup-header button:hover{background-color:#f3f4f6;color:#374151}.add-recurring-expense-popup form{padding:18px;display:flex;flex-direction:column;gap:5px}.add-recurring-expense-popup .form-section{margin-bottom:12px}.add-recurring-expense-popup .form-section:last-child{margin-bottom:0}.add-recurring-expense-popup .section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:12px 0 20px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.add-recurring-expense-popup .section-title .required-asterisk{color:var(--error-color);font-weight:600;margin-left:4px}.add-recurring-expense-popup .form-row{display:flex;gap:10px}.add-recurring-expense-popup .form-row .form-field,.add-recurring-expense-popup .form-row .custom-dropdown-wrapper,.add-recurring-expense-popup .form-row .form-field-with-currency,.add-recurring-expense-popup .form-row .searchable-dropdown-wrapper{flex:1;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}.add-recurring-expense-popup .form-field-with-currency{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-recurring-expense-popup .form-field-with-currency:last-child{margin-bottom:0}.add-recurring-expense-popup .form-field-with-currency .form-field-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:2px}.add-recurring-expense-popup .currency-input-container{position:relative;display:flex;align-items:center}.add-recurring-expense-popup .currency-symbol{position:absolute;left:12px;font-size:13px;color:var(--text-primary);font-weight:500;pointer-events:none;z-index:2}.add-recurring-expense-popup .currency-input-container .form-field-input{width:100%;height:40px;padding:10px 12px 10px 28px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-family:var(--default-font-family);background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease}.add-recurring-expense-popup .currency-input-container .form-field-input:focus{outline:none;border-color:var(--border-medium)}.add-recurring-expense-popup .currency-input-container .form-field-input::placeholder{color:var(--text-muted);font-weight:400}.add-recurring-expense-popup .currency-input-container .form-field-input::-webkit-outer-spin-button,.add-recurring-expense-popup .currency-input-container .form-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-recurring-expense-popup .currency-input-container .form-field-input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-recurring-expense-popup input[type=number]::-webkit-outer-spin-button,.add-recurring-expense-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-recurring-expense-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.add-recurring-expense-popup input[type=number]{scroll-behavior:auto}.add-recurring-expense-popup .currency-input-container .form-field-input.error{border-color:var(--error-color);background:var(--background-error)}.add-recurring-expense-popup .form-field-with-currency .form-field-error{font-size:12px;color:var(--error-color);margin-top:4px;min-height:16px}.add-recurring-expense-popup .form-row .custom-dropdown-wrapper{margin-bottom:0}.add-recurring-expense-popup .form-row .custom-dropdown,.add-recurring-expense-popup .form-row .dropdown-trigger{height:40px}.add-recurring-expense-popup .form-group{margin-bottom:16px}.add-recurring-expense-popup .form-group:last-child{margin-bottom:0}.add-recurring-expense-popup .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.add-recurring-expense-popup .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.add-recurring-expense-popup button[type=submit]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;width:auto;min-height:40px;align-self:center;letter-spacing:.25px;position:relative;display:flex;align-items:center;justify-content:center}.add-recurring-expense-popup button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.add-recurring-expense-popup button[type=submit]:disabled{cursor:not-allowed}.add-recurring-expense-popup button[type=submit]:disabled:not(.loading){background:var(--background-secondary);color:var(--text-muted);opacity:.7}.add-recurring-expense-popup button[type=submit].loading{background:var(--primary-color);color:#fff;opacity:1}.add-recurring-expense-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@media (max-width: 768px){.add-recurring-expense-popup .popup-overlay{padding:16px}.add-recurring-expense-popup .popup-container{max-width:100%}.add-recurring-expense-popup .form-row{flex-direction:column;gap:16px}.add-recurring-expense-popup .popup-header{padding:16px 20px 12px}.add-recurring-expense-popup form{padding:20px}}.expenses .error-message{background-color:var(--background-error);border:1px solid #fca5a5;color:var(--error-color);padding:12px 16px;margin:16px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.expenses .error-message button{background:none;border:none;color:var(--error-color);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.expenses .error-message button:hover{background-color:#fecaca;border-radius:4px}@keyframes expenses-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expenses .spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:expenses-spin 1s linear infinite;margin:0 auto 16px}.expenses .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.expenses .loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0}.expenses .loading-cell{text-align:center;padding:40px 20px!important;border:none!important}.expenses .table-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.expenses .table-loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);margin:0}.expenses .table-loading-spinner p{color:var(--text-secondary);font-size:14px;margin:0;font-weight:500}.expenses .empty-state-cell{text-align:center;padding:40px 20px!important;border:none!important}.expenses .table-empty-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.expenses .table-empty-spinner p{color:var(--text-secondary);font-size:14px;margin:0;font-weight:400}.expenses{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:#fff}.expenses .expenses-header{background:var(--background-primary)}.expenses .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light)}.expenses .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.expenses .expenses-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:15px}.expenses .header-buttons{display:flex;align-items:center;gap:8px;margin-right:16px;justify-self:end}.expenses .recurring-expenses-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--background-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.expenses .recurring-expenses-btn:hover{border-color:var(--border-medium)}.expenses .recurring-expenses-btn:active{background:var(--background-active)}.expenses .add-expense-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.expenses .add-expense-btn:hover{background:var(--primary-hover)}.expenses .add-expense-btn:active{background:var(--primary-active)}.expenses .add-expense-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.expenses .add-expense-btn:disabled:hover{background:var(--border-light)}.expenses .table-container{display:flex;flex-direction:column;flex:1;background:#fff;overflow:hidden}.expenses .table-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;height:calc(100vh - 200px);box-sizing:border-box;scrollbar-gutter:stable}.expenses .table-wrapper::-webkit-scrollbar{width:10px}.expenses .table-wrapper::-webkit-scrollbar-track{background:var(--background-primary);border-radius:4px}.expenses .table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;transition:background .2s ease}.expenses .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.expenses .table-wrapper::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}.expenses .table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--background-primary)}.expenses .expenses-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.expenses .expenses-table thead{position:sticky;top:0;z-index:10;background:var(--background-hover)}.expenses .expenses-table th{padding:10px 12px;height:40px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative}.expenses .expenses-table td{padding:10px 12px;height:48px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle;text-align:left}.expenses .expenses-table tbody tr:hover{background:var(--background-hover)}.expenses .date-col{width:10%}.expenses .recurring-col{width:8%}.expenses .category-col{width:18%}.expenses .amount-col{width:12%}.expenses .property-col{width:18%}.expenses .unit-col{width:14%}.expenses .notes-col{width:20%}.expenses .actions-col{width:10%}.expenses .category-col,.expenses .amount-col{font-size:13px;font-weight:400;color:var(--text-primary)}.expenses .date-col{font-size:13px;font-weight:400;color:var(--text-secondary)}.expenses .recurring-col{text-align:center;font-size:16px}.expenses .property-col,.expenses .unit-col{font-size:13px;font-weight:400;color:var(--text-secondary)}.expenses .notes-col{font-size:13px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.expenses .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.expenses .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.expenses .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.expenses .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}.expenses .actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px;overflow:visible;pointer-events:auto}.expenses .dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;transition:background-color .15s ease;text-align:left;pointer-events:auto;z-index:100001;position:relative}.expenses .dropdown-item:hover{background:var(--background-hover)}.expenses .dropdown-item.edit-item:hover{background:var(--background-hover);color:var(--text-primary)}.expenses .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.expenses .expenses-table th.actions-col{text-align:right;padding-right:12px}.expenses .expenses-table th.actions-col .column-header{justify-content:flex-end!important;text-align:right}.recurring-expenses-overlay{position:fixed;inset:0;background:#fff;z-index:1000;overflow-y:auto}.recurring-expenses{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:#fff}.recurring-expenses .back-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--text-primary)}.recurring-expenses .back-btn:hover{background:var(--background-hover)}.recurring-expenses .back-btn:active{background:var(--background-active)}.recurring-expenses .expenses-header{background:var(--background-primary)}.recurring-expenses .header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border-light);gap:16px;padding:0 16px 0 8px}.recurring-expenses .header-top>.add-expense-btn{justify-self:end;margin-left:auto}.recurring-expenses .header-center{display:flex;align-items:center;gap:12px;justify-self:center}.recurring-expenses .expenses-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:15px 15px 15px 10px}.recurring-expenses .add-expense-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-family:var(--default-font-family);font-size:11px;font-weight:500;letter-spacing:.25px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.recurring-expenses .add-expense-btn:hover{background:var(--primary-hover)}.recurring-expenses .add-expense-btn:active{background:var(--primary-active)}.recurring-expenses .add-expense-btn:disabled{background:var(--border-light);color:var(--text-light);cursor:not-allowed}.recurring-expenses .table-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#fff}.recurring-expenses .table-wrapper{flex:1;overflow:auto;width:100%;height:calc(100vh - 200px);box-sizing:border-box;scrollbar-gutter:stable}.recurring-expenses .table-wrapper::-webkit-scrollbar{width:10px}.recurring-expenses .table-wrapper::-webkit-scrollbar-track{background:var(--background-primary);border-radius:4px}.recurring-expenses .table-wrapper::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;transition:background .2s ease}.recurring-expenses .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.recurring-expenses .table-wrapper::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}.recurring-expenses .table-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--background-primary)}.recurring-expenses .expenses-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.recurring-expenses .expenses-table thead{position:sticky;top:0;z-index:10;background:var(--background-hover)}.recurring-expenses .expenses-table th{padding:10px 12px;height:40px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative}.recurring-expenses .expenses-table td{padding:10px 12px;height:48px;font-size:13px;border-bottom:1px solid var(--border-light);vertical-align:middle}.recurring-expenses .expenses-table tbody tr:hover{background:var(--background-hover)}.recurring-expenses .description-col{width:20%}.recurring-expenses .frequency-col,.recurring-expenses .amount-col{width:10%}.recurring-expenses .property-col{width:18%}.recurring-expenses .unit-col{width:14%}.recurring-expenses .next-occurrence-col{width:15%}.recurring-expenses .status-col{width:12%}.recurring-expenses .actions-col{width:8%}.recurring-expenses .expense-category{font-size:13px;font-weight:500;color:var(--text-primary)}.recurring-expenses .expense-description{font-size:12px;color:var(--text-secondary);margin-top:2px}.recurring-expenses .amount-col{font-size:13px;font-weight:400;color:var(--text-primary)}.recurring-expenses .unit-col,.recurring-expenses .property-col{font-size:13px;font-weight:400;color:var(--text-secondary)}.recurring-expenses .status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;text-align:center;min-width:60px;justify-content:center}.recurring-expenses .status-tag:before{content:"";width:4px;height:4px;border-radius:50%;flex-shrink:0}.recurring-expenses .status-active{background:#dcfce7;color:#166534}.recurring-expenses .status-active:before{background:#166534}.recurring-expenses .status-inactive{background:var(--grey-background);color:var(--grey-color)}.recurring-expenses .status-inactive:before{background:var(--grey-color)}.recurring-expenses .status-pending{background:#dbeafe;color:#1e40af}.recurring-expenses .status-pending:before{background:#1e40af}.recurring-expenses .actions-container{display:flex;justify-content:flex-end;width:100%;position:relative;z-index:2}.recurring-expenses .actions-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:16px;line-height:1;min-width:32px;min-height:32px}.recurring-expenses .actions-btn:hover{background:var(--background-hover);color:var(--text-primary)}.recurring-expenses .actions-dots{transform:rotate(90deg);font-weight:700;font-size:14px}.recurring-expenses .actions-dropdown{position:fixed;background:#fff;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:120px;overflow:hidden}.recurring-expenses .dropdown-item{display:block;width:100%;text-align:left;padding:10px 16px;border:none;background:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.recurring-expenses .dropdown-item:hover{background:var(--background-hover)}.recurring-expenses .dropdown-item.delete-item{color:#dc2626}.recurring-expenses .dropdown-item.delete-item:hover{background:#fef2f2;color:#dc2626}.recurring-expenses .expenses-table th.actions-col{text-align:right;padding-right:12px}.delete-recurring-expense-confirmation-popup .popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-recurring-expense-confirmation-popup .popup-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.delete-recurring-expense-confirmation-popup .popup-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px}.delete-recurring-expense-confirmation-popup .popup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--error-color)}.delete-recurring-expense-confirmation-popup .popup-content{padding:18px 18px 10px}.delete-recurring-expense-confirmation-popup .warning-message{margin-bottom:20px}.delete-recurring-expense-confirmation-popup .warning-message p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 20px}.delete-recurring-expense-confirmation-popup .expense-details{background-color:var(--background-secondary);border-radius:8px;padding:12px;font-size:13px;font-weight:400;color:var(--text-primary)}.delete-recurring-expense-confirmation-popup .expense-info{line-height:1.5}.delete-recurring-expense-confirmation-popup .expense-category{margin-bottom:5px}.delete-recurring-expense-confirmation-popup .consequences-warning{margin-bottom:20px;background-color:var(--background-error);border-radius:8px;padding:12px}.delete-recurring-expense-confirmation-popup .consequences-warning p{font-size:13px;font-weight:400;color:var(--error-color);margin:0 0 8px}.delete-recurring-expense-confirmation-popup .consequences-warning ul{margin:0 0 10px;padding-left:16px;color:var(--error-color);font-size:13px}.delete-recurring-expense-confirmation-popup .consequences-warning li{margin-bottom:4px;line-height:1.4}.delete-recurring-expense-confirmation-popup .popup-actions{display:flex;justify-content:center;gap:20px;padding:0 18px 18px}.delete-recurring-expense-confirmation-popup .btn-cancel,.delete-recurring-expense-confirmation-popup .btn-delete{padding:12px 20px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;letter-spacing:.25px}.delete-recurring-expense-confirmation-popup .btn-cancel{background:var(--background-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.delete-recurring-expense-confirmation-popup .btn-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--border-medium)}.delete-recurring-expense-confirmation-popup .btn-delete{background:var(--error-color);color:#fff}.delete-recurring-expense-confirmation-popup .btn-delete:hover:not(:disabled){background:var(--error-color);opacity:.9}.delete-recurring-expense-confirmation-popup .btn-cancel:disabled,.delete-recurring-expense-confirmation-popup .btn-delete:disabled{opacity:.7;cursor:not-allowed}.delete-recurring-expense-confirmation-popup .btn-delete.loading{background:var(--error-color);color:#fff;opacity:1}.delete-recurring-expense-confirmation-popup .btn-delete:disabled:not(.loading){opacity:.7}.delete-recurring-expense-confirmation-popup .button-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top:1.5px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}.recurring-expenses .error-message{background-color:var(--background-error);border:1px solid #fca5a5;color:var(--error-color);padding:12px 16px;margin:16px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.recurring-expenses .loading-cell,.recurring-expenses .empty-state-cell{text-align:center;padding:40px 20px!important;border:none!important}.recurring-expenses .table-loading-spinner,.recurring-expenses .table-empty-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.recurring-expenses .table-loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);margin:0}.recurring-expenses .empty-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px!important}@media (max-width: 768px){.recurring-expenses .header-top{display:flex!important;flex-direction:column;gap:12px}.recurring-expenses .header-center{max-width:100%}.recurring-expenses .expenses-title{font-size:18px}}.mobile-dashboard{min-height:100vh;background:var(--primary-hover);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden}.mobile-dashboard-header-wrap{position:sticky;top:0;z-index:100;flex-shrink:0}.mobile-dashboard-header{position:relative;z-index:101;background:var(--primary-hover);border-bottom:1px solid rgba(255,255,255,.15);padding:18px 16px;min-height:56px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.mobile-dashboard-logo{height:28px;width:auto;max-width:160px;display:block;object-fit:contain;object-position:left center;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-dashboard-nav-trigger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:none;background:#fff3;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-dashboard-nav-trigger:hover{background:#ffffff59}.mobile-dashboard-nav-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-dashboard-nav-icon{display:block;width:20px;height:2px;background:#fffffff2;border-radius:1px;margin:0 auto}.mobile-dashboard-nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:98;-webkit-tap-highlight-color:transparent}.mobile-dashboard-nav-dropdown{position:absolute;top:100%;left:0;right:0;z-index:99;padding:0}.mobile-dashboard-nav-dropdown-inner{width:100%;padding:12px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:var(--background-primary);border-bottom:1px solid var(--border-light);border-radius:0 0 14px 14px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;animation:mobile-nav-dropdown-in .22s ease-out}@keyframes mobile-nav-dropdown-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-dashboard-nav-item{display:block;width:100%;padding:16px;text-align:left;font-size:18px;font-weight:400;color:var(--text-muted);background:var(--background-primary);border:none;border-radius:8px;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;margin-bottom:8px;box-sizing:border-box;outline:none}.mobile-dashboard-nav-item:last-child{margin-bottom:0}.mobile-dashboard-nav-item:hover{background:var(--background-secondary);color:var(--text-secondary)}.mobile-dashboard-nav-item-active{color:var(--text-primary);font-weight:600}.mobile-dashboard-nav-item-active:hover{color:var(--text-primary)}.mobile-dashboard-nav-item-signout{margin-top:4px;padding:18px 16px}.mobile-warning-widget{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:14px;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;box-sizing:border-box}.mobile-warning-icon{flex-shrink:0;color:#2563eb;display:flex;align-items:center}.mobile-warning-icon svg{display:block}.mobile-warning-text{margin:0;font-size:13px;font-weight:400;color:#2563eb;line-height:1.35}.mobile-dashboard-content{flex:1;padding:16px;max-width:100%;box-sizing:border-box;min-width:0;background:var(--background-secondary)}.mobile-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.mobile-widget{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;min-width:0;box-sizing:border-box}.mobile-widget:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000001f}.mobile-widget-compact{padding:12px 14px}.mobile-widget-label{font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.15px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-widget-value{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2;margin-top:4px;word-break:break-all}.mobile-widget-value.positive{color:#10b981}.mobile-widget-value.negative{color:#ef4444}.mobile-widget-change-container{display:flex;align-items:center;gap:12px;margin-top:10px}.mobile-widget-change{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 6px;border-radius:4px;width:fit-content}.mobile-widget-change.positive{color:#10b981;background-color:#10b9811a}.mobile-widget-change.negative{color:#ef4444;background-color:#ef44441a}.mobile-widget-change-arrow{font-size:9px;font-weight:600}.mobile-widget-sublabel{font-size:10px;font-weight:400;color:var(--text-muted);opacity:.7;font-style:italic;margin-top:2px}.mobile-chart-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px;margin-bottom:14px;box-shadow:0 1px 3px #0000001a;min-width:0;overflow:hidden;box-sizing:border-box}.mobile-chart-card:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000001f}.mobile-chart-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.mobile-chart-sublabel{display:block;font-size:10px;font-weight:400;color:var(--text-muted);opacity:.7;font-style:italic;margin-bottom:12px}.mobile-chart-wrap{width:100%;min-width:0;height:200px;position:relative}.mobile-chart-wrap canvas{max-width:100%!important}.mobile-chart-wrap-bar{height:220px}.mobile-section-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px;margin-bottom:14px;box-shadow:0 1px 3px #0000001a;min-width:0;overflow:hidden;box-sizing:border-box}.mobile-section-card:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000001f}.mobile-section-card .mobile-chart-title{margin-bottom:2px}.mobile-section-card .mobile-chart-sublabel{margin-bottom:10px}.mobile-empty{font-size:13px;color:var(--text-muted);margin:0;padding:8px 0}.mobile-list{list-style:none;margin:0;padding:0}.mobile-list-item{padding:10px 0;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;-webkit-tap-highlight-color:transparent}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item:active{background:var(--background-secondary)}.mobile-list-main{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list-sub{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.mobile-dashboard-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.mobile-dashboard-loading p{font-size:14px;color:var(--text-secondary);margin:0}.mobile-dashboard-spinner{width:36px;height:36px;border:3px solid var(--border-light);border-top-color:#2892d7;border-radius:50%;animation:mobile-spin .7s linear infinite}@keyframes mobile-spin{to{transform:rotate(360deg)}}:root{--default-font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--primary-color: #1E72D1;--primary-hover: #1a5fa3;--primary-active: #1446A0;--primary-background: rgba(30, 114, 209, .08);--text-primary: #1f2937;--text-secondary: #424242;--text-muted: #6b7280;--text-light: #9ca3af;--background-primary: #ffffff;--background-secondary: #F3F4F6;--background-hover: #f9fafb;--background-active: rgba(30, 114, 209, .12);--background-active-hover: rgba(30, 114, 209, .2);--background-error: #fef2f2;--background-success: #dcfce7;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-strong: #9ca3af;--success-color: #166534;--error-color: #dc2626;--warning-color: #d97706;--background-warning: #fef3c7;--grey-color: #6b7280;--grey-hover: #4b5563;--grey-background: #f3f4f6}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-secondary);font-family:var(--default-font-family);color:var(--text-primary)}.loading-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--default-font-family);background-color:var(--background-secondary);color:var(--text-primary)}#root{width:100%;min-height:100vh}