@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.app{--brand:#4f46e5;--brand-600:#4338ca;--brand-tint:#eef2ff;--ink:#0f172a;--slate-900:#0f172a;--slate-700:#334155;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--bg:#f6f7fb;--ok:#059669;--ok-tint:#ecfdf5;--amber:#b45309;--amber-tint:#fffbeb;--sky:#0369a1;--sky-tint:#f0f9ff;--red:#dc2626;--red-tint:#fef2f2;--radius:14px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0d;--shadow-sm:0 1px 2px #0f172a0f;background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;display:flex}.app *,.app :before,.app :after{box-sizing:border-box}.sidebar{background:var(--slate-900);color:#cbd5e1;flex-direction:column;flex-shrink:0;width:244px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:6px 10px 20px;text-decoration:none;display:flex}.brand .logo{background:linear-gradient(135deg, var(--brand), #7c73f0);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid;box-shadow:0 4px 12px #4f46e566}.brand .name{color:#fff;font-size:15px;font-weight:700}.brand .name small{color:var(--slate-400);letter-spacing:.3px;font-size:11px;font-weight:500;display:block}.nav-label{text-transform:uppercase;letter-spacing:.8px;color:var(--slate-500);padding:14px 12px 8px;font-size:10.5px;font-weight:600}.nav-item{color:#cbd5e1;cursor:pointer;border-radius:9px;align-items:center;gap:11px;padding:9px 12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item svg{opacity:.85;width:18px;height:18px}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{background:var(--brand);color:#fff;box-shadow:0 4px 14px #4f46e559}.nav-item.active svg{opacity:1}.nav-item.soon{opacity:.5;cursor:default}.nav-item.soon .tag{text-transform:uppercase;letter-spacing:.5px;color:var(--slate-400);margin-left:auto;font-size:9.5px}.sidebar .user{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;display:flex}.sidebar .user .av{color:#fff;background:linear-gradient(135deg,#059669,#34d399);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.sidebar .user .who{color:#e2e8f0;font-size:12.5px;font-weight:600}.sidebar .user .who small{color:var(--slate-400);font-size:11px;font-weight:400;display:block}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--slate-200);background:#f6f7fbe6;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.crumbs{color:var(--slate-500);margin-bottom:3px;font-size:12.5px}.crumbs a{color:var(--slate-500);text-decoration:none}.crumbs a:hover{color:var(--brand)}.crumbs b{color:var(--slate-700);font-weight:600}.crumbs .empresa-nome{color:var(--ink);font-size:15px;font-weight:700}.topbar h1{letter-spacing:-.4px;margin:0;font-size:20px;font-weight:700}.topbar .filters{align-items:center;gap:10px;margin-left:8px;display:flex}.topbar .actions{gap:10px;margin-left:auto;display:flex}.sel{color:var(--slate-700);border:1px solid var(--slate-300);cursor:pointer;background:#fff;border-radius:9px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #4f46e547}.btn-primary:hover{background:var(--brand-600)}.btn-ghost{color:var(--slate-700);border:1px solid var(--slate-300);background:#fff}.btn-ghost:hover{background:var(--slate-50)}.btn-danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.btn-danger:hover{background:#fef2f2}.seg{background:var(--slate-100);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--slate-500);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600}.seg button.on{color:var(--brand);box-shadow:var(--shadow-sm);background:#fff}.content{width:100%;max-width:1160px;padding:22px 32px 60px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi{border:1px solid var(--slate-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px 18px}.kpi .lbl{text-transform:uppercase;letter-spacing:.4px;color:var(--slate-500);font-size:11.5px;font-weight:600}.kpi .val{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px;font-weight:700}.kpi .val.pos{color:var(--ok)}.kpi .val.neg{color:var(--red)}.kpi .sub{color:var(--slate-400);margin-top:2px;font-size:11.5px}.kpi.warn{background:var(--amber-tint);border-color:#fde68a}.kpi.warn .lbl,.kpi.warn .val{color:var(--amber)}.banner{background:var(--sky-tint);color:#075985;border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.banner svg{flex-shrink:0;width:18px;height:18px}.banner b{font-weight:700}.card{border:1px solid var(--slate-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}.table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}.cat{max-width:210px;position:relative}.cat-btn{width:100%;height:36px;color:var(--slate-700);border:1px solid var(--slate-300);cursor:pointer;text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:13px;display:flex}.cat-btn:hover{border-color:var(--slate-400)}.cat-btn.vazio{color:#c2410c;background:#fff7ed;border-color:#fb923c}.cat-btn .cat-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-btn .cat-arrow{color:var(--slate-400);flex-shrink:0;font-size:10px}.cat-btn.vazio .cat-arrow{color:#c2410c}.cat-menu{z-index:30;border:1px solid var(--slate-200);width:240px;max-height:300px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.cat-opt{text-align:left;width:100%;color:var(--slate-700);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;display:block}.cat-opt:hover{background:var(--slate-100)}.cat-opt.on{background:var(--brand-tint);color:var(--brand);font-weight:600}.cat-opt.muted{color:var(--slate-400)}.card .head{border-bottom:1px solid var(--slate-200);align-items:center;gap:12px;padding:16px 18px;display:flex}.card .head h2{margin:0;font-size:15px;font-weight:700}.card .head .legend{color:var(--slate-500);flex-wrap:wrap;gap:14px;margin-left:auto;font-size:11.5px;display:flex}.card .head .legend span{align-items:center;gap:5px;display:inline-flex}.card .head .legend .dot{border-radius:50%;width:8px;height:8px}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--slate-200);padding:11px 18px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:12px 18px}tbody tr:hover{background:var(--slate-50)}tbody tr:last-child td{border-bottom:none}.data{color:var(--slate-500);font-variant-numeric:tabular-nums;white-space:nowrap}.desc{color:var(--ink);font-weight:600}.valor{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.valor.pos{color:var(--ok)}.valor.neg{color:var(--ink)}.catsel{color:var(--slate-700);field-sizing:fixed;border:1px solid var(--slate-300);box-sizing:border-box;vertical-align:middle;appearance:menulist;background:#fff;border-radius:8px;width:100%;max-width:210px;height:36px;min-height:36px;max-height:36px;padding:8px 9px;font-family:inherit;font-size:13px;line-height:1.2;overflow:hidden}.catsel.empty{color:#c2410c;background:#fff7ed;border-color:#fb923c}.acoes-cell{justify-content:flex-end;align-items:center;gap:14px;display:flex}.link-edit{color:var(--brand);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.link-edit:hover{text-decoration:underline}.link-del{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.link-del:hover{text-decoration:underline}.pill{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill .dot{border-radius:50%;width:6px;height:6px}.pill.ok{background:var(--ok-tint);color:var(--ok)}.pill.ok .dot{background:var(--ok)}.pill.pend{background:var(--amber-tint);color:var(--amber)}.pill.pend .dot{background:var(--amber)}.pill.match{background:var(--sky-tint);color:var(--sky)}.pill.match .dot{background:var(--sky)}.pill.div{background:var(--red-tint);color:var(--red)}.pill.div .dot{background:var(--red)}.empty{text-align:center;padding:56px 24px}.empty p{color:var(--slate-500);margin-bottom:12px}.footnote{color:var(--slate-400);margin-top:10px;font-size:12px}.toolbar{border-bottom:1px solid var(--slate-200);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.filtro-data{align-items:center;gap:6px;display:flex}.filtro-data .sep{color:var(--slate-400);font-size:12px}.dateinput{border:1px solid var(--slate-300);height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-family:inherit;font-size:13px}.dateinput:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4f46e521}.search{border:1px solid var(--slate-300);max-width:240px;height:36px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 10px no-repeat;border-radius:8px;flex:180px;padding:0 12px 0 34px;font-family:inherit;font-size:13px}.search:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4f46e521}.toolbar .count{color:var(--slate-400);white-space:nowrap;margin-left:auto;font-size:12px}.toolbar .limpar{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.toolbar .limpar:hover{text-decoration:underline}.bulk{background:var(--brand-tint);color:var(--brand-600);border-bottom:1px solid #c7d2fe;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:flex}.bulk b{font-weight:700}.btn-sm{padding:6px 12px;font-size:12.5px}table input[type=checkbox],.bulk input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}tr.row-sel td{background:#eef2ff}.tag-manual{color:var(--slate-400);margin-left:8px;font-size:11px;font-weight:500}.emp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.emp-card{border:1px solid var(--slate-200);box-shadow:var(--shadow);background:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.emp-card h3{letter-spacing:-.2px;font-size:15px;font-weight:700}.emp-card .cnpj{color:var(--slate-400);margin-top:2px;font-size:12px}.emp-contas{flex-wrap:wrap;gap:6px;display:flex}.conta-chip{background:var(--slate-100);color:var(--slate-600);cursor:pointer;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:500;text-decoration:none}a.conta-chip:hover{background:var(--brand-tint);color:var(--brand)}.conta-chip.vazia{color:#c2410c;background:#fff7ed}.emp-add{align-items:center;gap:6px;display:flex}.emp-add input,.emp-add select{border:1px solid var(--slate-300);height:34px;color:var(--ink);background:#fff;border-radius:8px;padding:0 9px;font-family:inherit;font-size:12.5px}.emp-add input{flex:1;min-width:0}.emp-add input:focus,.emp-add select:focus{border-color:var(--brand);outline:none}.emp-add select{width:130px}.egrid{grid-template-columns:repeat(4,1fr);gap:16px 18px;display:grid}.egrid .field{margin-bottom:0}.egrid .col2{grid-column:span 2}.egrid .col4{grid-column:span 4}@media (max-width:900px){.egrid{grid-template-columns:repeat(2,1fr)}.egrid .col2,.egrid .col4{grid-column:span 2}}.formcard{border:1px solid var(--slate-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;max-width:560px;padding:24px}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.field select,.field input,.field textarea{color:var(--ink);border:1px solid var(--slate-300);background:#fff;border-radius:9px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4f46e521}@media (max-width:900px){.sidebar{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.content{padding:20px 18px 50px}.topbar{padding:14px 18px}.hide-sm{display:none}}