@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap');
.category-strip{display:flex;gap:10px;padding:14px 20px;overflow-x:auto;border-bottom:1px solid var(--border);background:#fbfcfc}.category-card{min-width:235px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);text-align:left;cursor:pointer}.category-card:hover,.category-card.active{border-color:var(--teal);box-shadow:0 0 0 2px #0c827d12}.category-card span:nth-child(2){min-width:0}.category-card strong,.category-card small{display:block}.category-card strong{font-size:11px;white-space:nowrap}.category-card small{font-size:9px;color:var(--muted);margin-top:3px}.category-card b{font-size:11px;white-space:nowrap}.category-movements{display:flex!important;gap:7px}.category-movements em{font-style:normal;font-weight:600}.category-movements .entries{color:var(--green)}.category-movements .exits{color:var(--red)}.category-dot{width:9px;height:9px;border-radius:50%;background:#91a0a7}.category-badge{display:inline-flex;padding:4px 7px;border-radius:10px;font-size:9px;font-weight:700;white-space:nowrap;background:#edf1f3;color:#60717a}.category-dot.pix,.category-badge.pix{background:#def4ef;color:#08756d}.category-dot.transfer,.category-badge.transfer{background:#e7eef9;color:#386b9d}.category-dot.payment,.category-badge.payment{background:#fff0db;color:#94631a}.category-dot.fee,.category-badge.fee{background:#f8e4e7;color:#a4434d}.category-dot.card,.category-badge.card{background:#eee7f7;color:#73529a}.category-dot.deposit,.category-badge.deposit{background:#e5f5ed;color:#287b59}.category-dot.income,.category-badge.income{background:#ecf3dc;color:#617d27}.category-dot.other,.category-badge.other{background:#edf1f3;color:#60717a}.category-dot{color:transparent}
:root{--navy:#142f3f;--navy2:#0d2532;--teal:#0c827d;--teal-soft:#e7f4f2;--bg:#f5f7f8;--border:#e1e8eb;--text:#243641;--muted:#70818b;--green:#178260;--red:#bd4b54;--blue:#397ba4}*{box-sizing:border-box}html,body{margin:0;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,var(--navy2),var(--navy));padding:28px 18px;color:white;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--teal);font:700 21px Manrope}.brand strong{font:700 18px Manrope;display:block}.brand small,.user small,.sidebar-note small{display:block;color:#a8bac3;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#b9c8ce;text-decoration:none;padding:12px 14px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.sidebar nav a span{width:20px;text-align:center;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--teal)}.sidebar-note{margin-top:auto;padding:14px;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:12px}.sidebar-note>span{color:#7bd3b6}.sidebar-note strong{display:block}.app-shell>main{grid-column:2;min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.top-title{font-weight:600}.user{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{display:grid;place-items:center;width:36px;height:36px;background:var(--teal-soft);color:var(--teal);border-radius:50%;font-weight:700}.mobile-menu{display:none}.content{padding:32px 36px 48px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--teal);font-weight:700}.page-heading h1{font:700 27px Manrope;margin:5px 0 6px;color:var(--navy)}.page-heading p{margin:0;color:var(--muted);font-size:14px}.heading-actions{display:flex;gap:10px}.btn{border:1px solid transparent;padding:10px 15px;border-radius:7px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--teal);color:white;box-shadow:0 3px 8px #0c827d30}.btn-primary:hover{background:#086f6b}.btn-ghost{background:white;border-color:var(--border);color:var(--text)}.btn-soft{background:#f7fafb;border-color:var(--border);color:#425760}.card,.workspace-card{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #17313d0a}.filters{display:flex;padding:18px 20px;gap:14px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:140px}.field.grow{flex:1}.field label{font-size:10px;letter-spacing:.7px;color:#627680;font-weight:700;text-transform:uppercase}.field input,.field select,.filters select,.table-toolbar select{height:39px;border:1px solid #d8e1e5;border-radius:6px;padding:0 11px;background:white;color:var(--text);min-width:0}.field input:focus,.field select:focus,input:focus,select:focus{outline:2px solid #0c827d20;border-color:var(--teal)}.period-status{border-left:1px solid var(--border);padding:2px 10px 2px 24px;display:flex;align-items:center;gap:10px;min-width:170px}.period-status>span{width:9px;height:9px;border-radius:50%;background:#e3a547;box-shadow:0 0 0 4px #fff1dc}.period-status small{display:block;font-size:9px;color:var(--muted);letter-spacing:.6px}.period-status strong{display:block;font-size:13px;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metric{background:white;border:1px solid var(--border);border-radius:9px;padding:18px;display:flex;gap:13px;align-items:center}.metric.accent{border-top:3px solid var(--teal);padding-top:16px}.metric-icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:18px}.metric-icon.blue{background:#e8f1f7;color:var(--blue)}.metric-icon.green{background:#e5f5ed;color:var(--green)}.metric-icon.red{background:#f9e9eb;color:var(--red)}.metric-icon.navy{background:#e6edef;color:var(--navy)}.metric small{display:block;font-size:9px;color:var(--muted);letter-spacing:.7px;font-weight:700}.metric strong{font:700 18px Manrope;display:block;margin:3px 0}.metric em{font-style:normal;color:#91a0a7;font-size:10px}.metric em.ok{color:var(--green)}.metric em.warn{color:#bd7c21}.workspace-card{overflow:hidden}.tabs{height:57px;border-bottom:1px solid var(--border);display:flex;padding:0 20px;gap:23px}.tabs button{border:0;background:transparent;cursor:pointer;color:#70818b;font-size:13px;font-weight:600;border-bottom:2px solid transparent;padding:0 3px}.tabs button.active{color:var(--teal);border-color:var(--teal)}.tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#edf1f3;font-size:10px;margin-left:5px}.tabs .badge-alert{background:#f9e9e9;color:var(--red)}.table-toolbar{min-height:64px;padding:12px 20px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.search{position:relative;display:flex;align-items:center;color:#8b9aa1;min-width:250px}.search input{height:38px;border:1px solid var(--border);border-radius:6px;padding:0 12px 0 33px;width:100%}.search:first-letter{font-size:20px}.search>input{position:absolute;left:0}.search{height:38px;padding-left:11px}.table-toolbar select{height:38px}.summary-inline{margin-left:auto;font-size:11px;color:var(--muted);display:flex;gap:10px}.summary-inline b{color:var(--text)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;padding:11px 18px;background:#f8fafb;color:#71838c;text-transform:uppercase;letter-spacing:.55px;font-size:9px}td{padding:12px 18px;border-top:1px solid #edf1f3;font-size:12px}td strong{font-weight:600}.right{text-align:right}.value{font-weight:700;font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:var(--red)}.key{display:block;font-size:9px;color:#9aa7ad;margin-top:3px}.account-select{border:1px solid transparent;background:transparent;color:#526770;padding:6px;max-width:240px;font-size:11px}.account-select:hover{border-color:var(--border)}.status{font-size:10px;font-weight:600;padding:4px 7px;border-radius:10px;white-space:nowrap}.status.ok{background:#e7f5ef;color:var(--green)}.status.pending{background:#fff4e3;color:#9b681d}.table-footer{min-height:62px;border-top:1px solid var(--border);padding:11px 20px;display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.table-footer .btn{margin-left:auto}.progress{height:5px;background:#e8edef;width:120px;border-radius:4px;overflow:hidden}.progress i{height:100%;display:block;background:var(--teal)}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.toast{padding:12px 16px;margin-bottom:14px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:13px}.toast.success{background:#e7f5ef;color:#176a51;border:1px solid #bfe3d3}.toast.error{background:#fae9eb;color:#9c3e45;border:1px solid #efc5c9}.toast button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:18px}.empty{text-align:center;padding:55px;color:var(--muted)}.empty>span{display:grid;place-items:center;margin:auto;width:42px;height:42px;border-radius:50%;background:var(--teal-soft);color:var(--teal)}.empty h3{color:var(--navy);margin-bottom:5px}.empty p{font-size:12px}.origin{font-size:10px;font-weight:700;padding:4px 7px;border-radius:4px}.origin.ofx{background:#e7f2f8;color:#397ba4}.origin.razão{background:#f5e9f6;color:#89528d}code{font-size:11px;background:#f2f5f6;padding:3px 5px;border-radius:4px}.block{display:block;color:var(--muted);margin-top:3px}.form-card{padding:20px;margin-bottom:16px}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.form-heading h3{margin:0;font:700 17px Manrope;color:var(--navy)}.form-heading button{border:0;background:none;font-size:20px;color:var(--muted);cursor:pointer}.form-grid{display:flex;gap:14px;align-items:end}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.muted{color:var(--muted);font-size:11px;margin-left:auto}.period-pill,.code-pill{display:inline-block;padding:4px 8px;background:var(--teal-soft);color:var(--teal);border-radius:5px;font-weight:700}.icon-btn{border:0;background:transparent;color:var(--teal);font-weight:600;font-size:11px;cursor:pointer}.icon-btn.danger{color:var(--red)}.info-banner{display:flex;gap:13px;padding:15px 18px;margin-bottom:16px;background:#eaf5f4;border:1px solid #cce6e3;border-radius:9px;color:#285c5b}.info-banner p{margin:4px 0 0;font-size:12px}.rule-order{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf2f3;color:#667981;font-weight:700}.rule-text{font-weight:600;color:var(--navy)}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff3cd;padding:12px;z-index:1000}
.code-search{height:38px;min-width:155px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:6px;color:var(--teal);font-weight:700;background:white}.code-search:focus-within{outline:2px solid #0c827d20;border-color:var(--teal)}.code-search input{width:125px;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.account-picker{display:grid;gap:5px;width:300px}.account-code-search{width:100%;height:32px;border:1px solid var(--teal);border-radius:5px;padding:0 9px;background:white;color:var(--text);font-size:11px}.account-select{max-width:300px}.account-select.editing{width:100%;border-color:var(--teal);background:white}.account-picker-trigger{width:100%;max-width:300px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;background:transparent;color:#526770;padding:6px;text-align:left;font-size:11px;cursor:pointer}.account-picker-trigger:hover{border-color:var(--border);background:#fbfcfc}.account-picker-trigger span{color:#5e7682}.account-codes{display:flex;gap:6px;margin-top:5px}.account-codes span{display:flex;align-items:baseline;gap:4px;padding:4px 6px;border:1px solid #e4eaed;border-radius:5px;background:#f8fafb;white-space:nowrap}.account-codes small{color:#84939a;font-size:8px;text-transform:uppercase;letter-spacing:.35px}.account-codes strong{color:#4c626d;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums}.load-more{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.period-status{border-left:0;padding-left:0}.form-grid{flex-wrap:wrap}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.app-shell>main{grid-column:auto}.topbar{padding:0 18px}.mobile-menu{display:block;border:0;background:none;font-size:19px;margin-right:10px}.content{padding:22px 15px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.metrics{grid-template-columns:1fr}.filters{display:grid}.period-status{margin-top:8px}.table-toolbar{flex-wrap:wrap}.search{min-width:100%}.table-footer{flex-wrap:wrap}.table-footer .btn{margin-left:0;width:100%}.form-grid{display:grid}.field{width:100%}.tabs{padding:0 8px;gap:3px}.tabs button{font-size:11px;padding:0 6px}.user div{display:none}}