@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#eef2fb;--bg-surface:#e4eaf7;--glass-bg:#ffffff9e;--glass-bg-strong:#ffffffd1;--glass-border:#ffffffd9;--glass-shadow:0 4px 24px #6366f11a, 0 1.5px 6px #0000000f;--glass-shadow-lg:0 8px 40px #6366f124, 0 2px 8px #00000014;--accent:#6366f1;--accent-2:#818cf8;--accent-glow:#6366f140;--accent-soft:#6366f11f;--text-primary:#1e1b4b;--text-secondary:#6b7280;--text-muted:#9ca3af;--green:#10b981;--red:#ef4444;--yellow:#f59e0b;--blue:#3b82f6;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--sidebar-w:220px;--bottom-nav-h:68px;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;max-width:100vw;min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#c7d2fe 0%,#0000 70%);width:520px;height:520px;top:-120px;left:-120px}body:after{background:radial-gradient(circle,#ddd6fe 0%,#0000 70%);width:400px;height:400px;bottom:40px;right:-80px}.app{z-index:1;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sidebar{width:var(--sidebar-w);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:2px;height:100vh;min-height:100vh;padding:28px 0 24px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-title{color:var(--accent);padding:0 20px 28px;font-size:.95rem;font-weight:700;line-height:1.4}.nav-link{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;gap:10px;margin:0 10px;padding:10px 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-link:hover{color:var(--text-primary);background:#6366f114}.nav-link.active{color:var(--accent);background:var(--accent-soft);font-weight:600;box-shadow:inset 0 0 0 1px #6366f133}.bottom-nav{height:var(--bottom-nav-h);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(200%);border-top:1px solid var(--glass-border);z-index:200;padding:0 8px env(safe-area-inset-bottom,8px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{align-items:stretch;height:100%;display:flex}.bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:.62rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.bottom-nav-item svg{stroke-width:1.8px;width:22px;height:22px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{stroke:var(--accent)}.bottom-nav-item span{letter-spacing:.01em}.content{flex:1;min-width:0;max-width:100%;padding:28px;overflow:hidden auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:20px;transition:box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--glass-shadow-lg)}.card-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:20px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--glass-shadow-lg);transform:translateY(-1px)}.stat-card:after{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-30px}.stat-card *{z-index:1;position:relative}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.72rem;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.01em;font-size:1.2rem;font-weight:500}.month-picker{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.month-picker select{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-body);cursor:pointer;padding:7px 14px;box-shadow:0 1px 4px #0000000f}.month-picker select:focus{border-color:var(--accent);outline:none}.table-wrap{border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #6366f11a;padding:11px 14px;font-size:.72rem;font-weight:700}td{color:var(--text-primary);white-space:nowrap;border-bottom:1px solid #0000000a;padding:11px 14px}td:first-child{white-space:normal}tr:last-child td{border-bottom:none}tr:hover td{background:#6366f10a}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;transition:all .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #6366f173}.btn-ghost{color:var(--text-secondary);background:#6366f112;border:1px solid #6366f126}.btn-ghost:hover{color:var(--accent);background:#6366f121}.btn-success{color:var(--green);background:#10b9811f;border:1px solid #10b98140}.btn-success:hover{background:#10b98133}.fab{bottom:calc(var(--bottom-nav-h) + 16px);background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 6px 24px var(--accent-glow);z-index:190;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:none;position:fixed;right:20px}.fab:active{transform:scale(.93)}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-green{color:#059669;background:#10b9811f;border:1px solid #10b98133}.badge-yellow{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b33}.badge-red{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.badge-blue{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.badge-purple{background:var(--accent-soft);color:var(--accent);border:1px solid #6366f140}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#1e1b4b47;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:500px;max-width:100%;max-height:90dvh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #6366f126,0 4px 16px #0000001a}.modal-title{color:var(--text-primary);margin-bottom:20px;font-size:1.1rem;font-weight:700}.modal-actions{border-top:1px solid #0000000d;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full{grid-column:span 2}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}input,select,textarea{color:var(--text-primary);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-body);background:#ffffff8c;border:1.5px solid #6366f126;width:100%;padding:9px 13px;transition:all .18s}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:68px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#ffffffd9;outline:none}input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer}.progress-bar{background:#00000012;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.mt-16{margin-top:16px}.flex-end{justify-content:flex-end;gap:8px;display:flex}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state p{font-size:.9rem}.divider{border:none;border-top:1px solid #0000000f;margin:16px 0}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.sidebar{display:flex}.bottom-nav,.fab{display:none!important}.content{padding:32px 36px}.card-grid{grid-template-columns:repeat(4,1fr);gap:16px}.modal{width:520px}}@media (width<=767px){.col-parcela,.col-recorr,.col-vencto,.col-data,th.col-hide,td.col-hide,.sidebar{display:none}.bottom-nav,.fab{display:flex}.app{flex-direction:column}.content{padding:20px 16px calc(var(--bottom-nav-h) + 24px);width:100%}.page-title{font-size:1.2rem}.page-header{margin-bottom:16px}.card{border-radius:var(--radius-md);padding:16px}.stat-card{padding:16px}.stat-value{font-size:1.3rem}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}.modal{border-radius:var(--radius-lg);padding:22px 18px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-width:100%;max-height:92dvh}table{font-size:.8rem}th,td{padding:9px 10px}.btn{padding:9px 14px;font-size:.82rem}.month-picker{gap:6px}.month-picker select{padding:6px 10px;font-size:.82rem}.table-wrap{margin:0 -4px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}