*{box-sizing:border-box;margin:0;padding:0}body{background:#0c0c0c;color:#e8e4de;font-family:DM Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:10px 16px;font-size:13px;color:#e8e4de;font-family:DM Sans,sans-serif;animation:toastIn .3s ease;min-width:240px;max-width:360px}.toast-success{border-left:3px solid #10B981}.toast-error{border-left:3px solid #EF4444}.toast-info{border-left:3px solid #457B9D}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:#161616;border:1px solid #252525;border-radius:12px;padding:20px;transition:all .2s ease}.card:hover{border-color:#333}.stat-card{background:linear-gradient(135deg,#1a1a1a,#161616);border:1px solid #252525;border-radius:12px;padding:16px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.fire:before{background:linear-gradient(90deg,#e63946,#ff6b35)}.stat-card.ocean:before{background:linear-gradient(90deg,#457b9d,#2a9d8f)}.stat-card.gold:before{background:linear-gradient(90deg,#e9c46a,#f4a261)}.stat-card.ember:before{background:linear-gradient(90deg,#9b2226,#ca6702)}.stat-label{font-size:11px;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:24px;font-weight:700;font-family:JetBrains Mono,monospace}.stat-count{font-size:11px;color:#666;margin-top:2px}.stat-overdue{color:#ef4444;font-weight:600}.stat-conciliadas{color:#10b981;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.tab-bar{display:flex;gap:0;border-bottom:1px solid #252525;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;color:#666;padding:8px 16px;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;font-weight:500;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:#e8e4de}.tab-btn.active{color:#e63946;border-bottom-color:#e63946}.period-nav{display:flex;align-items:center;gap:12px;margin-bottom:20px}.period-nav-btn{background:#1a1a1a;border:1px solid #252525;color:#888;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.period-nav-btn:hover{border-color:#e63946;color:#e8e4de}.period-label{font-size:14px;font-weight:600;color:#e8e4de;font-family:DM Sans,sans-serif;min-width:180px;text-align:center}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent;-webkit-user-select:none;user-select:none}.status-pill:hover{transform:scale(1.05)}.status-pill .dot{width:6px;height:6px;border-radius:50%}.expense-row{display:grid;grid-template-columns:32px 90px 1fr 120px 60px 100px 90px;align-items:center;padding:10px 16px;border-bottom:1px solid #1E1E1E;font-size:13px;transition:background .1s}.expense-row:hover{background:#1a1a1a}.expense-row.row-expanded{background:#1a1a1a;border-bottom-color:transparent}.expense-row.row-selected{background:#e639460f}.expense-row.row-overdue{border-left:3px solid #EF4444}.row-date-overdue{color:#ef4444!important;font-weight:600}.overdue-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ef4444;margin-right:4px;vertical-align:middle}.row-detail{background:#141414;border-bottom:1px solid #1E1E1E;padding:12px 16px;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:300px}}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item.detail-full{grid-column:1 / -1}.detail-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.detail-value{font-size:13px;color:#e8e4de;font-family:DM Sans,sans-serif}.detail-actions{margin-top:12px;padding-top:10px;border-top:1px solid #252525;display:flex;justify-content:flex-end}.detail-edit-btn{background:#1e1e1e;color:#e63946;border:1px solid #E6394630;padding:6px 18px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.detail-edit-btn:hover{background:#e6394615;border-color:#e63946}.refetch-indicator{display:inline-block;width:8px;height:8px;border:2px solid #E63946;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.table-header{display:grid;grid-template-columns:32px 90px 1fr 120px 60px 100px 90px;padding:8px 16px;font-size:10px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1E1E1E;background:#131313}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:3px;transition:color .15s ease}.sortable-header:hover{color:#e8e4de}.sort-indicator{font-size:9px;color:#e63946}.filters-bar{padding:12px 16px;border-bottom:1px solid #252525;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-wrapper{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#555;font-size:14px;pointer-events:none}.filter-select{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:6px 12px;border-radius:8px;font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;outline:none}.filter-select:focus{border-color:#e63946}.search-input{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:8px 12px 8px 36px;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;outline:none;width:220px}.search-input:focus{border-color:#e63946}.search-input::placeholder{color:#555}.search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1a1a1a;border:1px solid #333;border-radius:8px;z-index:20;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px #0006}.suggestion-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s ease}.suggestion-item:hover{background:#252525}.suggestion-item:first-child{border-radius:8px 8px 0 0}.suggestion-item:last-child{border-radius:0 0 8px 8px}.suggestion-value{font-family:JetBrains Mono,monospace;font-size:12px;color:#e8e4de;white-space:nowrap}.suggestion-name{font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.valor-filter-wrapper{display:flex;align-items:center;gap:4px}.valor-filter-input{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:6px 8px;border-radius:8px;font-size:12px;font-family:JetBrains Mono,monospace;outline:none;width:80px}.valor-filter-input:focus{border-color:#e63946}.valor-filter-input::placeholder{color:#555}.valor-filter-sep{color:#555;font-size:12px}.filter-summary{margin-left:auto;font-size:12px;color:#666;font-family:JetBrains Mono,monospace;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.row-date{font-family:JetBrains Mono,monospace;font-size:12px;color:#999}.row-fornecedor{color:#e8e4de;font-weight:500}.row-grupo{display:block;font-size:11px;color:#555;margin-top:1px}.row-subgrupo{font-size:11px;font-weight:500}.row-prazo{font-family:JetBrains Mono,monospace;font-size:12px}.row-valor{text-align:right;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:#fff}.row-status{text-align:center}.table-footer{padding:12px 16px;border-top:1px solid #252525;display:flex;justify-content:space-between;align-items:center;background:#131313}.table-footer-hint{font-size:11px;color:#666}.table-footer-total{font-size:14px;font-weight:700;color:#e63946;font-family:JetBrains Mono,monospace}.table-empty{padding:40px;text-align:center;color:#555;font-size:13px}.table-scroll{max-height:420px;overflow-y:auto}.row-checkbox{width:16px;height:16px;accent-color:#E63946;cursor:pointer}.row-checkbox-cell,.select-all-cell{display:flex;align-items:center;justify-content:center}.bulk-bar{background:#1e1e1e;border-bottom:2px solid #E63946;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bulk-count{font-size:13px;font-weight:600;color:#e8e4de;font-family:JetBrains Mono,monospace}.bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.bulk-btn{padding:5px 12px;border-radius:6px;font-size:11px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;border:1px solid;transition:all .15s ease}.bulk-btn:hover{opacity:.85}.bulk-btn-pendente{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.bulk-btn-agendado{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.bulk-btn-pago{background:#10b9811a;color:#10b981;border-color:#10b9814d}.bulk-btn-clear{background:transparent;color:#888;border-color:#333}.bulk-btn-clear:hover{color:#e8e4de;border-color:#555}.custom-date-nav{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.custom-date-field{display:flex;align-items:center;gap:6px}.custom-date-label{font-size:12px;color:#888;font-weight:500}.custom-date-input{max-width:160px;color-scheme:dark}.custom-date-result{font-size:13px;color:#e8e4de;font-weight:500;font-family:DM Sans,sans-serif}.custom-date-error{font-size:12px;color:#ef4444;font-weight:500}.upload-btn{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:8px 16px;border-radius:8px;font-size:12px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.upload-btn:hover{border-color:#e63946;color:#e63946}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-btn:disabled:hover{border-color:#252525;color:#e8e4de}.logout-btn{background:transparent;border:1px solid #333;color:#888;padding:8px 16px;border-radius:8px;font-size:12px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .15s ease}.logout-btn:hover{border-color:#e63946;color:#e63946}.upload-status-bar{background:#161616;border-bottom:1px solid #252525;padding:10px 28px;font-size:12px;font-family:JetBrains Mono,monospace;color:#888;display:flex;align-items:center;gap:12px}.upload-status-bar .upload-success{color:#10b981}.upload-status-bar .upload-error{color:#ef4444}.upload-progress-bar{flex:1;max-width:200px;height:4px;background:#252525;border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#e63946,#ff6b35);border-radius:2px;transition:width .3s ease}.chart-title{font-size:13px;font-weight:600;color:#999;margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}.chart-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chart-legend-item{font-size:10px;color:#888;display:flex;align-items:center;gap:4px}.chart-legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.chart-tooltip{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 12px;font-size:12px}.chart-tooltip-label{color:#888;margin:0 0 4px;font-size:11px}.chart-tooltip-item{display:flex;align-items:center;gap:6px;margin:2px 0}.chart-tooltip-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.chart-tooltip-name{color:#888;font-size:11px}.chart-tooltip-value{color:#e8e4de;font-family:JetBrains Mono,monospace;font-weight:500;margin-left:auto}.form-overlay{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.expense-form{background:#161616;border:1px solid #252525;border-radius:12px;padding:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.expense-form h2{font-size:16px;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.full{grid-column:1 / -1}.form-label{font-size:11px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.04em}.form-input{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:8px 12px;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;outline:none}.form-input:focus{border-color:#e63946}.form-input::placeholder{color:#555}.form-input[readonly]{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-save{background:#e63946;border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:10px 24px;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-cancel:hover{border-color:#e63946;color:#e63946}.app-header{padding:20px 28px;border-bottom:1px solid #1E1E1E;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:36px;height:36px;background:linear-gradient(135deg,#e63946,#ff6b35);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.header-title{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff}.header-subtitle{font-size:11px;color:#666;font-family:JetBrains Mono,monospace}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.role-badge{font-size:10px;color:#e63946;font-family:JetBrains Mono,monospace;background:#e6394612;padding:3px 8px;border-radius:4px;border:1px solid #E6394625;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.status-pill-readonly{cursor:default!important;opacity:.7}.role-list{display:flex;flex-direction:column;gap:8px}.role-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#1a1a1a;border:1px solid #252525;border-radius:8px;transition:border-color .15s ease}.role-item:hover{border-color:#333}.role-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.role-item-email{font-size:13px;color:#e8e4de;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-item-desc{font-size:11px;color:#666}.role-select{background:#161616;border:1px solid #252525;color:#e8e4de;padding:6px 12px;border-radius:6px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:500;cursor:pointer;outline:none;flex-shrink:0}.ofx-btn{border-color:#457b9d40!important;color:#457b9d!important}.ofx-btn:hover{border-color:#457b9d!important;color:#457b9d!important}.reconciliation-modal{background:#161616;border:1px solid #252525;border-radius:12px;padding:24px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.reconciliation-modal h2{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}.recon-stats{display:flex;gap:16px;margin-bottom:16px;padding:12px 16px;background:#1a1a1a;border-radius:8px;border:1px solid #252525;flex-wrap:wrap}.recon-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.recon-stat-value{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;color:#e8e4de}.recon-stat-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.04em}.recon-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid #252525}.recon-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#666;padding:10px 20px;font-size:13px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .15s ease}.recon-tab:hover{color:#999}.recon-tab.active{color:#e63946;border-bottom-color:#e63946}.orphan-item{opacity:.8}.orphan-item:hover{opacity:1}.recon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.recon-filters{display:flex;gap:4px}.recon-filter-btn{background:#1a1a1a;border:1px solid #252525;color:#888;padding:5px 12px;border-radius:6px;font-size:11px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.recon-filter-btn:hover{color:#e8e4de;border-color:#333}.recon-filter-btn.active{color:#e63946;border-color:#e63946}.recon-filter-count{background:#252525;padding:1px 5px;border-radius:4px;font-size:10px;font-family:JetBrains Mono,monospace}.recon-bulk-btn{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:6px 14px;border-radius:6px;font-size:11px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.recon-bulk-btn:hover{opacity:.85}.recon-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.recon-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.recon-item{background:#1a1a1a;border:1px solid #252525;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:12px;transition:border-color .15s ease}.recon-item:hover{border-color:#333}.recon-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid;flex-shrink:0;font-family:JetBrains Mono,monospace}.recon-match-details{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.recon-side{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.recon-side-label{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.recon-side-name{font-size:13px;color:#e8e4de;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recon-memo{font-size:11px;color:#999}.recon-side-meta{font-size:11px;color:#888;font-family:JetBrains Mono,monospace}.recon-side-status{font-size:10px;color:#666;text-transform:uppercase}.recon-arrow{color:#555;font-size:16px;flex-shrink:0}.recon-actions{display:flex;gap:6px;flex-shrink:0}.recon-confirm-btn{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:5px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.recon-confirm-btn:hover{opacity:.85}.recon-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.recon-reject-btn{background:transparent;color:#888;border:1px solid #333;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.recon-reject-btn:hover{color:#ef4444;border-color:#ef4444}.recon-reject-btn:disabled{opacity:.5;cursor:not-allowed}.recon-empty{text-align:center;color:#555;font-size:13px;padding:32px 16px}.recon-btn{border-color:#10b98140!important;color:#10b981!important}.recon-btn:hover{border-color:#10b981!important;color:#10b981!important}.role-select:focus{border-color:#e63946}.manage-users-btn{background:transparent;border:1px solid #E6394630;color:#e63946;padding:8px 14px;border-radius:8px;font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;letter-spacing:.02em}.manage-users-btn:hover{background:#e6394612;border-color:#e63946}.record-count{font-size:11px;color:#666;font-family:JetBrains Mono,monospace;background:#1a1a1a;padding:4px 10px;border-radius:6px;border:1px solid #252525;white-space:nowrap}.app-main{padding:20px 28px;max-width:1400px;margin:0 auto}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.app-footer{margin-top:32px;padding:16px 0;border-top:1px solid #1E1E1E;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#444;gap:12px}.app-footer-version{font-family:JetBrains Mono,monospace}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-text{color:#666;font-family:JetBrains Mono,monospace;font-size:14px}@media(max-width:768px){.app-header,.app-main{padding:16px}.header-actions{flex-wrap:wrap;gap:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.tab-btn{padding:8px 10px;font-size:12px}.period-label{min-width:140px;font-size:13px}.search-input,.search-wrapper{width:100%}.filters-bar{gap:8px}.filter-select{flex:1;min-width:0}.valor-filter-wrapper{width:100%}.valor-filter-input{flex:1;min-width:0}.expense-row{grid-template-columns:28px 70px 1fr 80px 80px;font-size:12px;padding:10px 12px}.expense-row>:nth-child(4),.expense-row>:nth-child(5){display:none}.table-header{grid-template-columns:28px 70px 1fr 80px 80px;padding:8px 12px}.table-header>:nth-child(4),.table-header>:nth-child(5){display:none}.detail-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.expense-form{margin:16px;max-width:none}.stat-value{font-size:20px}.table-footer{flex-direction:column;gap:4px;align-items:flex-start}.app-footer{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.app-header{padding:12px 16px;flex-direction:column;align-items:stretch}.header-brand{gap:10px}.header-logo{width:32px;height:32px;font-size:16px;border-radius:8px}.header-title{font-size:16px}.header-actions{justify-content:flex-start;gap:6px}.app-main{padding:12px}.upload-btn,.logout-btn{padding:7px 10px;font-size:11px}.record-count{padding:3px 8px;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px 14px}.stat-value{font-size:18px}.stat-label,.stat-count{font-size:10px}.tab-btn{padding:6px 8px;font-size:11px}.period-nav{gap:8px;margin-bottom:12px}.period-label{min-width:auto;font-size:12px}.period-nav-btn{width:28px;height:28px;font-size:12px}.custom-date-nav{gap:8px;margin-bottom:12px}.custom-date-input{max-width:130px;font-size:12px;padding:6px 8px}.custom-date-result{font-size:12px}.charts-grid{gap:12px;margin-bottom:16px}.card{padding:14px;border-radius:10px}.chart-title{font-size:11px;margin-bottom:12px}.filter-select{font-size:11px;padding:6px 8px}.filters-bar{padding:10px 12px}.valor-filter-input{font-size:11px;padding:5px 6px;width:60px}.expense-row{grid-template-columns:24px 50px 1fr 80px;font-size:11px;padding:8px 10px}.expense-row>:nth-child(4),.expense-row>:nth-child(5),.expense-row>:nth-child(7){display:none}.table-header{grid-template-columns:24px 50px 1fr 80px;padding:8px 10px}.table-header>:nth-child(4),.table-header>:nth-child(5),.table-header>:nth-child(7){display:none}.row-checkbox{width:14px;height:14px}.bulk-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.bulk-actions{justify-content:center}.bulk-btn{padding:5px 8px;font-size:10px}.row-fornecedor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.row-grupo{display:none}.row-valor{font-size:12px}.row-date{font-size:10px}.table-scroll{max-height:350px}.table-footer{padding:10px 12px}.table-footer-total{font-size:13px}.table-empty{padding:24px;font-size:12px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:8px}.detail-label{font-size:9px}.detail-value{font-size:12px}.row-detail{padding:10px 12px}.expense-form{margin:8px;padding:16px}.form-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%;text-align:center}.upload-status-bar{padding:8px 12px;font-size:11px}.app-footer{margin-top:20px;padding:12px 0;font-size:10px}.role-item{flex-direction:column;align-items:stretch;gap:8px}.role-select{width:100%}.manage-users-btn{padding:7px 10px;font-size:10px}.reconciliation-modal{margin:8px;padding:16px}.recon-stats{gap:8px;padding:10px 12px}.recon-stat-value{font-size:14px}.recon-item{flex-direction:column;align-items:stretch;gap:8px}.recon-match-details{flex-direction:column;gap:8px}.recon-arrow{text-align:center;transform:rotate(90deg)}.recon-actions{justify-content:center}.recon-toolbar{flex-direction:column;align-items:stretch}.recon-filters{flex-wrap:wrap}.recon-bulk-btn{width:100%;text-align:center}.kpi-modal{margin:8px;padding:16px}.kpi-stats{gap:8px;padding:10px 12px}.kpi-stat-value{font-size:14px}}.kpi-modal{background:#161616;border:1px solid #252525;border-radius:12px;padding:24px;width:100%;max-width:960px;max-height:90vh;overflow-y:auto}.kpi-modal h2{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}.kpi-stats{display:flex;gap:16px;margin-bottom:20px;padding:12px 16px;background:#1a1a1a;border-radius:8px;border:1px solid #252525;flex-wrap:wrap}.kpi-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:100px}.kpi-stat-value{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;color:#fff}.kpi-stat-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.05em}.kpi-chart-section{margin-bottom:24px;background:#1a1a1a;border:1px solid #252525;border-radius:8px;padding:16px}.kpi-chart-section .chart-title{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.kpi-btn{background:transparent;border:1px solid #CA6702;color:#ca6702;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-family:DM Sans,sans-serif;font-weight:500;white-space:nowrap;letter-spacing:.02em}.kpi-btn:hover{background:#ca670212;border-color:#ca6702}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#161616;border:1px solid #252525;border-radius:12px;padding:40px 36px;width:100%;max-width:380px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,#e63946,#ff6b35);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.login-title{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0}.login-subtitle{font-size:12px;color:#666;font-family:JetBrains Mono,monospace;margin:4px 0 0}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:11px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.04em}.login-input{background:#1a1a1a;border:1px solid #252525;color:#e8e4de;padding:10px 14px;border-radius:8px;font-size:14px;font-family:DM Sans,sans-serif;outline:none;transition:border-color .15s ease}.login-input:focus{border-color:#e63946}.login-input::placeholder{color:#444}.login-error{color:#ef4444;font-size:13px;margin:0;padding:8px 12px;background:#ef444414;border-radius:6px;border:1px solid rgba(239,68,68,.15)}.login-btn{background:#e63946;border:none;color:#fff;padding:12px;border-radius:8px;font-size:14px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:opacity .15s ease;margin-top:4px}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}