:root{--navy: #183264;--navy-700: #24407a;--navy-900: #101f3f;--gold: #b5a160;--ink: #1c2430;--muted: #5b6675;--line: #e2e6ec;--bg: #f4f6f9;--ok: #1c7c4a;--warn: #b5760b;--bad: #b23b3b;--info: #2f6f8f;font-family:Montserrat,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--navy-700)}h1,h2,h3{font-weight:600}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;gap:14px;padding:0 20px;height:56px;flex-shrink:0}.topbar .brand{height:22px;width:auto;display:block}.topbar-sep{width:1px;height:24px;background:#ffffff40}.topbar-title{font-size:13px;letter-spacing:.3px;opacity:.9}.topbar .spacer{flex:1}.topbar .who{font-size:13px;opacity:.9}.body{flex:1;display:flex;align-items:stretch}.sidebar{width:224px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px}.navitem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}.navitem:hover{background:#f2f5f9}.navitem.active{background:var(--navy);color:#fff}.navitem .navicon{width:18px;text-align:center;opacity:.8;font-size:13px}.navitem .pill{margin-left:auto;background:var(--navy);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;min-width:20px;text-align:center}.navitem.active .pill{background:#ffffff40}.navitem .pill.amber{background:var(--warn)}.navitem .pill.muted{background:#8a97a8}.content{flex:1;padding:22px 26px;max-width:1500px;min-width:0}.page-title{margin:0 0 16px;color:var(--navy);font-size:20px}.page-hint{margin:-8px 0 18px;color:var(--muted);font-size:13px;max-width:720px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit;text-decoration:none;display:inline-block;white-space:nowrap}.btn:hover{border-color:var(--navy-700)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.ghost{background:transparent;color:#fff;border-color:#ffffff59}.btn.ok{background:#e4f3ea;border-color:#bfe0cd;color:var(--ok)}.btn.bad{background:#fbe6e6;border-color:#eec4c4;color:var(--bad)}.btn.warn{background:#fdf1de;border-color:#f0dcae;color:var(--warn)}.linklike{background:none;border:none;color:var(--navy-700);font:inherit;cursor:pointer;padding:0;font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.toolbar input[type=text],.toolbar select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}.count{color:var(--muted);font-size:13px}.spacer{flex:1}.card{background:#fff;border:1px solid var(--line);border-radius:10px}.card-head{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;color:var(--navy);font-size:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.kpi.clickable{cursor:pointer}.kpi.clickable:hover{border-color:var(--navy-700)}.kpi-value{font-size:26px;font-weight:700;color:var(--navy);line-height:1.1}.kpi-value.sm{font-size:18px}.kpi-label{font-size:12px;color:var(--muted);margin-top:4px}.kpi.slate .kpi-value{color:#5b6675}.kpi.amber .kpi-value{color:var(--warn)}.kpi.red .kpi-value{color:var(--bad)}.kpi.blue .kpi-value{color:var(--info)}.kpi.green .kpi-value{color:var(--ok)}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.chart{padding:16px}.chart h3{margin:0 0 10px;font-size:14px;color:var(--navy)}table.mini{width:100%;border-collapse:collapse;font-size:13px}table.mini td{padding:7px 6px;border-bottom:1px solid var(--line)}table.mini tr{cursor:pointer}table.mini tr:hover td{background:#f7f9fc}.late{color:var(--bad);font-weight:600}.soon{color:var(--warn);font-weight:600}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#eef1f6;color:var(--navy);font-weight:600;position:sticky;top:0}tbody tr{cursor:pointer}tbody tr:hover{background:#f7f9fc}td.num{text-align:right;font-variant-numeric:tabular-nums}.tag{padding:2px 8px;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap}.tag.navy{background:#eef1f6;color:var(--navy)}.tag.green{background:#e4f3ea;color:var(--ok)}.tag.blue{background:#e6eef5;color:var(--info)}.badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.badge.Pendente{background:#eef1f6;color:var(--navy)}.badge.Pago{background:#e4f3ea;color:var(--ok)}.badge.Vencido{background:#fbe6e6;color:var(--bad)}.badge[data-s="Pagamento Informado"]{background:#e6eef5;color:var(--info)}.badge[data-s="Comprovante Rejeitado"]{background:#fbe6e6;color:var(--bad)}.badge[data-s="Comprovante em Análise"]{background:#fdf1de;color:var(--warn)}.conf-card{padding:16px;margin-bottom:14px}.conf-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.conf-head .muted{color:var(--muted);font-size:13px}.conf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin-bottom:12px}.conf-grid>div{font-size:13px}.conf-grid>div.wide{grid-column:1 / -1}.conf-grid span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.conf-grid code{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}.conf-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2866;display:flex;justify-content:flex-end;z-index:50}.drawer{width:min(680px,100%);background:#fff;height:100%;overflow-y:auto;padding:20px 24px;box-shadow:-8px 0 30px #00000026}.drawer h2{color:var(--navy);margin:0 0 4px;font-size:18px}.drawer .sub{color:var(--muted);font-size:13px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.field{display:flex;flex-direction:column;gap:4px}.field.full{grid-column:1 / -1}.field label{font-size:12px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{padding:7px 9px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}.field input:read-only{background:#f4f6f9;color:var(--muted)}.field textarea{min-height:60px;resize:vertical}.drawer .actions{display:flex;gap:10px;margin-top:18px;position:sticky;bottom:0;background:#fff;padding-top:14px;border-top:1px solid var(--line)}.attachments{margin-top:18px}.attachments h3{font-size:13px;color:var(--navy);margin:0 0 6px}.attachments a{display:block;font-size:13px;padding:4px 0}.center{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}.error{color:var(--bad);font-size:13px}@media (max-width: 780px){.sidebar{width:60px}.navitem span:not(.navicon):not(.pill){display:none}.content{padding:16px}.form-grid{grid-template-columns:1fr}}