.financial-page{padding:var(--spacing-sm);width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;background:var(--background)}.financial-page>.tabs-container{flex:1 1;min-height:0;display:flex;flex-direction:column}.financial-page-no-permission{display:flex;align-items:center;justify-content:center;min-height:400px}.financial-no-permission{text-align:center;padding:var(--spacing-xl)}.financial-no-permission-icon{color:var(--textSecondary);margin-bottom:var(--spacing-md)}.financial-no-permission-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text);margin:0 0 var(--spacing-sm) 0}.financial-no-permission-text{color:var(--textSecondary);font-size:var(--font-size-sm);margin:0}.financial-titles-tab{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;min-height:0;max-width:1400px;margin:0 auto;width:100%}.financial-titles-header{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.financial-titles-header-info{flex:1 1}.financial-titles-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0 0 var(--spacing-xs) 0}.financial-titles-subtitle{color:var(--textSecondary);font-size:var(--font-size-sm);margin:0}.financial-stats-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);width:100%;box-sizing:border-box}.financial-stat-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all var(--transition-normal)}.financial-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.financial-stat-card-skeleton{animation:pulse 1.5s ease-in-out infinite}.financial-stat-icon-skeleton{width:3rem;height:3rem;background:var(--border);border-radius:var(--radius-md)}.financial-stat-label-skeleton,.financial-stat-value-skeleton{height:1rem;background:var(--border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.financial-stat-value-skeleton{height:1.5rem;width:60%}.financial-stat-content{display:flex;align-items:center;gap:var(--spacing-md)}.financial-stat-icon{border-radius:var(--radius-md);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.financial-stat-icon-blue{background-color:var(--primary);color:white}.financial-stat-icon-green{background-color:#10B981;color:white}.financial-stat-icon-yellow{background-color:#F59E0B;color:white}.financial-stat-icon-red{background-color:#EF4444;color:white}.stat-icon{width:1.5rem;height:1.5rem}.financial-stat-data{flex:1 1;min-width:0}.financial-stat-label{font-size:var(--font-size-xs);color:var(--textSecondary);margin:0 0 var(--spacing-xs) 0;font-weight:500}.financial-stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin:0}.financial-stat-count{font-size:var(--font-size-xs);color:var(--textSecondary);display:block;margin-top:var(--spacing-xs)}.financial-value-positive{color:#10B981}.financial-value-warning{color:#F59E0B}.financial-value-negative{color:#EF4444}.financial-filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.financial-filters-header{display:flex;align-items:center;gap:var(--spacing-sm)}.financial-filters-toggle{display:flex;align-items:center;gap:var(--spacing-xs)}.financial-filters-badge{background:var(--primary);color:var(--surface);font-size:var(--font-size-xs);padding:0 var(--spacing-xs);border-radius:var(--radius-full);margin-left:var(--spacing-xs)}.financial-filters-clear{color:var(--textSecondary)}.financial-filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.financial-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.financial-filter-label{font-size:var(--font-size-xs);font-weight:500;color:var(--textSecondary);display:flex;align-items:center;gap:var(--spacing-xs)}.financial-filter-input,.financial-filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-size:var(--font-size-sm);transition:border-color var(--transition-normal)}.financial-filter-input:focus,.financial-filter-select:focus{outline:none;border-color:var(--primary)}.financial-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.financial-filter-apply{width:100%}.financial-filters-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.financial-filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-transparent);color:var(--primary);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.financial-filter-tag-remove{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:inherit;opacity:.7;transition:opacity var(--transition-normal)}.financial-filter-tag-remove:hover{opacity:1}.financial-title-list{min-height:0;padding-top:var(--spacing-sm)}.financial-title-list,.financial-title-list-items{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1 1}.financial-title-list-items{overflow-y:auto;padding:var(--spacing-xs)}.financial-title-list-loading{display:flex;flex-direction:column;gap:var(--spacing-sm)}.financial-title-card-skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);animation:pulse 1.5s ease-in-out infinite}.financial-title-card-skeleton-header{height:2rem;background:var(--border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.financial-title-card-skeleton-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.financial-title-card-skeleton-line{height:1rem;background:var(--border);border-radius:var(--radius-sm)}.financial-title-card-skeleton-line:nth-child(2){width:80%}.financial-title-card-skeleton-line:nth-child(3){width:60%}.financial-title-list-error{text-align:center;padding:var(--spacing-xl);color:var(--error)}.financial-title-list-empty{text-align:center;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.financial-title-list-empty-icon{color:var(--textSecondary)}.financial-title-list-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin:0}.financial-title-list-empty-text{color:var(--textSecondary);font-size:var(--font-size-sm);margin:0}.financial-title-list-pagination{flex-direction:column;padding-top:var(--spacing-md);border-top:1px solid var(--border)}.financial-pagination-controls,.financial-title-list-pagination{display:flex;align-items:center;gap:var(--spacing-sm)}.financial-pagination-current{font-size:var(--font-size-sm);color:var(--text);padding:0 var(--spacing-md)}.financial-title-list-pagination-info{font-size:var(--font-size-xs);color:var(--textSecondary);margin:0}.financial-title-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal)}.financial-title-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--primary)}.financial-title-card:focus{outline:none;box-shadow:0 0 0 2px var(--primary-transparent)}.financial-title-card-overdue{border-left:3px solid var(--error)}.financial-title-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.financial-title-card-amount{display:flex;align-items:center;gap:var(--spacing-xs)}.financial-title-card-amount-icon{color:var(--primary)}.financial-title-card-amount-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text)}.financial-title-card-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.financial-status-pending{background:#FEF3C7;color:#92400E}.financial-status-paid{background:#D1FAE5;color:#065F46}.financial-status-cancelled{background:#FEE2E2;color:#991B1B}.financial-title-card-body,.financial-title-card-service{margin-bottom:var(--spacing-sm)}.financial-title-card-service{font-size:var(--font-size-sm);font-weight:600;color:var(--text)}.financial-title-card-info{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.financial-title-card-info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--textSecondary)}.financial-title-card-info-icon{flex-shrink:0}.financial-title-card-info-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-title-card-overdue-text{color:var(--error)}.financial-title-card-overdue-badge{background:var(--error);color:white;padding:0 var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.financial-title-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.financial-title-card-id{font-size:var(--font-size-xs);color:var(--textSecondary)}.financial-title-card-action{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--primary);font-weight:500}.financial-detail{padding:var(--spacing-sm)}.financial-detail,.financial-detail-loading{display:flex;flex-direction:column;gap:var(--spacing-md)}.financial-detail-loading{align-items:center;justify-content:center;min-height:300px;color:var(--textSecondary)}.financial-detail-loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.financial-detail-error{flex-direction:column;justify-content:center;min-height:300px;color:var(--error);text-align:center}.financial-detail-error,.financial-detail-header{display:flex;align-items:center;gap:var(--spacing-md)}.financial-detail-back{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-normal);color:var(--text)}.financial-detail-back:hover{background:var(--background);border-color:var(--primary);color:var(--primary)}.financial-detail-header-info{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.financial-detail-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin:0}.financial-detail-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;width:-moz-fit-content;width:fit-content}.financial-detail-amount-card{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark,#2563eb));border-radius:var(--radius-lg);color:white}.financial-detail-amount-icon{opacity:.8}.financial-detail-amount-value{font-size:var(--font-size-2xl);font-weight:700}.financial-detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md)}.financial-detail-section-cancelled{border-color:var(--error);background:var(--error-transparent)}.financial-detail-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.financial-detail-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.financial-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.financial-detail-item-full{grid-column:1/-1}.financial-detail-item-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--textSecondary)}.financial-detail-item-value{font-size:var(--font-size-sm);color:var(--text)}.financial-detail-item-with-icon{display:flex;align-items:center;gap:var(--spacing-xs)}.financial-detail-item-sub{font-size:var(--font-size-xs);color:var(--textSecondary)}.financial-detail-observations{font-size:var(--font-size-sm);color:var(--text);line-height:1.5;margin:0}.financial-detail-history{display:flex;flex-direction:column;gap:var(--spacing-md)}.financial-detail-history-item{padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.financial-detail-history-status{display:flex;align-items:center;gap:var(--spacing-sm)}.financial-history-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.financial-history-arrow{color:var(--textSecondary)}.financial-detail-history-info{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--textSecondary)}.financial-detail-history-justification{font-size:var(--font-size-xs);color:var(--text);font-style:italic;margin:var(--spacing-xs) 0 0 0;padding-top:var(--spacing-xs);border-top:1px dashed var(--border)}.financial-detail-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.financial-detail-action-btn{gap:var(--spacing-xs);width:100%}.financial-detail-action-btn,.financial-modal-overlay{display:flex;align-items:center;justify-content:center}.financial-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);padding:var(--spacing-md);z-index:10100;animation:fadeIn .2s ease-out}.financial-modal{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideIn .2s ease-out}.financial-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin:0 0 var(--spacing-sm) 0}.financial-modal-description{font-size:var(--font-size-sm);color:var(--textSecondary);margin:0 0 var(--spacing-md) 0}.financial-modal-field{margin-bottom:var(--spacing-md)}.financial-modal-label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--textSecondary);margin-bottom:var(--spacing-xs)}.financial-modal-input,.financial-modal-select,.financial-modal-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-size:var(--font-size-sm);transition:border-color var(--transition-normal)}.financial-modal-textarea{resize:vertical;min-height:100px}.financial-modal-input:focus,.financial-modal-select:focus,.financial-modal-textarea:focus{outline:none;border-color:var(--primary)}.financial-modal-char-count{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.financial-modal-char-count.valid{color:#10B981}.financial-modal-char-count.invalid{color:var(--error)}.financial-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.financial-filters-panel,.financial-stats-grid{grid-template-columns:repeat(2,1fr)}.financial-filter-apply{width:auto}.financial-detail-grid,.financial-title-card-info{grid-template-columns:repeat(2,1fr)}.financial-detail-actions{flex-direction:row;justify-content:flex-start}.financial-detail-action-btn{width:auto}}@media (min-width:768px){.financial-page{padding:var(--spacing-md)}.financial-stats-grid{grid-template-columns:repeat(4,1fr)}.financial-filters-panel{grid-template-columns:repeat(3,1fr)}.financial-detail{padding:var(--spacing-md)}}@media (min-width:1024px){.financial-page{padding:var(--spacing-lg)}.financial-titles-title{font-size:var(--font-size-2xl)}.financial-filters-panel{grid-template-columns:repeat(5,1fr)}.financial-title-list-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}}@media (min-width:1280px){.financial-title-list-items{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.financial-titles-tab{max-width:1600px}.financial-title-list-items{grid-template-columns:repeat(4,1fr)}}