.adj-list{display: flex;flex-direction: column;border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-card-background);}.adj-row{display: flex;align-items: center;border-bottom: var(--border-width-thin) solid var(--color-border);transition: background var(--transition-duration-fast);}.adj-row:last-child{border-bottom: none;}.adj-row:hover{background: var(--color-background);}.adj-row--confirmed{opacity: 0.7;}.adj-row-link{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);text-decoration: none;color: inherit;flex: 1;min-width: 0;}.adj-left{display: flex;flex-direction: column;gap: var(--spacing-xs);min-width: 100px;max-width: 150px;flex-shrink: 0;}.adj-date{font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-secondary);}.adj-prop{font-size: var(--font-size-xxs);color: var(--color-text-muted);padding-left: var(--spacing-sm);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.adj-provider{font-size: var(--font-size-xxs);color: var(--color-text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.adj-center{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-xs);}.adj-type{font-size: var(--font-size-xs);color: var(--color-text);font-weight: var(--font-weight-medium);}.adj-notes{font-size: var(--font-size-xs);color: var(--color-text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.adj-right{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0;}.adj-amount{font-weight: var(--font-weight-bold);font-size: var(--font-size-xs);white-space: nowrap;}.adj-amount--negative{color: var(--color-success);}.adj-amount--positive{color: var(--color-error);}.adj-status{display: inline-block;padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);white-space: nowrap;}.adj-status--confirmed{color: var(--color-success);}.adj-status--landlord{background: var(--color-warning-bg);color: var(--color-warning);}.adj-status--tenant{background: var(--color-info-bg);color: var(--color-info);}.adj-status--pending{background: var(--color-background);color: var(--color-text-muted);}.adj-actions{display: flex;gap: var(--spacing-xs);padding-right: var(--spacing-md);flex-shrink: 0;}.adj-action-form{display: inline;}.adj-total-card{background: var(--color-info-bg);border: var(--border-width-thin) solid var(--color-background);border-radius: var(--border-radius-sm);padding: var(--spacing-md) var(--spacing-lg);margin-bottom: var(--spacing-lg);display: flex;flex-wrap: wrap;gap: var(--spacing-md);align-items: center;}.adj-total-label{font-size: var(--font-size-sm);color: var(--color-info);}.adj-total-value{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-info);}@media (max-width: 767px){.adj-row-link{flex-wrap: wrap;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);}.adj-left{flex-direction: row;gap: var(--spacing-sm);align-items: center;max-width: none;min-width: auto;}.adj-center{width: 100%;order: 3;}.adj-right{flex-direction: row;gap: var(--spacing-sm);align-items: center;}.adj-actions{padding-right: var(--spacing-sm);}}.charges-info-panel{position: relative;margin-bottom: var(--spacing-md);padding: var(--spacing-md);}.charges-info-close{position: absolute;top: var(--spacing-sm);right: var(--spacing-md);background: none;border: none;font-size: var(--font-size-xl);color: var(--color-text-muted);cursor: pointer;line-height: 1;}.charges-info-close:hover{color: var(--color-text);}.charges-info-title{margin: 0 0 var(--spacing-sm) 0;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-secondary);}.charges-info-text{margin: 0 0 var(--spacing-md) 0;font-size: var(--font-size-xs);color: var(--color-text-muted);}.charges-info-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-md);}@media (max-width: 700px){.charges-info-grid{grid-template-columns: 1fr;}}.charges-info-item{display: flex;gap: var(--spacing-sm);align-items: flex-start;padding: var(--spacing-md) var(--spacing-md);border-radius: var(--border-radius-sm);text-decoration: none;color: inherit;transition: box-shadow var(--transition-duration-default);cursor: pointer;}.charges-info-item:hover{box-shadow: var(--shadow-card-hover,0 2px 8px var(--shadow-dark,rgba(0,0,0,0.08)));text-decoration: none;color: inherit;}.charges-info-utility{background: var(--color-info-bg);border: var(--border-width-thin) solid var(--color-info);}.charges-info-rental{background: var(--color-success-bg);border: var(--border-width-thin) solid var(--color-success);}.charges-info-active{border-width: var(--border-width-thick);box-shadow: var(--shadow-primary);transform: scale(1.02);}.charges-info-active strong{color: var(--color-primary);}.charges-info-icon{font-size: var(--font-size-2xl);flex-shrink: 0;margin-top: var(--spacing-xs);}.charges-info-item strong{display: block;font-size: var(--font-size-xs);margin-bottom: var(--spacing-xs);color: var(--color-secondary);}.charges-info-item p{margin: 0;font-size: var(--font-size-xs);line-height: var(--line-height-normal);color: var(--color-text-muted);}.charges-total-card{border-left: 4px solid var(--color-primary);}.charges-total-card .amount-card-value{color: var(--color-primary);}.charge-type-modal-overlay{position: fixed;inset: 0;background: var(--color-overlay-50);z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;}.charge-type-modal{background: var(--color-card-background);border-radius: var(--border-radius);width: 90%;max-width: 440px;box-shadow: var(--shadow-modal,var(--shadow-lg));}.charge-type-modal-header{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-md) var(--spacing-lg);border-bottom: var(--border-width-thin) solid var(--color-border);}.charge-type-modal-header h3{margin: 0;font-size: var(--font-size-base);}.charge-type-modal-close{background: none;border: none;font-size: var(--font-size-2xl);cursor: pointer;color: var(--color-text-muted);}.charge-type-modal-body{padding: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-sm);}.refresh-charges-btn-page{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-lg);background: var(--color-primary);border: none;border-radius: var(--border-radius-sm);color: var(--color-white);cursor: pointer;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);box-shadow: var(--shadow-button,var(--shadow-sm));transition: var(--transition-default,all 0.2s);}.refresh-charges-btn-page:hover{transform: translateY(-1px);box-shadow: var(--shadow-button-hover,var(--shadow-md));}.refresh-charges-btn-page:active{transform: translateY(0);}.refresh-charges-btn-page.loading{pointer-events: none;opacity: 0.6;}.refresh-charges-btn-page.loading svg{animation: spin 1s linear infinite;}.add-one-time-charge-btn{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-lg);background: var(--color-warning);border: none;border-radius: var(--border-radius-sm);color: var(--color-white);cursor: pointer;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);text-decoration: none;box-shadow: var(--shadow-warning,var(--shadow-sm));transition: var(--transition-default,all 0.2s);}.add-one-time-charge-btn:hover{transform: translateY(-1px);box-shadow: var(--shadow-warning-hover,var(--shadow-md));}.add-one-time-charge-btn:active{transform: translateY(0);}@keyframes spin{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}.type-toggle{display: flex;gap: var(--spacing-md);margin-bottom: var(--spacing-lg);background: var(--color-background);padding: var(--spacing-sm);border-radius: var(--border-radius);width: fit-content;}.toggle-btn{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-lg);border: none;background: transparent;border-radius: var(--border-radius-sm);cursor: pointer;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);transition: var(--transition-default,all 0.2s);}.toggle-btn .icon{font-size: var(--font-size-xl);}.toggle-btn:hover{background: var(--color-surface-subtle);}.toggle-btn.active{background: var(--color-white);color: var(--color-text,var(--color-secondary));box-shadow: var(--shadow-button,var(--shadow-sm));}.charges-filter-bar{background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);padding: var(--spacing-sm) var(--spacing-md);margin-bottom: var(--spacing-md);}.charges-filter-form{display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap;}.charges-filter-input{padding: var(--spacing-xs) var(--spacing-sm);font-size: var(--font-size-xs);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);background: var(--color-card-background);color: var(--color-text);font-family: inherit;}.charges-filter-input:focus{outline: none;border-color: var(--color-primary);}.charges-filter-btns{display: flex;gap: var(--spacing-xs);flex-shrink: 0;margin-left: auto;}.charges-filter-amount{width: 70px;}.charges-filter-type{max-width: 160px;}.charges-filter-sep{color: var(--color-text-muted);font-size: var(--font-size-xs);}.charges-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-md);margin-bottom: var(--spacing-lg);}.charge-card-wrapper{position: relative;height: 100%;}.charge-card{background: var(--color-white);border-radius: var(--border-radius);padding: var(--spacing-md);box-shadow: var(--shadow-card,var(--shadow-sm));transition: var(--transition-default,all 0.2s);border-left: 4px solid var(--color-primary);text-decoration: none;color: inherit;display: flex;flex-direction: column;cursor: pointer;height: 100%;}.charge-card.rental{border-left-color: var(--color-success);}.charge-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-card-hover,var(--shadow-md));text-decoration: none;color: inherit;}.charge-delete-form{position: absolute;top: var(--spacing-md);right: var(--spacing-md);z-index: var(--z-card-control);}.btn-delete-charge svg{width: 16px;height: 16px;}.card-icon{font-size: var(--font-size-5xl);width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: var(--color-background);border-radius: var(--border-radius-sm);}.card-date{flex: 1;display: flex;flex-direction: column;}.card-date .date{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text,var(--color-secondary));}.card-date .period{font-size: var(--font-size-xs);color: var(--color-text-muted);}.card-amount{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-text,var(--color-secondary));}.card-body{display: flex;flex-direction: column;gap: var(--spacing-sm);}.info-row{display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-sm);}.info-row .label{font-size: var(--font-size-base);width: 24px;text-align: center;}.info-row .value{flex: 1;color: var(--color-text-secondary);}.quick-date-filters{display: flex;flex-wrap: wrap;gap: var(--spacing-sm);margin-bottom: var(--spacing-md);}.pay-cell-amount,.penalty-cell-amount{text-align: right;white-space: nowrap;font-weight: var(--font-weight-bold);}.pay-cell-amount{color: var(--color-success);}.pay-cell-actions,.penalty-cell-actions{text-align: right;white-space: nowrap;}.pay-actions-group{display: inline-flex;align-items: center;gap: var(--spacing-xs);}.penalty-cell-actions .penalty-delete-form{display: inline-block;margin-left: var(--spacing-xs);}.penalty-cell-violator{font-size: var(--font-size-xs);color: var(--color-primary);margin-top: var(--spacing-xs);}tr.pay-row--inactive{opacity: 0.55;}@media (max-width: 767px){.pay-cell-amount,.pay-cell-actions{text-align: left;}.ui-table--stacked td.pay-cell-actions{grid-template-columns: 1fr;}}@media (max-width: 767px){.ui-table--stacked.penalties-table-columns tbody tr{display: grid;grid-template-columns: 1fr auto;align-items: center;row-gap: var(--spacing-xs);column-gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);background: var(--color-card-background);}.ui-table--stacked.penalties-table-columns td{display: block;width: auto;padding: 0;border-bottom: none;}.ui-table--stacked.penalties-table-columns td[data-label]::before{display: none;}.penalties-table-columns .penalty-cell-amount{order: 1;font-size: var(--font-size-md);text-align: left;}.penalties-table-columns .penalty-cell-date{order: 2;text-align: right;}.penalties-table-columns .penalty-cell-status{order: 3;}.penalties-table-columns .penalty-cell-actions{order: 4;text-align: right;}.penalties-table-columns .penalty-cell-desc{order: 5;grid-column: 1 / -1;}.ui-table--stacked.penalties-table-columns .penalty-cell-contract{display: none;}}@media (max-width: 575px){.pay-summary-grid{grid-template-columns: 1fr;gap: 0;border-radius: var(--border-radius-lg);overflow: hidden;box-shadow: var(--shadow-card);}.pay-summary-grid>.amount-card-unified{border-radius: 0;box-shadow: none;border-bottom: none;padding: var(--spacing-md) var(--spacing-lg);}.pay-summary-grid>.amount-card-unified:last-child{border-bottom: var(--border-width-thin) solid var(--color-border);}}.pay-summary-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--spacing-md);margin-bottom: var(--spacing-lg);}.pay-summary-grid>.amount-card-unified{min-width: 0;}@media (max-width: 991px){.pay-summary-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 575px){.pay-summary-grid{grid-template-columns: 1fr;}}.amount-card-spacing{margin-top: var(--spacing-md);margin-bottom: var(--spacing-lg,24px);}.charge-docs-badge{display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);background: var(--color-background);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);margin-top: var(--spacing-sm);}.charge-docs-badge svg{flex-shrink: 0;}@media (max-width: 767px){.charges-grid{grid-template-columns: 1fr;}.charges-filter-form{gap: var(--spacing-xs);}.charges-filter-input{font-size: var(--font-size-xs);padding: var(--spacing-xs) var(--spacing-sm);min-width: 0;flex: 1 1 auto;}.charges-filter-amount{flex: 0 1 55px;}.charges-filter-type{flex: 1 1 100px;max-width: none;}.charges-filter-btns{margin-left: 0;}.charges-filter-btns .btn{padding: var(--spacing-xs) var(--spacing-sm);}.type-toggle{width: 100%;}.toggle-btn{flex: 1;justify-content: center;}}.proposals-list{display: flex;flex-direction: column;gap: var(--spacing-sm);}.proposal-row{display: flex;align-items: flex-start;gap: var(--spacing-md);background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border-light);border-radius: var(--border-radius);padding: var(--spacing-md) var(--spacing-md);box-shadow: var(--shadow-sm);}.proposal-main{flex: 1;min-width: 0;}.proposal-recipient{display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.proposal-recipient strong{color: var(--color-secondary);font-size: var(--font-size-sm);}.recipient-email{font-size: var(--font-size-xs);color: var(--color-text-secondary);word-break: break-all;}.proposal-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-sm) var(--spacing-sm);font-size: var(--font-size-xs);color: var(--color-text-secondary);}.status-badge{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);white-space: nowrap;}.status-draft{background: var(--color-disabled-bg);color: var(--color-text-secondary);}.status-pending{background: var(--color-info-bg);color: var(--color-info);}.status-sent{background: var(--color-info-bg);color: var(--color-info);}.status-viewed{background: var(--color-warning-bg);color: var(--color-warning);}.status-responded{background: var(--color-success-bg);color: var(--color-success);}.status-approved{background: var(--color-success-bg);color: var(--color-success);}.status-rejected{background: var(--color-error-bg);color: var(--color-error);}.status-expired{background: var(--color-disabled-bg);color: var(--color-disabled);}.meta-item{white-space: nowrap;}.expires-info.expired{color: var(--color-error);font-weight: var(--font-weight-medium);}.responded{color: var(--color-success);}.views-count-inline{display: inline-flex;align-items: center;gap: var(--spacing-xs);}.proposal-response{margin-top: var(--spacing-sm);font-size: var(--font-size-xs);color: var(--color-text-secondary);word-break: break-word;}.proposal-response a{color: var(--color-link);}.proposal-actions{display: flex;flex-direction: column;gap: var(--spacing-xs);flex-shrink: 0;}.proposal-actions .btn{padding: var(--spacing-xs) var(--spacing-sm);}.proposal-actions .btn svg{display: block;width: 14px;height: 14px;}.data-table{width: 100%;border-collapse: collapse;}.data-table th,.data-table td{padding: var(--spacing-md);text-align: left;border-bottom: var(--border-width-thin) solid var(--color-border);}.data-table th{font-weight: var(--font-weight-semibold);color: var(--color-text-muted);font-size: var(--font-size-xs);text-transform: uppercase;}.recipient-info strong{display: block;color: var(--color-secondary);}.viewed-info,.responded-info{font-size: var(--font-size-xxs);color: var(--color-text-muted);margin-top: var(--spacing-xs);}.response-text{max-width: 250px;font-size: var(--font-size-xs);color: var(--color-secondary);white-space: pre-wrap;}.actions{text-align: right;}@media (max-width: 575px){.proposal-row{padding: var(--spacing-md);}.proposal-actions{flex-direction: row;}.meta-item{white-space: normal;}}.communications-list{display: flex;flex-direction: column;gap: var(--spacing-sm);}.communication-card{background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);transition: var(--transition-fast);}.communication-card:hover{border-color: var(--color-primary);box-shadow: var(--shadow-primary,var(--shadow-sm));}.communication-inactive{opacity: 0.65;}.communication-link{display: block;padding: var(--spacing-md) var(--spacing-md);text-decoration: none;color: inherit;}.communication-row{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-md);}.comm-type-info{display: flex;align-items: center;gap: var(--spacing-sm);}.comm-icon{width: 28px;height: 28px;object-fit: contain;flex-shrink: 0;}.comm-icon-placeholder{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--color-text-muted);}.comm-name{font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);color: var(--color-secondary);}.badge-inactive{background: var(--color-text-muted);color: var(--button-primary-text);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);font-weight: var(--font-weight-medium);}.comm-docs-count{display: flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--color-text-muted);background: var(--color-background);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius);}.communication-details{display: flex;flex-wrap: wrap;gap: var(--spacing-sm) var(--spacing-lg);margin-top: var(--spacing-sm);font-size: var(--font-size-xs);}.comm-detail-item{display: flex;align-items: center;gap: var(--spacing-xs);}.comm-detail-label{color: var(--color-text-muted);}.comm-detail-value{color: var(--color-secondary);}.comm-detail-code{background: var(--color-background);padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);font-family: var(--font-family-code);font-size: var(--font-size-xs);color: var(--color-secondary);}.users-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: var(--spacing-md);}.user-card{display: flex;flex-direction: column;align-items: center;padding: var(--spacing-md);background: var(--color-background);border-radius: var(--border-radius);text-decoration: none;color: inherit;transition: all var(--transition-default) ease;}.user-card:hover{background: var(--color-border);transform: translateY(-2px);}.user-avatar{width: 50px;height: 50px;border-radius: 50%;background: var(--color-primary);color: var(--color-white);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-sm);}.user-name{font-weight: var(--font-weight-semibold);text-align: center;}.user-email{font-size: var(--font-size-xs);color: var(--color-text-muted);text-align: center;}.conversations-list{display: flex;flex-direction: column;gap: var(--spacing-sm);}.conversation-card{display: flex;align-items: center;padding: var(--spacing-md);background: var(--color-card-background);border-radius: var(--border-radius);text-decoration: none;color: inherit;transition: all var(--transition-default) ease;border: var(--border-width-thin) solid var(--color-border);}.conversation-card:hover{background: var(--color-background);border-color: var(--color-primary);}.conversation-card.has-unread{border-left: var(--border-width-thick) solid var(--color-primary);background: var(--color-info-bg);}.conversation-avatar{width: 45px;height: 45px;border-radius: 50%;background: var(--color-primary);color: var(--color-white);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);flex-shrink: 0;}.conversation-content{flex: 1;margin-left: var(--spacing-md);min-width: 0;}.conversation-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-xs);}.conversation-name{font-weight: var(--font-weight-semibold);}.conversation-time{font-size: var(--font-size-xs);color: var(--color-text-muted);}.conversation-preview{font-size: var(--font-size-sm);color: var(--color-text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.preview-sender{color: var(--color-primary);}.unread-badge{background: var(--color-primary);color: var(--color-white);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);margin-left: var(--spacing-sm);}.no-recipients-card{padding: var(--spacing-2xl);}.no-recipients{text-align: center;}.no-recipients svg{margin-bottom: var(--spacing-md);opacity: 0.5;}.no-recipients-title{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-secondary);margin: 0 0 var(--spacing-sm);}.no-recipients-hint{font-size: var(--font-size-sm);color: var(--color-text-muted);margin: 0;}@media (max-width: 767px){.communication-details{flex-direction: column;gap: var(--spacing-xs);}.communication-row{flex-direction: column;align-items: flex-start;gap: var(--spacing-sm);}}.counters-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-md);}.counter-card-wrapper{position: relative;height: 100%;}.counter-expense-link{position: absolute;top: var(--spacing-sm);right: var(--spacing-sm);display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: var(--color-primary);color: var(--button-primary-text);border-radius: 50%;text-decoration: none;transition: var(--transition-default);opacity: 0.8;box-shadow: var(--shadow-md);z-index: var(--z-card-control);}.counter-expense-link:hover{opacity: 1;transform: scale(1.15);}.counter-card{display: flex;flex-direction: column;gap: 0;padding: var(--spacing-md);background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);text-decoration: none;color: inherit;transition: border-color var(--transition-duration-default),box-shadow var(--transition-duration-default);height: 100%;}.counter-card:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm);}.counter-top{display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.counter-icon{width: 36px;height: 36px;border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-background);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.counter-icon img{width: 100%;height: 100%;object-fit: contain;}.counter-title{flex: 1;min-width: 0;overflow: hidden;}.counter-type{display: block;font-size: var(--font-size-xs);color: var(--color-text-muted);line-height: var(--line-height-tight);}.counter-serial{display: block;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.icon-placeholder{font-size: var(--font-size-xl);}.counter-photo{width: 100%;max-width: 200px;height: 200px;border-radius: var(--border-radius-sm);overflow: hidden;margin: 0 auto var(--spacing-sm);display: flex;align-items: center;justify-content: center;background: var(--color-background);}.counter-photo img{max-width: 100%;max-height: 100%;object-fit: contain;}.counter-docs-badge{display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);background: var(--color-background);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);margin-left: auto;}.counter-docs-badge svg{flex-shrink: 0;}.counter-photo-placeholder{width: 60px;height: 60px;color: var(--color-border);}.counter-rows{display: flex;flex-direction: column;gap: var(--spacing-xs);padding-top: var(--spacing-sm);border-top: var(--border-width-thin) solid var(--color-border-light,var(--color-border));}.counter-row{display: flex;justify-content: space-between;align-items: baseline;gap: var(--spacing-sm);}.counter-label{font-size: var(--font-size-xs);color: var(--color-text-muted);}.counter-val-main{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-primary);}.counter-val-main small{font-size: var(--font-size-xxs);font-weight: var(--font-weight-normal);color: var(--color-text-muted);}.counter-val-cons{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-success);}.counter-val-daily{font-size: var(--font-size-xs);color: var(--color-text-muted);}.counters-list{display: flex;flex-direction: column;gap: var(--spacing-md);}.counter-info{flex: 1;min-width: 0;}.counter-stats{display: flex;flex-direction: column;gap: var(--spacing-sm);text-align: right;min-width: 140px;}.value-label{display: block;font-size: var(--font-size-xxs);color: var(--color-text-muted);}.value-number{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary);}.value-number small{font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--color-text-muted);}.counter-consumption{border-top: var(--border-width-thin) solid var(--color-border);padding-top: var(--spacing-sm);}.consumption-label{display: block;font-size: var(--font-size-xxs);color: var(--color-text-muted);}.consumption-value{display: block;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-success);}.consumption-per-day{display: block;font-size: var(--font-size-xxs);color: var(--color-text-muted);}.empty-message{color: var(--color-text-muted);text-align: center;margin: 0;}.counter-value{font-weight: var(--font-weight-semibold);color: var(--color-primary);white-space: nowrap;}.reading-status{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-xs);}.reading-date{font-size: var(--font-size-xs);color: var(--color-text-muted);white-space: nowrap;}.property-link-colored{color: var(--color-secondary);text-decoration: none;font-weight: var(--font-weight-medium);padding-left: var(--spacing-sm);border-left-width: 3px;border-left-style: solid;}.property-link-colored:hover{color: var(--color-primary);}.modal-hint{margin: 0 0 var(--spacing-md) 0;color: var(--color-text-muted);font-size: var(--font-size-sm);}@media (max-width: 575px){.counters-grid{grid-template-columns: 1fr;}.counter-card{flex-wrap: wrap;}.counter-stats{width: 100%;text-align: left;margin-top: var(--spacing-sm);padding-top: var(--spacing-sm);border-top: var(--border-width-thin) solid var(--color-border);flex-direction: row;gap: var(--spacing-md);}.counter-consumption{border-top: none;padding-top: 0;border-left: var(--border-width-thin) solid var(--color-border);padding-left: var(--spacing-md);}}.cc-list{display: flex;flex-direction: column;border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-card-background);}.cc-row{border-bottom: var(--border-width-thin) solid var(--color-border);}.cc-row:last-child{border-bottom: none;}.cc-row-main{display: flex;align-items: center;gap: var(--spacing-sm);transition: background var(--transition-duration-fast);}.cc-row-main:hover{background: var(--color-background);}.cc-expand-btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;flex-shrink: 0;margin-left: var(--spacing-sm);}.cc-row-link{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-sm);text-decoration: none;color: inherit;flex: 1;min-width: 0;}.cc-left{display: flex;flex-direction: column;gap: var(--spacing-xs);flex: 1;min-width: 0;}.cc-name{font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.cc-short-name{font-size: var(--font-size-xxs);color: var(--color-text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.cc-right{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0;}.cc-tax{font-size: var(--font-size-xs);color: var(--color-text-muted);font-family: var(--font-family-code);}.cc-phone{font-size: var(--font-size-xxs);color: var(--color-text-muted);}.cc-actions{display: flex;gap: var(--spacing-xs);padding-right: var(--spacing-md);flex-shrink: 0;}.cc-delete-form{display: inline;}.cc-details{background: var(--color-background);border-top: var(--border-width-thin) solid var(--color-border);padding: var(--spacing-md) var(--spacing-3xl);}.cc-details-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--spacing-sm) var(--spacing-lg);}.cc-detail-item{display: flex;gap: var(--spacing-sm);font-size: var(--font-size-xs);}.cc-detail-label{font-weight: var(--font-weight-semibold);color: var(--color-secondary);min-width: 110px;flex-shrink: 0;}.cc-detail-value{color: var(--color-text);word-break: break-word;}.cc-detail-value a{color: var(--color-primary);text-decoration: none;}.cc-detail-value a:hover{text-decoration: underline;}@media (max-width: 767px){.cc-row-link{flex-wrap: wrap;gap: var(--spacing-xs);}.cc-right{flex-direction: row;gap: var(--spacing-sm);align-items: center;}.cc-details{padding: var(--spacing-sm) var(--spacing-md);}.cc-details-grid{grid-template-columns: 1fr;}}.documents-list{display: flex;flex-direction: column;gap: var(--spacing-md);}.document-item{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: var(--color-card-background);border-radius: var(--border-radius-sm);box-shadow: var(--shadow-card);}.document-icon{font-size: var(--font-size-6xl);flex-shrink: 0;}.document-info{flex: 1;min-width: 0;}.document-name{font-weight: var(--font-weight-medium);color: var(--color-secondary);text-decoration: none;display: block;margin-bottom: var(--spacing-sm);word-break: break-word;}.document-name:hover{color: var(--color-primary);}.document-meta{display: flex;gap: var(--spacing-md);flex-wrap: wrap;font-size: var(--font-size-xs);color: var(--color-text-muted);}.document-type{background: var(--color-info-bg);color: var(--color-primary-hover);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);}.document-visibility{display: flex;align-items: center;gap: var(--spacing-sm);margin-top: var(--spacing-sm);}.visibility-icon{font-size: var(--font-size-sm);color: var(--color-text-muted);}.visibility-badge{background: var(--color-warning-bg);color: var(--color-warning-dark);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);}.visibility-all{background: var(--color-success-bg);color: var(--color-success-dark);}.document-comment{display: flex;align-items: flex-start;gap: var(--spacing-sm);margin-top: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-sm);background: var(--color-background);border-radius: var(--border-radius-sm);border-left: var(--border-width-thick) solid var(--color-primary);}.comment-icon{font-size: var(--font-size-sm);flex-shrink: 0;}.comment-text{font-size: var(--font-size-xs);color: var(--color-text);line-height: var(--line-height-normal);word-break: break-word;}.document-actions{display: flex;gap: var(--spacing-sm);flex-shrink: 0;}.doc-drive-badge{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);background: var(--color-info-bg);color: var(--color-info);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);text-decoration: none;}.doc-drive-badge:hover{background: var(--color-info);color: var(--color-white);}.doc-link-mt{margin-top: var(--spacing-sm);}.documents-table-card{display: none;overflow-x: auto;}.documents-table{width: 100%;border-collapse: collapse;min-width: 700px;}.documents-table th,.documents-table td{padding: var(--spacing-sm) var(--spacing-sm);text-align: left;border-bottom: var(--border-width-thin) solid var(--color-border-light);}.documents-table th{background: var(--color-background);font-weight: var(--font-weight-semibold);color: var(--color-secondary);font-size: var(--font-size-xs);white-space: nowrap;}.documents-table tbody tr:hover{background: var(--color-background);}.file-info{display: flex;align-items: center;gap: var(--spacing-sm);}.file-icon{width: 28px;height: 28px;border-radius: var(--border-radius-sm);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xs);flex-shrink: 0;}.icon-image{background: var(--color-info-bg);color: var(--color-info);}.icon-image::before{content: "IMG";font-weight: var(--font-weight-semibold);}.icon-pdf{background: var(--color-error-bg);color: var(--color-error);}.icon-pdf::before{content: "PDF";font-weight: var(--font-weight-semibold);}.icon-video{background: var(--color-background);color: var(--color-warning);}.icon-video::before{content: "VID";font-weight: var(--font-weight-semibold);}.icon-file{background: var(--color-background);color: var(--color-text);}.icon-file::before{content: "DOC";font-weight: var(--font-weight-semibold);}.file-details{display: flex;flex-direction: column;min-width: 0;}.file-name{font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.file-ext{font-size: var(--font-size-xxs);color: var(--color-text-muted);}.doc-property a{color: var(--color-primary);text-decoration: none;}.doc-property a:hover{text-decoration: underline;}.doc-size,.doc-created{font-size: var(--font-size-xs);color: var(--color-text-muted);white-space: nowrap;}.doc-id{width: 60px;color: var(--color-text-muted);font-size: var(--font-size-xs);}.doc-file{max-width: 250px;}.actions-cell{white-space: nowrap;}.actions-cell .btn-sm{margin-right: var(--spacing-sm);}.actions-cell .btn-sm:last-child{margin-right: 0;}.documents-cards{display: flex;flex-direction: column;gap: var(--spacing-md);}.document-card{background: var(--color-card-background);border-radius: var(--border-radius-sm);padding: var(--spacing-md);box-shadow: var(--shadow-card);}.document-card-header{display: flex;align-items: flex-start;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.document-card-title{display: flex;flex-direction: column;gap: var(--spacing-xs);flex: 1;min-width: 0;}.document-card-title .file-name{font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);color: var(--color-secondary);word-break: break-word;white-space: normal;}.document-card-info{font-size: var(--font-size-xs);margin-bottom: var(--spacing-md);}.document-card-row{display: flex;margin-bottom: var(--spacing-xs);}.document-card-label{color: var(--color-text-muted);min-width: 80px;}.document-card-value{color: var(--color-secondary);word-break: break-word;}.document-card-value a{color: var(--color-primary);text-decoration: none;}.document-card-actions{display: flex;gap: var(--spacing-sm);flex-wrap: wrap;}.documents-count{margin-top: var(--spacing-md);color: var(--color-text-muted);font-size: var(--font-size-sm);text-align: center;}.has-tooltip{position: relative;cursor: help;}.has-tooltip::after{content: attr(data-tooltip);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-8px);background: var(--color-secondary);color: var(--color-white);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--border-radius-sm);font-size: var(--font-size-sm);white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity var(--transition-duration-default),transform var(--transition-duration-default);z-index: var(--z-tooltip);}.has-tooltip:hover::after{opacity: 1;transform: translateX(-50%) translateY(-4px);}.upload-progress-header{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text);margin-bottom: var(--spacing-md);}.upload-progress-overall{margin-bottom: var(--spacing-md);}.upload-progress-bar-container{width: 100%;height: 8px;background: var(--color-border-light);border-radius: var(--border-radius-sm);overflow: hidden;}.upload-progress-bar{width: 0;height: 100%;background: var(--color-primary);border-radius: var(--border-radius-sm);transition: width var(--transition-duration-default) ease;}.upload-progress-bar.error{background: var(--color-danger,var(--color-error));}.upload-progress-text{font-size: var(--font-size-sm);color: var(--color-text-muted);margin-top: var(--spacing-xs);text-align: right;}.upload-file-list{max-height: 250px;overflow-y: auto;margin-bottom: var(--spacing-md);}.upload-file-item{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) 0;border-bottom: var(--border-width-thin) solid var(--color-border-light);font-size: var(--font-size-sm);}.upload-file-item:last-child{border-bottom: none;}.upload-file-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--color-text);}.upload-file-status{flex-shrink: 0;font-size: var(--font-size-xxs);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);}.upload-file-status.pending{color: var(--color-text-muted);}.upload-file-status.uploading{color: var(--color-primary);font-weight: var(--font-weight-medium);}.upload-file-status.done{color: var(--color-success);}.upload-file-status.error{color: var(--color-danger,var(--color-error));}.upload-file-progress{width: 60px;flex-shrink: 0;}.upload-file-progress .upload-progress-bar-container{height: 4px;}.upload-error-summary{background: var(--color-error-bg);color: var(--color-danger,var(--color-error));padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--border-radius-sm);font-size: var(--font-size-sm);margin-bottom: var(--spacing-md);}.inline-form{display: inline;margin: 0;}.export-buttons-wrapper{margin-bottom: var(--spacing-md);}@media (max-width: 767px){.document-item{flex-direction: column;align-items: flex-start;}.document-actions{width: 100%;justify-content: flex-end;}}@media (min-width: 768px){.documents-table-card{display: block;}.documents-cards{display: none;}.documents-count{text-align: left;}}.expenses-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--spacing-md);}@media (max-width: 991px){.expenses-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}.expense-card{display: flex;flex-direction: column;gap: var(--spacing-md);padding: var(--spacing-md);text-decoration: none;color: inherit;height: 100%;box-sizing: border-box;}.expense-card.expense-inactive{opacity: 0.6;background: var(--color-background);}.expense-header{display: flex;justify-content: space-between;align-items: flex-start;}.expense-icon{width: 38px;height: 38px;border-radius: var(--border-radius-sm);overflow: hidden;background: linear-gradient(100deg,var(--color-primary-hover),var(--color-primary));display: flex;align-items: center;justify-content: center;flex-shrink: 0;padding: var(--spacing-xs);box-sizing: border-box;}.expense-icon img{width: 100%;height: 100%;object-fit: contain;filter: brightness(0) invert(1);}.status-active{background: var(--color-success-bg);color: var(--color-success-dark);}.status-inactive{background: var(--color-error-bg);color: var(--color-error-dark);}.expense-info{display: flex;flex-direction: column;gap: var(--spacing-xs);}.expense-type{font-size: var(--font-size-base);font-weight: var(--font-weight-bold);color: var(--color-secondary);}.expense-counter,.expense-fixed{font-size: var(--font-size-xs);color: var(--color-text-muted);}.expense-price{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary);}.expense-meta{display: flex;justify-content: space-between;align-items: center;padding-top: var(--spacing-md);border-top: var(--border-width-thin) solid var(--color-background);font-size: var(--font-size-xs);}.expense-period{color: var(--color-text-muted);}.expense-payer{padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-border);border-radius: var(--border-radius-sm);color: var(--color-text);}.expense-row{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md) var(--spacing-md);background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);text-decoration: none;color: inherit;transition: border-color var(--transition-duration-fast),box-shadow var(--transition-duration-fast);}.expense-row:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm);}.expense-card-wrapper{position: relative;display: flex;flex-direction: column;background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius);transition: var(--transition-slow);box-shadow: var(--shadow-sm);}.expense-card-wrapper .expense-card{flex: 1;}.expense-card-wrapper:hover{border-color: var(--color-primary);box-shadow: var(--shadow-primary,var(--shadow-sm));transform: translateY(-4px);}.expense-card-wrapper.expense-inactive{opacity: 0.65;background: var(--color-background);}.expense-card-wrapper.expense-inactive:hover{opacity: 0.8;}.expense-property-badge{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-sm);background: var(--color-background);border-radius: var(--border-radius-sm);margin-bottom: var(--spacing-xs);}.property-color-dot{width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0;box-shadow: var(--shadow-sm);}.expense-consumption-type{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-xs);margin: var(--spacing-xs) 0;}.expense-consumption-type .ui-badge{white-space: nowrap;flex-shrink: 0;}.consumption-value{font-size: var(--font-size-xs);color: var(--color-text-muted);font-weight: var(--font-weight-semibold);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.expense-pricing{display: flex;align-items: baseline;justify-content: space-between;gap: var(--spacing-sm);margin: var(--spacing-xs) 0;padding: var(--spacing-sm) var(--spacing-sm);background: var(--color-card-background);border-radius: var(--border-radius-sm);border: var(--border-width-thin) solid var(--color-border);}.price-label{font-size: var(--font-size-xxs);color: var(--color-text-muted);font-weight: var(--font-weight-normal);}.price-value{font-size: var(--font-size-base);font-weight: var(--font-weight-bold);color: var(--color-success);display: flex;align-items: baseline;gap: var(--spacing-xs);}.expense-provider,.expense-period-row{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-sm);padding: var(--spacing-xs) 0;}.expense-provider{border-bottom: var(--border-width-thin) solid var(--color-border);}.provider-label,.period-label{font-size: var(--font-size-xxs);color: var(--color-text-muted);font-weight: var(--font-weight-normal);}.provider-name,.period-value{font-size: var(--font-size-xs);color: var(--color-secondary);font-weight: var(--font-weight-semibold);text-align: right;flex: 1;}.expense-stats{display: flex;align-items: center;gap: var(--spacing-sm);margin-top: var(--spacing-sm);padding-top: var(--spacing-sm);border-top: var(--border-width-thin) solid var(--color-background);}.stat-item{display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);}.property-list{display: flex;flex-direction: column;gap: var(--spacing-sm);}.property-item{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md) var(--spacing-md);background: var(--color-background);border-radius: var(--border-radius-sm);text-decoration: none;color: var(--color-secondary);transition: var(--transition-fast);}.property-item:hover{transform: translateX(4px);}.property-color{width: 4px;height: 32px;border-radius: var(--border-radius-sm);flex-shrink: 0;}.property-name{font-weight: var(--font-weight-medium);font-size: var(--font-size-sm);}.expense-add-modal-overlay{position: fixed;inset: 0;background: var(--color-overlay-50);z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;}.expense-add-modal{background: var(--color-card-background);border-radius: var(--border-radius);width: 90%;max-width: 440px;box-shadow: var(--shadow-lg,var(--shadow-card));}.expense-add-modal-header{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-md) var(--spacing-lg);border-bottom: var(--border-width-thin) solid var(--color-border);}.expense-add-modal-header h3{margin: 0;font-size: var(--font-size-base);}.expense-add-modal-close{background: none;border: none;font-size: var(--font-size-2xl);cursor: pointer;color: var(--color-text-muted);}.expense-add-modal-body{padding: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-sm);}.expense-add-option{display: flex;gap: var(--spacing-md);align-items: flex-start;padding: var(--spacing-md) var(--spacing-md);border-radius: var(--border-radius-sm);text-decoration: none;color: inherit;border: var(--border-width-thin) solid var(--color-border);transition: border-color var(--transition-duration-fast),box-shadow var(--transition-duration-fast);}.expense-add-option:hover{box-shadow: var(--shadow-sm);text-decoration: none;color: inherit;}.expense-add-option-icon{font-size: var(--font-size-3xl);flex-shrink: 0;margin-top: var(--spacing-xs);}.expense-add-option strong{display: block;font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-xs);color: var(--color-text);}.expense-add-option p{margin: 0;font-size: var(--font-size-xs);line-height: var(--line-height-normal);color: var(--color-text-muted);}.expense-add-onetime:hover{border-color: var(--color-warning);}.expense-add-regular:hover{border-color: var(--color-info);}.expense-add-option--tile{flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-sm);min-height: 100%;text-align: center;border-style: dashed;}.expense-add-option--tile .expense-add-option-icon{margin-top: 0;}.expenses-info-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-md);margin-bottom: var(--spacing-md);}@media (max-width: 700px){.expenses-info-grid{grid-template-columns: 1fr;}}.expenses-info-item{display: flex;gap: var(--spacing-sm);align-items: flex-start;padding: var(--spacing-md) var(--spacing-md);border-radius: var(--border-radius-sm);}.expenses-info-onetime{background: var(--color-warning-bg);border: var(--border-width-thin) solid var(--color-warning);}.expenses-info-recurring{background: var(--color-info-bg);border: var(--border-width-thin) solid var(--color-info);}.expenses-info-icon{font-size: var(--font-size-xl);flex-shrink: 0;margin-top: var(--spacing-xs);}.expenses-info-item strong{display: block;font-size: var(--font-size-xs);margin-bottom: var(--spacing-xs);color: var(--color-secondary);}.expenses-info-item p{margin: 0;font-size: var(--font-size-xs);line-height: var(--line-height-normal);color: var(--color-text-muted);}.filter-group:has(.filter-label-help-btn) .form-label{display: inline-flex;align-items: center;gap: var(--spacing-xs);}.filter-label-help-btn{width: auto;height: auto;padding: 0;background: none;border: none;opacity: 0.55;flex-shrink: 0;color: var(--color-text-muted);line-height: 1;}.filter-label-help-btn:hover{opacity: 1;color: var(--color-primary);}.expenses-info-learn-more{margin-top: var(--spacing-md);}.expense-actions{display: flex;gap: var(--spacing-sm);padding: 0 var(--spacing-sm) var(--spacing-sm);}.expense-actions--icon-only{position: absolute;bottom: 10px;right: 10px;padding: 0;}.expense-one-time-add-btn,.expense-manual-add-btn{width: 100%;display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);font-weight: var(--font-weight-medium);}.expense-card-wrapper.expense-one-time{background: var(--color-warning-gradient,var(--color-warning-bg));border: var(--border-width-normal) solid var(--color-warning);}.expense-card-wrapper.expense-one-time:hover{border-color: var(--color-warning);box-shadow: var(--shadow-warning-hover,var(--shadow-sm));}.expense-refresh-form{margin: 0;}.expense-refresh-btn{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: var(--color-success-bg);color: var(--color-success-dark);border: var(--border-width-normal) solid var(--color-success);border-radius: 50%;cursor: pointer;transition: var(--transition-slow);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);box-shadow: var(--shadow-sm);}.expense-refresh-btn:hover{background: var(--color-success);color: var(--color-white);transform: scale(1.1) rotate(15deg);border-color: var(--color-success);}.expense-counters-dropdown{position: relative;}.expense-counters-btn{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: var(--color-warning-gradient,var(--color-warning-bg));color: var(--color-warning);border: var(--border-width-normal) solid var(--color-warning);border-radius: 50%;cursor: pointer;transition: var(--transition-slow);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);box-shadow: var(--shadow-warning,var(--shadow-sm));}.expense-counters-btn:hover{transform: scale(1.1);box-shadow: var(--shadow-warning-hover,var(--shadow-sm));}.counters-dropdown-menu{display: none;position: absolute;bottom: 100%;right: 0;margin-bottom: var(--spacing-sm);background: var(--color-card-background);border: var(--border-width-normal) solid var(--color-border);border-radius: var(--border-radius);box-shadow: var(--shadow-lg,var(--shadow-card));min-width: 240px;z-index: var(--z-dropdown);padding: var(--spacing-sm) 0;}.expense-counters-dropdown:hover .counters-dropdown-menu,.expense-counters-dropdown.open .counters-dropdown-menu{display: block;}.counter-dropdown-item{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-sm) var(--spacing-md);border-bottom: var(--border-width-thin) solid var(--color-background);transition: background var(--transition-duration-default) ease;}.counter-dropdown-item:hover{background: var(--color-background);}.counter-dropdown-item:last-child{border-bottom: none;}.counter-dropdown-info{display: flex;flex-direction: column;gap: var(--spacing-xs);}.counter-dropdown-type{font-size: var(--font-size-xxs);color: var(--color-text-muted);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.3px;}.counter-dropdown-serial{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-secondary);}.counter-dropdown-actions{display: flex;gap: var(--spacing-sm);}.expense-counters{font-size: var(--font-size-xs);display: flex;align-items: center;gap: var(--spacing-xs);flex-wrap: wrap;}.counter-badge{background: var(--color-info-bg);color: var(--color-info);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);font-weight: var(--font-weight-bold);border: var(--border-width-thin) solid var(--color-info);box-shadow: var(--shadow-sm);}.counter-count{color: var(--color-text-muted);font-weight: var(--font-weight-semibold);}@media (max-width: 575px){.expenses-grid{grid-template-columns: 1fr;}}.media-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--spacing-md);}.media-item{position: relative;background: var(--color-card-background);border-radius: var(--border-radius,8px);overflow: hidden;box-shadow: var(--shadow-card,var(--shadow-sm));cursor: pointer;transition: transform var(--transition-duration-default),box-shadow var(--transition-duration-default);}.media-item:hover{transform: translateY(-4px);box-shadow: var(--shadow-card-hover,var(--shadow-md));}.media-thumb{width: 100%;height: 150px;overflow: hidden;position: relative;background: var(--color-background);}.media-thumb img{width: 100%;height: 100%;object-fit: cover;}.video-thumb{display: flex;align-items: center;justify-content: center;}.play-icon{position: absolute;width: 50px;height: 50px;background: var(--color-overlay-50);color: var(--button-primary-text);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xl);}.zoom-icon{position: absolute;bottom: var(--spacing-sm);right: var(--spacing-sm);background: var(--color-overlay-50);color: var(--button-primary-text);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-small,var(--border-radius-sm));font-size: var(--font-size-base);opacity: 0;transition: opacity var(--transition-duration-default);}.media-thumb:hover .zoom-icon{opacity: 1;}.media-info{padding: var(--spacing-sm);display: flex;flex-direction: column;gap: var(--spacing-xs);}.media-type{font-size: var(--font-size-xxs);font-weight: var(--font-weight-medium);color: var(--color-secondary);background: var(--color-info-bg);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);display: inline-block;width: fit-content;}.media-date{font-size: var(--font-size-xxs);color: var(--color-text-muted);}.media-caption{font-size: var(--font-size-xs);color: var(--color-secondary);font-weight: var(--font-weight-medium);line-height: var(--line-height-tight);margin-top: var(--spacing-xs);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.media-item .media-caption-edit-btn{position: absolute;top: var(--spacing-sm);right: var(--spacing-2xl);width: 28px;height: 28px;border-radius: 50%;border: none;padding: 0;background: var(--color-primary);color: var(--button-primary-text);cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity var(--transition-duration-default),transform var(--transition-duration-default);box-shadow: var(--shadow-button);z-index: var(--z-card-control);}.media-item .media-caption-edit-btn svg{width: 14px;height: 14px;}.media-item:hover .media-caption-edit-btn,.media-item .media-caption-edit-btn:focus{opacity: 1;}.media-item .media-caption-edit-btn:hover{transform: scale(1.1);}.media-section{margin-bottom: var(--spacing-lg);}.media-section-title{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-secondary);margin: 0 0 var(--spacing-sm);padding-bottom: var(--spacing-sm);border-bottom: var(--border-width-thin) solid var(--color-border);}.media-section-count{font-weight: var(--font-weight-normal);color: var(--color-text-muted);font-size: var(--font-size-xs);}.media-checkbox{position: absolute;top: var(--spacing-sm);left: var(--spacing-sm);z-index: var(--z-card-control);}.media-checkbox input[type="checkbox"]{width: 20px;height: 20px;cursor: pointer;}.bulk-actions{display: none;align-items: center;gap: var(--spacing-md);background: var(--color-info-bg);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--border-radius-sm);}.selected-count{font-weight: var(--font-weight-medium);color: var(--color-info);}.gallery-overlay{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: var(--color-overlay-50);z-index: var(--z-lightbox);align-items: center;justify-content: center;}.gallery-overlay.active{display: flex;}.gallery-content{position: relative;width: 90%;max-width: 1000px;max-height: 90vh;display: flex;flex-direction: column;}.gallery-close{position: absolute;top: -40px;right: 0;z-index: var(--z-lightbox-control);}.gallery-prev,.gallery-next{position: absolute;top: 50%;z-index: var(--z-lightbox-control);}.gallery-prev{left: -60px;}.gallery-next{right: -60px;}.gallery-media{background: var(--color-text);border-radius: var(--border-radius,8px);overflow: hidden;display: flex;align-items: center;justify-content: center;min-height: 400px;}.gallery-media img{max-width: 100%;max-height: 70vh;object-fit: contain;}.gallery-media iframe{width: 100%;height: 60vh;border: none;}.gallery-footer{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-md) 0;color: var(--button-primary-text);flex-wrap: wrap;gap: var(--spacing-md);}.gallery-info{font-size: var(--font-size-sm);}.gallery-actions{display: flex;gap: var(--spacing-md);}.media-delete-form{position: absolute;top: var(--spacing-sm);right: var(--spacing-sm);z-index: var(--z-card-control);}.media-delete-btn{width: 28px;height: 28px;border-radius: 50%;border: none;background: var(--color-error);color: var(--button-primary-text);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;transition: opacity var(--transition-duration-default),transform var(--transition-duration-default);box-shadow: var(--shadow-button);}.media-delete-btn svg{width: 14px;height: 14px;}.media-item:hover .media-delete-btn{opacity: 1;}.media-delete-btn:hover{transform: scale(1.1);background: var(--color-error-dark,var(--color-error));}.sortable-ghost{opacity: 0.4;}.sort-toast{position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);background: var(--color-success);color: var(--button-primary-text);padding: var(--spacing-sm) var(--spacing-lg);border-radius: var(--border-radius-sm);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);z-index: var(--z-toast);animation: fadeInUp 0.3s ease;}@keyframes fadeInUp{from{opacity: 0;transform: translateX(-50%) translateY(10px);}to{opacity: 1;transform: translateX(-50%) translateY(0);}}@media (max-width: 767px){.media-grid{grid-template-columns: repeat(2,1fr);gap: var(--spacing-sm);}.media-thumb{height: 120px;}.gallery-prev,.gallery-next{display: none;}.gallery-content{width: 95%;}}.otc-list{display: flex;flex-direction: column;border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-card-background);}.otc-row{display: flex;align-items: center;border-bottom: var(--border-width-thin) solid var(--color-border);transition: background var(--transition-duration-fast);}.otc-row:last-child{border-bottom: none;}.otc-row:hover{background: var(--color-background);}.otc-row-link{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);text-decoration: none;color: inherit;flex: 1;min-width: 0;}.otc-left{display: flex;flex-direction: column;gap: var(--spacing-xs);min-width: 110px;max-width: 150px;flex-shrink: 0;}.otc-date{font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-secondary);}.otc-period{font-size: var(--font-size-xxs);color: var(--color-text-muted);white-space: nowrap;}.otc-center{flex: 1;min-width: 0;}.otc-notes{font-size: var(--font-size-xs);color: var(--color-text);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}.otc-notes--empty{color: var(--color-text-muted);}.otc-right{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0;}.otc-amount{font-weight: var(--font-weight-bold);font-size: var(--font-size-xs);color: var(--color-primary);white-space: nowrap;}.otc-actions{display: flex;gap: var(--spacing-xs);padding-right: var(--spacing-md);flex-shrink: 0;}.otc-delete-form{display: inline;}.otc-filter-bar{display: flex;flex-wrap: wrap;gap: var(--spacing-sm);align-items: center;margin-bottom: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);background: var(--color-background);border-radius: var(--border-radius);border: var(--border-width-thin) solid var(--color-border);}.otc-filter-input{padding: var(--spacing-xs) var(--spacing-sm);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);background: var(--color-card-background);color: var(--color-text);}.otc-filter-amount{width: 80px;}@media (max-width: 767px){.otc-row-link{flex-wrap: wrap;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);}.otc-left{flex-direction: row;gap: var(--spacing-sm);align-items: center;max-width: none;min-width: auto;}.otc-center{width: 100%;order: 3;}.otc-right{flex-direction: row;gap: var(--spacing-sm);align-items: center;}.otc-actions{padding-right: var(--spacing-sm);}}@media (max-width: 575px){.otc-filter-bar{gap: var(--spacing-xs);}.otc-filter-input{font-size: var(--font-size-xs);padding: var(--spacing-xs) var(--spacing-sm);}}.pay-list{display: flex;flex-direction: column;border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-card-background);}.pay-row{border-bottom: var(--border-width-thin) solid var(--color-border);}.pay-row:last-child{border-bottom: none;}.pay-row--inactive{opacity: 0.5;}.pay-row-main{display: flex;align-items: center;gap: var(--spacing-sm);transition: background var(--transition-duration-fast);}.pay-row-main:hover{background: var(--color-background);}.pay-expand-btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;flex-shrink: 0;margin-left: var(--spacing-sm);}.pay-row-link{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xs);text-decoration: none;color: inherit;flex: 1;min-width: 0;}.pay-details{background: var(--color-background);border-top: var(--border-width-thin) solid var(--color-border);padding: var(--spacing-md) var(--spacing-3xl);}.pay-details-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--spacing-sm) var(--spacing-lg);}.pay-detail-item{display: flex;gap: var(--spacing-sm);font-size: var(--font-size-xs);}.pay-detail-item--full{grid-column: 1 / -1;}.pay-detail-label{font-weight: var(--font-weight-semibold);color: var(--color-secondary);min-width: 110px;flex-shrink: 0;}.pay-detail-value{color: var(--color-text);word-break: break-word;}.pay-left{display: flex;flex-direction: column;gap: var(--spacing-xs);min-width: 100px;max-width: 150px;flex-shrink: 0;}.pay-date{font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-secondary);}.pay-prop{font-size: var(--font-size-xxs);color: var(--color-text-muted);padding-left: var(--spacing-sm);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.pay-type{font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);display: inline-block;width: fit-content;}.pay-type--rental{background: var(--color-primary-bg,var(--color-info-bg));color: var(--color-primary);}.pay-type--expense{background: var(--color-warning-bg);color: var(--color-warning);}.pay-center{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-xs);}.pay-desc{font-size: var(--font-size-xs);color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.pay-payer{font-size: var(--font-size-xxs);color: var(--color-info);}.pay-right{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0;}.pay-amount{font-weight: var(--font-weight-bold);font-size: var(--font-size-xs);color: var(--color-success);white-space: nowrap;}.pay-status{display: inline-block;padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);white-space: nowrap;}.pay-status--confirmed{color: var(--color-success);}.pay-status--partial{background: var(--color-warning-bg);color: var(--color-warning);}.pay-actions{display: flex;gap: var(--spacing-xs);padding-right: var(--spacing-md);flex-shrink: 0;}.pay-action-form{display: inline;}.pay-total-card{background: var(--color-success-bg);border: var(--border-width-thin) solid var(--color-background);border-radius: var(--border-radius-sm);padding: var(--spacing-md) var(--spacing-lg);margin-bottom: var(--spacing-lg);display: flex;flex-wrap: wrap;gap: var(--spacing-lg);align-items: center;}.pay-total-item{display: flex;flex-direction: column;gap: var(--spacing-xs);}.pay-total-label{font-size: var(--font-size-xs);color: var(--color-success);}.pay-total-value{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-success);}.pay-total-sub{font-size: var(--font-size-xs);color: var(--color-text-muted);}@media (max-width: 767px){.pay-row-link{flex-wrap: wrap;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xs);}.pay-left{flex-direction: row;gap: var(--spacing-sm);align-items: center;max-width: none;min-width: auto;}.pay-center{width: 100%;order: 3;}.pay-right{flex-direction: row;gap: var(--spacing-sm);align-items: center;}.pay-details{padding: var(--spacing-sm) var(--spacing-md);}.pay-details-grid{grid-template-columns: 1fr;}.pay-total-card{flex-direction: column;gap: var(--spacing-sm);}}.penalties-list{display: flex;flex-direction: column;border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-card-background);}.penalty-row{display: flex;align-items: center;border-bottom: var(--border-width-thin) solid var(--color-border);transition: background var(--transition-duration-fast);}.penalty-row:last-child{border-bottom: none;}.penalty-row:hover{background: var(--color-background);}.penalty-row-link{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);text-decoration: none;color: inherit;flex: 1;min-width: 0;}.penalty-left{display: flex;flex-direction: column;gap: var(--spacing-xs);min-width: 100px;max-width: 140px;flex-shrink: 0;}.penalty-date{font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-secondary);}.penalty-prop{font-size: var(--font-size-xxs);color: var(--color-text-muted);padding-left: var(--spacing-sm);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.penalty-contract{font-size: var(--font-size-xxs);color: var(--color-text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.penalty-center{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-xs);}.penalty-desc{font-size: var(--font-size-xs);color: var(--color-text);line-height: var(--line-height-normal);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.penalty-violator{font-size: var(--font-size-xxs);color: var(--color-info);}.penalty-right{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0;}.penalty-amount{font-weight: var(--font-weight-bold);font-size: var(--font-size-xs);color: var(--color-warning);white-space: nowrap;}.penalty-status{display: inline-block;padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);white-space: nowrap;}.penalty-status-paid{background: var(--color-success-bg);color: var(--color-success);}.penalty-status-partial{background: var(--color-primary-bg,var(--color-info-bg));color: var(--color-primary);}.penalty-status-unpaid{background: var(--color-error-bg);color: var(--color-error);}.penalty-actions{display: flex;gap: var(--spacing-xs);padding-right: var(--spacing-md);flex-shrink: 0;}.penalty-delete-form{display: inline;}.total-amount-card{background: var(--color-warning-bg);border: var(--border-width-thin) solid var(--color-background);border-radius: var(--border-radius-sm);padding: var(--spacing-md) var(--spacing-lg);margin-bottom: var(--spacing-lg);display: flex;flex-wrap: wrap;gap: var(--spacing-md);align-items: center;}.total-label{font-size: var(--font-size-sm);color: var(--color-warning);}.total-value{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-warning);}.total-paid-section{padding-left: var(--spacing-md);border-left: var(--border-width-normal) solid var(--color-success);}.total-paid-text{font-size: var(--font-size-xs);color: var(--color-success);font-weight: var(--font-weight-semibold);}@media (max-width: 767px){.penalty-row-link{flex-wrap: wrap;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);}.penalty-left{flex-direction: row;gap: var(--spacing-sm);align-items: center;max-width: none;min-width: auto;}.penalty-center{width: 100%;order: 3;}.penalty-right{flex-direction: row;gap: var(--spacing-sm);align-items: center;}.penalty-actions{padding-right: var(--spacing-sm);}}.my-receipts-page,.admin-receipts-page{max-width: 1400px;margin: 0 auto;padding: var(--spacing-lg);}.filters-panel{background: var(--color-white);border-radius: var(--border-radius);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-card,var(--shadow-sm));}.filters-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--spacing-md);margin-bottom: var(--spacing-md);}.filter-compact{display: flex;align-items: center;gap: var(--spacing-sm);background: var(--color-background);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--border-radius-sm);}.filter-icon{font-size: var(--font-size-lg);flex-shrink: 0;}.filter-compact input,.filter-compact select{flex: 1;border: none;background: transparent;padding: var(--spacing-xs);font-size: var(--font-size-sm);outline: none;}.filter-compact.amount-range{display: flex;gap: var(--spacing-xs);}.filter-compact.amount-range input{width: 80px;}.filter-compact .separator{color: var(--color-text-muted);font-size: var(--font-size-xs);}.filter-actions{display: flex;gap: var(--spacing-md);}.receipts-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(350px,1fr));gap: var(--spacing-md);margin-bottom: var(--spacing-lg);}.receipt-card-wrapper{position: relative;}.receipt-card{position: relative;background: var(--color-white);border-radius: var(--border-radius-sm);padding: var(--spacing-md) var(--spacing-md);box-shadow: var(--shadow-card,var(--shadow-sm));border-left: 4px solid var(--color-success);color: inherit;display: block;text-decoration: none;transition: var(--transition-default,all 0.2s);}.receipt-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-card-hover,var(--shadow-md));text-decoration: none;color: inherit;}.receipt-card[data-href]{cursor: pointer;}.receipt-card-link{position: absolute;inset: 0;border-radius: inherit;z-index: var(--z-card-scrim);}.receipt-card>.rc-top,.receipt-card>.rc-details,.receipt-card>.rc-footer{position: relative;}.receipt-card .payment-link,.receipt-card .rc-pay-link,.receipt-card .rc-pay-adj,.receipt-card .rc-adj-inline,.receipt-card .confirm-form-inline{position: relative;z-index: var(--z-card-content);}.delete-form{position: absolute;bottom: 12px;right: 12px;z-index: var(--z-card-control);}.receipt-card-wrapper .btn-delete-receipt{opacity: 0;}.receipt-card-wrapper:hover .btn-delete-receipt{opacity: 1;}.rc-top{display: flex;align-items: baseline;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.rc-id{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);}.rc-date{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text,var(--color-secondary));}.rc-creator{font-size: var(--font-size-xs);color: var(--color-text-muted);}.rc-amount{margin-left: auto;font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-text,var(--color-secondary));display: flex;flex-direction: column;align-items: flex-end;gap: 1px;position: relative;z-index: var(--z-card-content);}.rc-amount-converted{font-size: var(--font-size-xs);font-weight: var(--font-weight-normal);color: var(--color-text-muted);}.rc-attach,.rc-adj{font-size: var(--font-size-xs);opacity: 0.6;}.rc-drive{font-size: var(--font-size-xs);text-decoration: none;opacity: 0.6;}.rc-drive:hover{opacity: 1;}.rc-details{display: flex;flex-wrap: wrap;gap: var(--spacing-xs) var(--spacing-md);margin-bottom: var(--spacing-sm);}.rc-detail{font-size: var(--font-size-xs);color: var(--color-text-secondary);}.rc-footer{display: flex;align-items: center;gap: var(--spacing-sm);padding-top: var(--spacing-sm);border-top: var(--border-width-thin) solid var(--color-border-light,var(--color-background));}.payment-link{color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium);transition: var(--transition-fast,all 0.15s);}.payment-link:hover{color: var(--color-primary-hover);text-decoration: underline;}.rc-payments-list,.rc-payments{width: 100%;display: flex;flex-direction: column;gap: var(--spacing-xs);margin-top: var(--spacing-xs);}.rc-payment-row,.rc-pay-item{display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacing-xs) var(--spacing-sm);font-size: var(--font-size-xs);}.rc-pay-label{color: var(--color-text-muted);font-size: var(--font-size-xxs);text-transform: uppercase;letter-spacing: 0.3px;min-width: 55px;}.rc-pay-amount{color: var(--color-text,var(--color-secondary));font-weight: var(--font-weight-medium);margin-left: auto;position: relative;z-index: var(--z-card-content);white-space: nowrap;}.rc-pay-link{color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-semibold);white-space: nowrap;}.rc-pay-link:hover{text-decoration: underline;}.rc-adj-inline,.rc-pay-adj{color: var(--color-warning);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);white-space: nowrap;text-decoration: none;}a.rc-adj-inline:hover,.rc-pay-adj:hover{text-decoration: underline;}.receipt-card .rc-details,.receipt-card .rc-payments,.receipt-card .rc-footer{background: none !important;box-shadow: none !important;border-radius: 0 !important;padding: 0 !important;}.receipt-card .rc-footer{padding-top: var(--spacing-sm) !important;border-top: var(--border-width-thin) solid var(--color-border-light,var(--color-background)) !important;}.confirm-form-inline{display: inline-flex;margin: 0;}.receipt-card-wrapper .btn-confirm-inline.confirmed:hover{background: var(--color-warning);border-color: var(--color-warning);color: var(--color-white);}.admin-receipts-page .receipt-card{border-radius: var(--border-radius);padding: var(--spacing-md);}.card-header{display: flex;align-items: center;gap: var(--spacing-md);margin-bottom: var(--spacing-md);padding-bottom: var(--spacing-md);border-bottom: var(--border-width-thin) solid var(--color-border-light,var(--color-background));}.card-date .date{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text,var(--color-secondary));}.card-date .creator{font-size: var(--font-size-xs);color: var(--color-text-muted);}.card-amount{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-text,var(--color-secondary));display: flex;align-items: center;gap: var(--spacing-sm);}.attachment-icon{font-size: var(--font-size-base);opacity: 0.6;}.info-row .value{flex: 1;color: var(--color-text-secondary);}.total-card{background: var(--color-card-background);padding: var(--spacing-md) var(--spacing-lg);border-radius: var(--border-radius-large,var(--border-radius));border: var(--border-width-thin) solid var(--color-border);display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-lg);}.total-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-normal);color: var(--color-text-muted);}.total-label strong{color: var(--color-secondary);font-weight: var(--font-weight-semibold);}.total-amount{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-primary);}.total-count{font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-secondary);}.pagination{display: flex;justify-content: center;align-items: center;gap: var(--spacing-md);margin-top: var(--spacing-lg);}.pagination-link{color: var(--color-primary);text-decoration: none;padding: var(--spacing-sm) var(--spacing-md);border: var(--border-width-thin) solid var(--color-primary);border-radius: var(--border-radius-sm);transition: var(--transition-default,all 0.2s);}.pagination-link:hover{background: var(--color-primary);color: var(--color-white);}.pagination-info{color: var(--color-text-muted);font-size: var(--font-size-sm);}@media (max-width: 767px){.receipts-grid{grid-template-columns: 1fr;}.filters-grid{grid-template-columns: 1fr;}.rc-top{flex-wrap: wrap;}.rc-amount{font-size: var(--font-size-base);}.rc-details{flex-direction: column;gap: var(--spacing-xs);}.rc-pay-item{font-size: var(--font-size-xs);}}.compensations-list{display: flex;flex-direction: column;gap: var(--spacing-sm);}.compensation-card{background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);transition: var(--transition-fast);}.compensation-card:hover{border-color: var(--color-primary);box-shadow: var(--shadow-primary,var(--shadow-sm));}.compensation-link{display: block;padding: var(--spacing-md) var(--spacing-md);text-decoration: none;color: inherit;}.compensation-row{display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacing-sm);}.compensation-row-secondary{margin-top: var(--spacing-sm);font-size: var(--font-size-xs);}.compensation-row-comment{margin-top: var(--spacing-sm);font-size: var(--font-size-xs);color: var(--color-text-muted);font-style: italic;}.compensation-sep{color: var(--color-border-light,var(--color-border));font-size: var(--font-size-xs);}.compensation-date{font-weight: var(--font-weight-medium);color: var(--color-secondary);}.compensation-tenant{color: var(--color-primary);font-weight: var(--font-weight-medium);}.compensation-amount{font-weight: var(--font-weight-semibold);color: var(--color-success);}.compensation-status{font-size: var(--font-size-xs);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);}.status-confirmed{background: var(--color-success-bg);color: var(--color-success-dark,var(--color-success));}.status-pending{background: var(--color-warning-bg);color: var(--color-warning-dark,var(--color-warning));}.compensation-files{border-top: var(--border-width-thin) solid var(--color-border);padding: var(--spacing-sm) var(--spacing-md);background: var(--color-background);border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);}.files-table{width: 100%;border-collapse: collapse;}.files-table tr:not(:last-child){border-bottom: var(--border-width-thin) solid var(--color-border);}.files-table td{padding: var(--spacing-sm) 0;vertical-align: middle;}.files-table .file-icon{width: 24px;font-size: var(--font-size-sm);}.files-table .file-name{font-size: var(--font-size-xs);color: var(--color-secondary);word-break: break-all;}.files-table .file-size{width: 70px;font-size: var(--font-size-xs);color: var(--color-text-muted);text-align: right;padding-right: var(--spacing-sm);}.files-table .file-action{width: 32px;text-align: center;}@media (max-width: 767px){.compensation-row{flex-direction: column;align-items: flex-start;gap: var(--spacing-xs);}}.total-value-card{background: var(--color-success-bg);border: var(--border-width-thin) solid var(--color-success);border-radius: var(--border-radius,var(--border-radius-sm));padding: var(--spacing-md) var(--spacing-lg);margin-bottom: var(--spacing-lg);display: flex;align-items: center;gap: var(--spacing-md);}.assets-list{display: flex;flex-direction: column;gap: var(--spacing-md);}.asset-card{background: var(--color-card-background);border: var(--border-width-thin) solid var(--color-border-light,var(--color-border));border-radius: var(--border-radius,8px);transition: var(--transition-fast);border-left: 4px solid var(--color-success);display: flex;align-items: center;}.asset-card:hover{box-shadow: var(--shadow-card-hover,var(--shadow-sm));}.asset-link{display: block;flex: 1 1 auto;min-width: 0;padding: var(--spacing-md);text-decoration: none;color: inherit;}.asset-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-sm);}.asset-date{font-weight: var(--font-weight-semibold);color: var(--color-secondary);}.asset-value{padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);background: var(--color-success-bg);color: var(--color-success-dark,var(--color-success));}.asset-body{margin-bottom: var(--spacing-sm);}.asset-name{font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: var(--color-secondary);margin-bottom: var(--spacing-xs);}.asset-description{font-size: var(--font-size-sm);color: var(--color-text-muted);line-height: var(--line-height-normal);}.asset-footer{display: flex;justify-content: flex-end;font-size: var(--font-size-xs);color: var(--color-text-muted);}.asset-meta{display: flex;gap: var(--spacing-md);}.asset-photos{flex: 0 0 auto;display: flex;gap: var(--spacing-xs,4px);padding: 0 var(--spacing-md,16px);}.asset-photo-thumb{position: relative;width: 48px;height: 48px;padding: 0;border: none;border-radius: var(--border-radius-sm,8px);overflow: hidden;cursor: pointer;background: var(--color-background);}.asset-photo-img,.asset-photo-thumb picture,.asset-photo-thumb img{width: 100%;height: 100%;object-fit: cover;display: block;}.asset-photo-thumb--more .asset-photo-img,.asset-photo-thumb--more img{filter: brightness(0.5);}.asset-photo-more-badge{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;color: var(--color-white);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);}.amount-cell{font-weight: var(--font-weight-semibold);color: var(--color-success-dark,var(--color-success));white-space: nowrap;}.asset-name-cell{font-weight: var(--font-weight-medium);color: var(--color-secondary);}.doc-badge{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-info-bg);border-radius: var(--border-radius-sm);font-size: var(--font-size-xs);color: var(--color-info);}.crm-task-cards{display: flex;flex-direction: column;gap: var(--spacing-sm);}.crm-task-card{display: block;padding: var(--spacing-md) var(--spacing-md);border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius,var(--border-radius-sm));text-decoration: none;color: inherit;background: var(--color-card-background);transition: border-color var(--transition-duration-default);}.crm-task-card:hover{border-color: var(--color-primary);text-decoration: none;color: inherit;}.crm-card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-sm);}.crm-task-number{font-family: var(--font-family-code);font-size: var(--font-size-xs);color: var(--color-primary);font-weight: var(--font-weight-semibold);}.crm-card-badges{display: flex;gap: var(--spacing-xs);flex-wrap: wrap;}.crm-card-title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-sm);color: var(--color-secondary);}.crm-card-meta{font-size: var(--font-size-xs);color: var(--color-text-muted);}.crm-meta-sep{margin: 0 var(--spacing-xs);}.crm-card-unassigned{border-color: var(--color-danger,var(--color-error));border-left: var(--border-width-thick) solid var(--color-danger,var(--color-error));}.crm-card-unassigned:hover{border-color: var(--color-danger,var(--color-error));}.crm-no-admin{color: var(--color-danger,var(--color-error));font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);}.crm-property-badge{display: inline-block;padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);background: var(--color-warning-bg);color: var(--color-warning);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);}.crm-bonus-badge{display: inline-block;padding: 1px var(--spacing-sm);border-radius: var(--border-radius-sm);background: var(--color-success-bg);color: var(--color-success);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);}.viol-list{display: flex;flex-direction: column;border: var(--border-width-thin) solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;background: var(--color-card-background);}.viol-row{border-bottom: var(--border-width-thin) solid var(--color-border);}.viol-row:last-child{border-bottom: none;}.viol-row-main{display: flex;align-items: center;gap: var(--spacing-sm);transition: background var(--transition-duration-fast);}.viol-row-main:hover{background: var(--color-background);}.viol-expand-btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;flex-shrink: 0;margin-left: var(--spacing-sm);}.viol-row-link{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xs);text-decoration: none;color: inherit;flex: 1;min-width: 0;}.viol-left{display: flex;flex-direction: column;gap: var(--spacing-xs);min-width: 100px;max-width: 150px;flex-shrink: 0;}.viol-date{font-weight: var(--font-weight-semibold);font-size: var(--font-size-xs);color: var(--color-secondary);}.viol-prop{font-size: var(--font-size-xxs);color: var(--color-text-muted);padding-left: var(--spacing-sm);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.viol-contract{font-size: var(--font-size-xxs);color: var(--color-text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.viol-center{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--spacing-xs);}.viol-desc{font-size: var(--font-size-xs);color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.viol-violator{font-size: var(--font-size-xxs);color: var(--color-info);}.viol-right{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0;}.viol-severity{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--border-radius-sm);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);white-space: nowrap;}.viol-severity--low{background: var(--color-info-bg);color: var(--color-info);}.viol-severity--medium{background: var(--color-warning-bg);color: var(--color-warning);}.viol-severity--high{background: var(--color-error-bg);color: var(--color-error);}.viol-severity--critical{background: var(--color-error);color: var(--color-white);}.viol-meta{font-size: var(--font-size-xxs);color: var(--color-text-muted);display: flex;gap: var(--spacing-sm);}.viol-actions{display: flex;gap: var(--spacing-xs);padding-right: var(--spacing-md);flex-shrink: 0;}.viol-total-card{background: var(--color-error-bg);border: var(--border-width-thin) solid var(--color-background);border-radius: var(--border-radius-sm);padding: var(--spacing-md) var(--spacing-lg);margin-bottom: var(--spacing-lg);display: flex;flex-wrap: wrap;gap: var(--spacing-md);align-items: center;}.viol-total-label{font-size: var(--font-size-sm);color: var(--color-error);}.viol-total-value{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-error);}.viol-total-sub{font-size: var(--font-size-xs);color: var(--color-text-muted);margin-left: var(--spacing-sm);}.viol-details{background: var(--color-background);border-top: var(--border-width-thin) solid var(--color-border);padding: var(--spacing-md) var(--spacing-3xl);}.viol-details-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--spacing-sm) var(--spacing-lg);}.viol-detail-item{display: flex;gap: var(--spacing-sm);font-size: var(--font-size-xs);}.viol-detail-item--full{grid-column: 1 / -1;}.viol-detail-label{font-weight: var(--font-weight-semibold);color: var(--color-secondary);min-width: 110px;flex-shrink: 0;}.viol-detail-value{color: var(--color-text);word-break: break-word;}.viol-detail-clauses .viol-detail-value{display: flex;flex-wrap: wrap;gap: var(--spacing-xs);}@media (max-width: 767px){.viol-row-link{flex-wrap: wrap;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xs);}.viol-left{flex-direction: row;gap: var(--spacing-sm);align-items: center;max-width: none;min-width: auto;}.viol-center{width: 100%;order: 3;}.viol-right{flex-direction: row;gap: var(--spacing-sm);align-items: center;}.viol-details{padding: var(--spacing-sm) var(--spacing-md);}.viol-details-grid{grid-template-columns: 1fr;}}.property-link-mini{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm);background: var(--color-background);border-radius: var(--border-radius-sm);text-decoration: none;color: var(--color-secondary);font-size: var(--font-size-xxs);font-weight: var(--font-weight-medium);}.property-link-mini:hover{background: var(--color-border);}.back-link{margin-top: var(--spacing-lg);}.pagination-per-page{display: flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--color-text-muted);}.pagination-per-page__option{padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);color: var(--color-text);text-decoration: none;}.pagination-per-page__option--active{background: var(--color-primary);border-color: var(--color-primary);color: var(--color-white);}