@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap);:root{--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--bg:#0d0f14;--bg-2:#13161e;--bg-3:#1a1e28;--bg-4:#21263380;--border:#ffffff0f;--border-2:#ffffff18;--border-3:#ffffff28;--text-1:#f0f2f7;--text-2:#8b90a0;--text-3:#545868;--accent:#6c8fff;--accent-dim:#6c8fff22;--accent-border:#6c8fff44;--green:#34d399;--green-dim:#34d39918;--amber:#fbbf24;--amber-dim:#fbbf2418;--red:#f87171;--red-dim:#f8717118;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 20px #00000050;--shadow-lg:0 12px 48px #00000060}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;background:#0d0f14;background:var(--bg);color:#f0f2f7;color:var(--text-1);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;height:100%;line-height:1.6}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff28;background:var(--border-3);border-radius:99px}.app-layout{display:grid;grid-template-columns:220px 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden}.sidebar{background:#13161e;background:var(--bg-2);border-right:1px solid #ffffff0f;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:0}.sidebar-logo{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);padding:1.75rem 1.5rem 1.25rem}.sidebar-logo-mark{align-items:center;display:flex;gap:10px}.sidebar-logo-icon{align-items:center;background:#6c8fff22;background:var(--accent-dim);border:1px solid #6c8fff44;border:1px solid var(--accent-border);border-radius:8px;border-radius:var(--radius-sm);display:flex;height:34px;justify-content:center;width:34px}.sidebar-logo-icon svg{stroke:#6c8fff;stroke:var(--accent);height:17px;width:17px}.sidebar-logo-text{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.02em}.sidebar-user{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);gap:10px;padding:1rem 1.5rem}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#6c8fff22;background:var(--accent-dim);border:1px solid #6c8fff44;border:1px solid var(--accent-border);border-radius:50%;color:#6c8fff;color:var(--accent);flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.user-name{color:#f0f2f7;color:var(--text-1);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#545868;color:var(--text-3);cursor:pointer;display:flex;padding:4px;transition:color .15s}.btn-logout:hover{color:#f87171;color:var(--red)}.btn-logout svg{stroke:currentColor;height:14px;width:14px}.nav-section-label{color:#545868;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:.1em;padding:1rem 1.5rem .4rem;text-transform:uppercase}.nav-item{align-items:center;border-left:2px solid #0000;color:#8b90a0;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:.6rem 1.5rem;text-decoration:none;transition:all .15s}.nav-item:hover{background:#21263380;background:var(--bg-4);color:#f0f2f7;color:var(--text-1)}.nav-item.active{background:#6c8fff22;background:var(--accent-dim);border-left-color:#6c8fff;border-left-color:var(--accent);color:#6c8fff;color:var(--accent);font-weight:500}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:15px;width:15px}.content{background:#0d0f14;background:var(--bg);overflow-y:auto;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.75rem}.page-title{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em}.page-subtitle{color:#8b90a0;color:var(--text-2);font-size:13px;margin-top:2px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.75rem}.metric-card{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .2s}.metric-card:hover{border-color:#ffffff18;border-color:var(--border-2)}.metric-label{color:#545868;color:var(--text-3);font-size:11px;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.metric-value{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em}.metric-value.red{color:#f87171;color:var(--red)}.metric-value.green{color:#34d399;color:var(--green)}.metric-value.amber{color:#fbbf24;color:var(--amber)}.metric-value.accent{color:#6c8fff;color:var(--accent)}.cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.75rem}.card-tile{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);overflow:hidden;padding:1.25rem;position:relative;transition:border-color .2s,transform .2s}.card-tile:hover{border-color:#ffffff18;border-color:var(--border-2);transform:translateY(-1px)}.card-tile-stripe{height:2px;left:0;position:absolute;right:0;top:0}.card-tile-name{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:2px;margin-top:8px}.card-tile-meta{color:#545868;color:var(--text-3);font-size:11px}.card-tile-amount{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:700;margin-top:14px}.card-tile-period{color:#545868;color:var(--text-3);font-size:11px;margin-top:2px}.card-tile-actions{display:flex;gap:6px;margin-top:14px}.add-card-tile{align-items:center;background:#0000;border:1px dashed #ffffff18;border:1px dashed var(--border-2);border-radius:18px;border-radius:var(--radius-lg);color:#545868;color:var(--text-3);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;min-height:160px;padding:1.25rem;transition:all .2s}.add-card-tile:hover{background:#6c8fff22;background:var(--accent-dim);border-color:#6c8fff44;border-color:var(--accent-border);color:#6c8fff;color:var(--accent)}.btn{align-items:center;background:#1a1e28;background:var(--bg-3);border:1px solid #ffffff18;border:1px solid var(--border-2);border-radius:12px;border-radius:var(--radius-md);color:#8b90a0;color:var(--text-2);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;gap:6px;height:36px;padding:0 16px;transition:all .15s;white-space:nowrap}.btn:hover{background:#21263380;background:var(--bg-4);border-color:#ffffff28;border-color:var(--border-3);color:#f0f2f7;color:var(--text-1)}.btn svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:14px;width:14px}.btn-primary{background:#6c8fff22;background:var(--accent-dim);border-color:#6c8fff44;border-color:var(--accent-border);color:#6c8fff;color:var(--accent);font-weight:500}.btn-primary:hover{background:#6c8fff;background:var(--accent);border-color:#6c8fff;border-color:var(--accent);color:#0d0f14}.btn-danger{background:#f8717118;background:var(--red-dim);border-color:#f8717130;color:#f87171;color:var(--red)}.btn-danger:hover{background:#f87171;background:var(--red);color:#0d0f14}.btn-sm{height:28px;padding:0 10px}.btn-sm,.btn-xs{border-radius:8px;border-radius:var(--radius-sm);font-size:11px}.btn-xs{height:24px;padding:0 8px}.form-box{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.form-section-label{color:#545868;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.form-grid{grid-gap:10px;display:grid;gap:10px;margin-bottom:10px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:5px}.field label{color:#545868;color:var(--text-3);font-size:11px;font-weight:500}input,select{background:#1a1e28;background:var(--bg-3);border:1px solid #ffffff18;border:1px solid var(--border-2);border-radius:8px;border-radius:var(--radius-sm);color:#f0f2f7;color:var(--text-1);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;height:38px;outline:none;padding:0 12px;transition:border-color .15s;width:100%}input:focus,select:focus{background:#13161e;background:var(--bg-2);border-color:#6c8fff44;border-color:var(--accent-border)}input::placeholder{color:#545868;color:var(--text-3)}select option{background:#1a1e28;background:var(--bg-3);color:#f0f2f7;color:var(--text-1)}.tab-row{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;margin-bottom:1.25rem;overflow:hidden;width:fit-content}.tab-btn{background:none;border:none;border-right:1px solid #ffffff0f;border-right:1px solid var(--border);color:#545868;color:var(--text-3);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;padding:8px 18px;transition:all .15s}.tab-btn:last-child{border-right:none}.tab-btn.active{background:#6c8fff22;background:var(--accent-dim);color:#6c8fff;color:var(--accent);font-weight:500}.table-wrap{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden}table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}thead tr{background:#1a1e28;background:var(--bg-3)}th{color:#545868;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:.08em;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);padding:10px 14px}td{color:#8b90a0;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover td{background:#21263380;background:var(--bg-4);color:#f0f2f7;color:var(--text-1)}.td-primary{color:#f0f2f7!important;color:var(--text-1)!important;font-weight:500}.empty-row{color:#545868;color:var(--text-3);font-size:13px;padding:3rem;text-align:center}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.badge-open{background:#34d39918;background:var(--green-dim);color:#34d399;color:var(--green)}.badge-closed{background:#1a1e28;background:var(--bg-3);color:#545868;color:var(--text-3)}.badge-parc{background:#fbbf2418;background:var(--amber-dim);color:#fbbf24;color:var(--amber)}.chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.875rem}.chip{background:#13161e;background:var(--bg-2);border:1px solid #ffffff18;border:1px solid var(--border-2);border-radius:99px;color:#545868;color:var(--text-3);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:11px;height:28px;padding:0 12px;transition:all .15s}.chip:hover{border-color:#ffffff28;border-color:var(--border-3);color:#f0f2f7;color:var(--text-1)}.chip.active{background:#6c8fff22;background:var(--accent-dim);border-color:#6c8fff44;border-color:var(--accent-border);color:#6c8fff;color:var(--accent);font-weight:500}.bar-row{margin-bottom:10px}.bar-label-row{color:#8b90a0;color:var(--text-2);display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.bar-track{background:#1a1e28;background:var(--bg-3);border-radius:99px;height:5px;overflow:hidden}.bar-fill{border-radius:99px;height:100%;transition:width .4s ease}.bill-card{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.5rem;transition:border-color .2s}.bill-card:hover{border-color:#ffffff18;border-color:var(--border-2)}.bill-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.bill-card-name{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:2px}.bill-card-period{color:#545868;color:var(--text-3);font-size:11px}.bill-card-total{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em}.bill-card-sub{color:#545868;color:var(--text-3);font-size:11px;margin-bottom:1rem;margin-top:2px}.preview-box{background:#1a1e28;background:var(--bg-3);border-left:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#8b90a0;color:var(--text-2);font-size:12px;line-height:1.6;margin-bottom:14px;padding:10px 14px}.preview-box strong{color:#f0f2f7;color:var(--text-1)}.preview-box.good{border-left-color:#34d399;border-left-color:var(--green)}.preview-box.next{border-left-color:#fbbf24;border-left-color:var(--amber)}.auth-screen{align-items:center;background:#0d0f14;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-box{max-width:380px;width:100%}.auth-logo{margin-bottom:2.5rem;text-align:center}.auth-logo-icon{align-items:center;background:#6c8fff22;background:var(--accent-dim);border:1px solid #6c8fff44;border:1px solid var(--accent-border);border-radius:12px;border-radius:var(--radius-md);display:inline-flex;height:52px;justify-content:center;margin-bottom:14px;width:52px}.auth-logo-icon svg{stroke:#6c8fff;stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;height:26px;width:26px}.auth-title{color:#f0f2f7;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.auth-subtitle{color:#8b90a0;color:var(--text-2);font-size:13px}.auth-form{background:#13161e;background:var(--bg-2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);padding:2rem}.auth-form .field{margin-bottom:12px}.auth-error{background:#f8717118;background:var(--red-dim);border:1px solid #f8717130;border-radius:8px;border-radius:var(--radius-sm);color:#f87171;color:var(--red);font-size:12px;margin-bottom:14px;padding:10px 14px}.auth-toggle{color:#8b90a0;color:var(--text-2);font-size:13px;margin-top:1.25rem;text-align:center}.auth-toggle button{background:none;border:none;color:#6c8fff;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;padding:0}.auth-toggle button:hover{text-decoration:underline}.loading-screen{align-items:center;background:#0d0f14;background:var(--bg);display:flex;flex-direction:column;gap:14px;height:100vh;justify-content:center}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff18;border-top-color:#6c8fff;border:2px solid var(--border-2);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#545868;color:var(--text-3);font-size:13px}.two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.section-label{color:#545868;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}@media (max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.form-grid-3,.form-grid-4{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0a5a8dba.css.map*/