@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-0: #06080b;--bg-1: #0a0e14;--surface: rgba(18, 24, 33, .66);--surface-solid: #0d131b;--surface-soft: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8eef4;--text-dim: #9aa7b4;--text-faint: #5d6b78;--mint: #34d39a;--mint-soft: rgba(52, 211, 154, .16);--mint-glow: rgba(52, 211, 154, .45);--coral: #fb5a78;--coral-soft: rgba(251, 90, 120, .16);--coral-glow: rgba(251, 90, 120, .4);--cyan: #38e0ff;--cyan-soft: rgba(56, 224, 255, .14);--cyan-glow: rgba(56, 224, 255, .4);--violet: #8b7bf6;--amber: #ffcf5c;--font-display: "Syne", "Trebuchet MS", sans-serif;--font-body: "Sora", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--shadow-panel: 0 24px 60px -24px rgba(0, 0, 0, .85);--shadow-soft: 0 10px 30px -12px rgba(0, 0, 0, .7);color-scheme:dark;font-family:var(--font-body);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg-0);color:var(--text)}body{width:100%;min-width:320px}#root{width:100%;margin:0 auto;text-align:center}a{color:var(--cyan);text-decoration:inherit}a:hover{color:var(--mint)}button{font-family:inherit;cursor:pointer}::selection{background:var(--mint-glow);color:#04130d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#34d39a59;background-clip:padding-box}.page{position:relative;min-height:100vh;padding:22px 16px 90px;max-width:1280px;margin:0 auto;text-align:left;color:var(--text);font-family:var(--font-body);isolation:isolate}.page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(60% 50% at 12% -5%,rgba(52,211,154,.18),transparent 60%),radial-gradient(55% 45% at 100% 0%,rgba(56,224,255,.16),transparent 55%),radial-gradient(50% 60% at 85% 110%,rgba(251,90,120,.16),transparent 60%),var(--bg-0)}.page:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(75% 75% at 50% 30%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(75% 75% at 50% 30%,#000 40%,transparent 100%)}.title{font-family:var(--font-display);font-weight:800;font-size:2rem;letter-spacing:-.03em;line-height:1.02;margin:6px 0 26px;background:linear-gradient(100deg,var(--mint) 0%,var(--cyan) 45%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(56,224,255,.25)}.cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.card{flex:1 1 240px;position:relative;padding:22px 22px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--violet));opacity:.85}.card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.card h3{margin:6px 0 14px;font-family:var(--font-body);font-weight:500;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.card h3 span{color:var(--text-faint);letter-spacing:0;text-transform:none;font-weight:400}.green{font-family:var(--font-mono);font-weight:700;font-size:1.55rem;color:var(--mint);text-shadow:0 0 22px var(--mint-glow)}.red{font-family:var(--font-mono);font-weight:700;font-size:1.55rem;color:var(--coral);text-shadow:0 0 22px var(--coral-glow)}.balance{font-family:var(--font-mono);font-weight:700;font-size:1.7rem;color:var(--cyan);text-shadow:0 0 22px var(--cyan-glow);margin-top:10px}.saldo-toggle{margin:2px 0 4px}.saldo-toggle label{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.saldo-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:38px;height:20px;border-radius:999px;background:#ffffff14;border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:background .25s,border-color .25s;flex-shrink:0}.saldo-toggle input[type=checkbox]:after{content:"";position:absolute;top:50%;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-dim);transform:translateY(-50%);transition:transform .25s,background .25s}.saldo-toggle input[type=checkbox]:checked{background:var(--cyan-soft);border-color:var(--cyan)}.saldo-toggle input[type=checkbox]:checked:after{transform:translate(18px,-50%);background:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.panel{position:relative;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel h2{margin:0 0 18px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--text)}.rel{position:relative}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#06080b8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-lg)}.input{width:100%;padding:13px 14px;margin-bottom:14px;font-family:var(--font-body);font-size:.95rem;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--mint);background:#34d39a0d;box-shadow:0 0 0 3px var(--mint-soft)}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 15px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}select.input option{background:var(--surface-solid);color:var(--text)}.button{width:100%;padding:13px 16px;font-family:var(--font-display);font-weight:700;font-size:.98rem;letter-spacing:.01em;color:#04130d;background:linear-gradient(100deg,var(--mint),#7ef0c4);border:none;border-radius:var(--radius-md);box-shadow:0 10px 26px -10px var(--mint-glow);transition:transform .2s,box-shadow .25s,filter .25s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px var(--mint-glow);filter:brightness(1.05)}.button:active{transform:translateY(0)}.button.cancel{color:var(--text);background:#ffffff0d;border:1px solid var(--border-strong);box-shadow:none}.button.cancel:hover{background:#fb5a781a;border-color:var(--coral);color:var(--coral)}.panel>button:not(.button):not(.more){width:100%;padding:12px 16px;font-family:var(--font-body);font-weight:600;font-size:.92rem;color:var(--cyan);background:var(--cyan-soft);border:1px solid rgba(56,224,255,.3);border-radius:var(--radius-md);transition:background .25s,border-color .25s,transform .2s}.panel>button:not(.button):not(.more):hover{background:#38e0ff33;border-color:var(--cyan);transform:translateY(-2px)}.linha-divisao{margin:22px -22px;border:none;border-top:1px solid var(--border)}.carousel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.carousel-header h2{margin:0;text-align:center;flex:1;font-size:1.05rem}.carousel-header button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--border-strong);background:var(--surface-soft);color:var(--text);border-radius:50%;font-size:1.3rem;line-height:1;transition:background .25s,border-color .25s,transform .2s,color .25s}.carousel-header button:hover{background:var(--cyan-soft);border-color:var(--cyan);color:var(--cyan);transform:scale(1.06)}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:12px}.carousel-dots button{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:#ffffff2e;transition:width .3s,background .3s}.carousel-dots button.active{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--cyan))}.transaction-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.transaction-filters .input{margin-bottom:0;flex:1 1 200px}.monthly-chip-wrapper{flex-shrink:0}.monthly-chip-button{padding:10px 16px;font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--text-dim);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;transition:color .25s,background .25s,border-color .25s,box-shadow .25s}.monthly-chip-button:hover{color:var(--text);border-color:var(--border-strong)}.monthly-chip-button.active{color:#1a1605;background:linear-gradient(100deg,var(--amber),#ffe49a);border-color:transparent;box-shadow:0 0 20px #ffcf5c59}.lista-transaction{display:flex;flex-direction:column}.more{align-self:center;width:52px;height:36px;margin:4px 0 8px;font-size:1.1rem;letter-spacing:2px;color:var(--text-dim);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;transition:color .25s,border-color .25s,background .25s}.more:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-soft)}.saldo-anterior{display:flex;align-items:center;gap:16px;padding:16px 18px;margin:8px 0 4px;background:var(--surface-soft);border:1px solid var(--border);border-left:3px solid var(--text-faint);border-radius:var(--radius-md)}.saldo-anterior.positivoDiv{border-left-color:var(--mint);background:linear-gradient(90deg,var(--mint-soft),transparent 70%)}.saldo-anterior.negativoDiv{border-left-color:var(--coral);background:linear-gradient(90deg,var(--coral-soft),transparent 70%)}.saldo-icon{font-size:1.6rem;flex-shrink:0}.saldo-info{flex:1;min-width:0}.saldo-titulo{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.saldo-titulo span{color:var(--text);font-weight:600}.saldo-valor{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;margin:2px 0}.saldo-valor.positivo{color:var(--mint)}.saldo-valor.negativo{color:var(--coral)}.saldo-detalhe{font-size:.78rem;color:var(--text-faint)}.saldo-barra{margin-top:8px;height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.saldo-barra-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--cyan));transition:width .6s cubic-bezier(.2,.8,.2,1)}.transaction-row{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px;margin-top:12px;min-width:450px;background:#080b27b8;border:1px solid var(--border);border-radius:var(--radius-md);transition:.5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.transaction-row:hover{border-color:var(--border-strong);background:#141c26d9}.transaction-row.selecionado{opacity:.55;border-style:dashed;border-color:var(--violet);transform:scale(.992)}.transaction-row.selecionado:after{content:"";position:absolute;inset:0;margin:-3px;border-radius:var(--radius-md);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);pointer-events:none}.mes-novo{border-top:4px solid var(--violet);margin-top:6px;box-shadow:0 -6px 24px -12px var(--violet)}.dia-mais-recente{border-color:var(--mint);background:linear-gradient(180deg,#34d39a1f,#10161eb8);box-shadow:0 0 26px -10px var(--mint-glow)}.dia-novo-mais-recente{border-bottom-color:var(--mint-glow)!important;border-top-color:var(--mint-glow)!important;background:linear-gradient(180deg,#34d39a1f,#10161eb8)}.dia-novo-depois-mais-recente{border-bottom-color:var(--mint-glow)!important;background:linear-gradient(180deg,#34d39a1f,#10161eb8)}.dia-novo-anterior-mais-recente{border-top-color:var(--mint-glow)!important;background:linear-gradient(180deg,#34d39a1f,#10161eb8)}.dia-novo-depois{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dia-novo-anterior{margin-top:0;border-top:1px solid rgba(255,255,255,.05);padding-top:6px;border-top-left-radius:4px;border-top-right-radius:4px}.dia-novo{margin-top:0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding-top:6px;padding-bottom:6px;border-radius:4px}.transaction-row.blink{animation:blinkHighlight .4s linear infinite}.transaction-icon{flex-shrink:0;display:inline-flex}.transaction-right{display:flex;align-items:center;gap:14px}.transaction-value{width:125px;text-align:right;display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px;font-weight:700;white-space:nowrap}.transaction-value span span,.transaction-value>span:not(.saldo-dia){padding:2px 6px;border-radius:6px}.saldo-dia{font-family:var(--font-mono);font-weight:700;font-size:1.05rem}.transaction-desc{flex:1;text-align:center;color:var(--text);word-break:break-all}.transaction-date{font-family:var(--font-mono);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:flex-end}.edit-button,.delete-button,.copy-button{background:transparent;border:none;font-size:1rem;padding:6px;border-radius:8px;line-height:1;transition:background .25s,transform .2s}.edit-button:hover{background:var(--cyan-soft);transform:translateY(-1px)}.delete-button:hover{background:var(--coral-soft);transform:translateY(-1px)}.copy-button:hover{background:var(--mint-soft);transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#040609b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeUp .25s ease both}.modal{width:100%;max-width:420px;padding:26px;text-align:left;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);animation:fadeUp .3s cubic-bezier(.2,.8,.2,1) both}.modal h2{margin:0 0 18px;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text)}.modal-buttons{display:flex;gap:12px;margin-top:4px}.file-upload{width:100%;margin-bottom:14px}.file-label{display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--surface-soft);border:1px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color .25s,background .25s}.file-label:hover{border-color:var(--mint);background:var(--mint-soft)}.file-label input[type=file]{display:none}.file-label .icon{font-size:1.2rem}.file-label .text{color:var(--text-dim);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-topo{position:fixed;right:20px;bottom:20px;z-index:40;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#04130d;background:linear-gradient(135deg,var(--mint),var(--cyan));border:none;border-radius:50%;box-shadow:0 12px 30px -8px var(--cyan-glow);transition:transform .25s,box-shadow .25s}.btn-topo:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 18px 40px -8px var(--cyan-glow)}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite;margin:8px auto}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.8,.2,1) both}.fade-up:nth-of-type(1){animation-delay:.04s}.fade-up:nth-of-type(2){animation-delay:.1s}.fade-up:nth-of-type(3){animation-delay:.16s}.fade-up:nth-of-type(4){animation-delay:.22s}.fade-up:nth-of-type(5){animation-delay:.28s}.fade-up:nth-of-type(6){animation-delay:.34s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blinkHighlight{0%{background:#38e0ff59}11%{background:#38e0ff59}}@media(min-width:768px){.page{padding:40px 32px 100px}.title{font-size:3rem;margin-bottom:36px}.cards{gap:22px;margin-bottom:28px}.card{padding:28px}.grid{grid-template-columns:repeat(2,1fr);gap:22px}.panel{padding:28px}.linha-divisao{margin:24px -28px}.transaction-value{width:140px}.green,.red{font-size:1.7rem}.balance{font-size:1.9rem}}@media(max-width:768px){.transaction-row{padding:8px 10px;min-height:52px}}@media(min-width:1024px){.page{padding:56px 48px 110px}.title{font-size:3.4rem}.cards{gap:26px}.card{padding:32px}.grid{gap:26px}.panel{padding:32px}}
