:root{--surface-1: #fcfcfb;--page-plane: #f9f9f7;--text-primary: #0b0b0b;--text-secondary: #52514e;--muted: #898781;--gridline: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b;--status-baixado: #4a3aa7;--brand-accent: #be7740;--brand-secondary: #ce9c6d;--brand-black: #000000;--brand-accent-ink: #ffffff;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page-plane);color:var(--text-primary)}.app{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px 18px;text-align:center}.brand-logo{width:92px;height:auto;margin-bottom:4px}.brand-nome{font-size:15px;font-weight:700;color:var(--brand-accent)}.brand-sub{font-size:10.5px;color:var(--muted);letter-spacing:.02em}.btn-nova-cobranca{background:var(--brand-accent);color:var(--brand-accent-ink);border:none;padding:14px 16px;border-radius:10px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;margin:0 2px 16px;text-align:left;text-decoration:none;display:block}.btn-nova-cobranca-inner{display:flex;align-items:center;gap:9px}.btn-nova-cobranca-inner svg{flex-shrink:0}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;text-align:left;width:100%;text-decoration:none}.nav-item svg{flex-shrink:0;opacity:.8}.nav-item:hover{background:var(--page-plane)}.nav-item.active{background:var(--brand-accent);color:var(--brand-accent-ink);font-weight:600}.nav-item.active svg{opacity:1}.main{flex:1;padding:28px 32px;max-width:1200px}h1{font-size:22px;margin:0 0 4px}.subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 28px}.btn-primary{background:var(--brand-accent);color:var(--brand-accent-ink);border:none;padding:10px 18px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer}.btn-primary:hover{background:color-mix(in srgb,var(--brand-accent) 88%,black)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);padding:10px 18px;border-radius:8px;font-size:13.5px;cursor:pointer}.btn-secondary:hover{background:var(--page-plane)}.btn-link{background:none;border:none;color:var(--brand-accent);font-size:12.5px;cursor:pointer;padding:4px 0}.btn-danger{color:var(--status-critical)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px}.filters{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.search-input,select.combo,input.field{font:inherit;font-size:13px;padding:8px 11px;border-radius:8px;border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary)}.pill{font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--page-plane);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.pill.active{background:var(--brand-black);color:#fff;border-color:var(--brand-black)}.cards-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{border:1px solid var(--border);background:var(--surface-1);padding:16px 20px;border-radius:10px;min-width:160px}.stat-label{font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.stat-value{font-size:24px;font-weight:700}.stat-sub{color:var(--text-secondary);font-size:12.5px}table{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}thead th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--gridline)}tbody td{padding:12px 16px;border-bottom:1px solid var(--gridline);font-size:13.5px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--page-plane);cursor:pointer}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600}.badge-pf{background:color-mix(in srgb,var(--brand-secondary) 25%,transparent);color:var(--brand-accent)}.badge-pj{background:color-mix(in srgb,var(--brand-black) 10%,transparent);color:var(--brand-black)}.status-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--page-plane)}.status-dot{width:7px;height:7px;border-radius:50%}.form-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:680px}.form-section-title{font-size:13px;font-weight:600;margin:18px 0 14px}.form-section-title:first-child{margin-top:0}.form-row{display:flex;gap:12px;margin-bottom:14px}.form-field{flex:1;display:flex;flex-direction:column;gap:5px}.form-field label{font-size:12.5px;color:var(--text-secondary)}.form-field .req{color:var(--status-critical)}.form-field input,.form-field select,.form-field textarea{font:inherit;font-size:13.5px;padding:8px 11px;border-radius:8px;border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary)}.hint{font-size:11.5px;color:var(--muted)}.error-text{font-size:12px;color:var(--status-critical);margin-top:8px}.detalhe-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:14px 0 0;font-size:13.5px}.detalhe-grid dt{color:var(--text-secondary)}.detalhe-grid dd{margin:0;font-weight:500}.radio-row{display:flex;gap:22px;margin-bottom:18px}.radio-option{display:flex;align-items:center;gap:7px;font-size:13.5px;cursor:pointer}.radio-option input{accent-color:var(--brand-accent);width:15px;height:15px}.grupo-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--page-plane);color:var(--text-secondary);cursor:pointer;margin:0 6px 6px 0}.grupo-chip.selected{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff;font-weight:600}.form-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gridline)}.empty-state{text-align:center;padding:48px 20px;color:var(--muted);font-size:13.5px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-plane)}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:32px;width:100%;max-width:360px}.login-card .form-field{display:flex;flex-direction:column;gap:5px}.login-card .form-field label{font-size:12.5px;color:var(--text-secondary)}.login-card .form-field input{font:inherit;font-size:13.5px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary)}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:4px 0 20px}.topbar-conta{position:relative}.topbar-conta-btn{display:flex;align-items:center;gap:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;font:inherit;font-size:13px;color:var(--text-primary)}.topbar-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-accent);color:var(--brand-accent-ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.topbar-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface-1);border:1px solid var(--border);border-radius:10px;min-width:220px;padding:6px;box-shadow:0 8px 24px #00000014;z-index:20}.topbar-menu-header{padding:10px 12px 8px;border-bottom:1px solid var(--gridline);margin-bottom:6px}.topbar-menu-nome{font-size:13.5px;font-weight:600}.topbar-menu-email{font-size:11.5px;color:var(--muted)}.topbar-menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;text-decoration:none}.topbar-menu-item:hover{background:var(--page-plane)}.topbar-menu-item.danger{color:var(--status-critical)}.icon-btn{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface-1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.icon-btn:hover{background:var(--page-plane)}.icon-badge{position:absolute;top:-4px;right:-4px;background:var(--status-critical);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notificacoes-popup{min-width:320px;max-width:360px;padding:0 0 6px}.notificacoes-popup .topbar-menu-header{padding:10px 12px 8px}.notificacoes-lista{max-height:360px;overflow-y:auto;padding:2px 0}.notificacao-item{display:flex;gap:9px;padding:9px 12px;border-radius:8px}.notificacao-item:hover{background:var(--page-plane)}.notificacoes-pagina-lista{display:flex;flex-direction:column;gap:2px}.notificacoes-pagina-lista .notificacao-item{padding:12px 14px;border-bottom:1px solid var(--gridline);border-radius:0}.notificacoes-pagina-lista .notificacao-item:last-child{border-bottom:none}.chart-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:16px}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px}.chart-card.full{grid-column:1 / -1}.chart-title{font-size:13.5px;font-weight:600;margin:0 0 2px}.chart-caption{font-size:12px;color:var(--muted);margin:0 0 16px}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary)}.chart-legend-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.chart-legend-value{color:var(--text-primary);font-weight:600;margin-left:2px}.axis-label{font-size:10px;fill:var(--muted)}.bar-value-label{font-size:11px;fill:var(--text-primary);font-weight:600}.gridline-svg{stroke:var(--gridline);stroke-width:1}.baseline-svg{stroke:var(--baseline);stroke-width:1}.chart-hoverable{cursor:pointer}.chart-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.chart-empty{color:var(--muted);font-size:13px;padding:40px 0;text-align:center}.chart-tooltip{position:fixed;pointer-events:none;background:var(--text-primary);color:#fff;font-size:12px;line-height:1.6;padding:9px 12px;border-radius:8px;z-index:50;box-shadow:0 8px 20px #0b0b0b40;max-width:240px}.chart-tooltip strong{font-weight:700}.chart-tooltip .tt-row{display:flex;justify-content:space-between;gap:12px}@media (max-width: 900px){.chart-grid{grid-template-columns:1fr}}.em-construcao{background:var(--surface-1);border:1px dashed var(--border);border-radius:12px;padding:48px 32px;text-align:center;color:var(--text-secondary)}.em-construcao .icone{width:40px;height:40px;margin:0 auto 14px;color:var(--brand-accent);opacity:.7}.em-construcao h2{font-size:16px;margin:0 0 8px;color:var(--text-primary)}.em-construcao p{font-size:13px;max-width:440px;margin:0 auto;color:var(--muted)}