@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;800&display=swap";:root{--bg: #FEFEFE;--surface: #FFFFFF;--surface2: #F7F8FF;--surface3: #F2F4F7;--border: #E4E6F0;--border-light: #F2F4F7;--accent: #8B5CF6;--accent-hover: #7C3AED;--accent-light: #EDE9FF;--accent-soft: #A78BFA;--accent-glow: rgba(139,92,246,.15);--green: #22C55E;--green-dark: #16A34A;--green-light: #DCFCE7;--green-border: #BBF7D0;--green-fill: #F0FDF4;--green-soft: rgba(34,197,94,.15);--red: #EC4899;--red-light: #FCE7F3;--red-soft: rgba(236,72,153,.15);--pink: #EC4899;--pink-soft: rgba(236,72,153,.15);--orange: #F59E0B;--orange-light: #FEF3C7;--orange-soft: rgba(245,158,11,.15);--blue: #3B82F6;--blue-alt: #60A5FA;--blue-light: #DBEAFE;--blue-soft: rgba(59,130,246,.15);--teal: #00CEC9;--teal-soft: rgba(0,206,201,.15);--amber: #F59E0B;--amber-light: #FEF3C7;--text: #101828;--text2: #667085;--text3: #98A2B3;--sidebar-w: 240px;--topbar-h: 68px;--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--radius-pill: 100px;--shadow-sm: 0 4px 16px rgba(16,24,40,.06);--shadow: 0 6px 24px rgba(16,24,40,.07);--shadow-md: 0 10px 40px rgba(16,24,40,.08);--shadow-lg: 0 20px 60px rgba(16,24,40,.1);--transition: all .18s cubic-bezier(.4,0,.2,1);--sidebar-bg: #FFFFFF;--topbar-bg: rgba(250,250,251,.92);--nav-bg: #FFFFFF;--nav-border: #F2F4F7;--card-bg: #FFFFFF;--input-bg: #F7F8FF;--input-border: #E4E6F0;--card-account-bg: #FFFFFF;--card-account-border: rgba(0,0,0,.08);--card-balance-bg: #FFFFFF;--card-balance-border: #BBF7D0;--card-flow-bg: #FFFFFF;--card-flow-border: #E9D5FF}[data-theme=dark]{--bg: #020617;--surface: #061428;--surface2: #0A1F3A;--surface3: #0D2545;--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.05);--accent: #8B5CF6;--accent-hover: #7C3AED;--accent-light: rgba(139,92,246,.15);--accent-soft: #A78BFA;--accent-glow: rgba(139,92,246,.25);--green: #2BFF88;--green-dark: #00D97E;--green-light: #03200F;--green-soft: rgba(43,255,136,.15);--green-glow: rgba(43,255,136,.25);--red: #FF4D8D;--red-light: #2D0A1A;--red-soft: rgba(255,77,141,.15);--pink: #FF4D8D;--pink-soft: rgba(255,77,141,.15);--orange: #FF9D00;--orange-light: #2D1E00;--orange-soft: rgba(255,157,0,.15);--blue: #4F8DFF;--blue-alt: #3D9EFF;--blue-light: #051530;--blue-soft: rgba(79,141,255,.15);--teal: #00CEC9;--teal-soft: rgba(0,206,201,.15);--amber: #FFB300;--amber-light: #2D2500;--text: #FFFFFF;--text2: #B8C2D1;--text3: #A7B1C2;--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow: 0 4px 20px rgba(0,0,0,.6);--shadow-md: 0 8px 32px rgba(0,0,0,.65);--shadow-lg: 0 20px 40px rgba(0,0,0,.75);--sidebar-bg: #04122F;--topbar-bg: rgba(2,6,23,.92);--nav-bg: #081629;--nav-border: rgba(255,255,255,.06);--card-bg: #061428;--input-bg: #0A1F3A;--input-border: rgba(255,255,255,.1);--card-account-bg: linear-gradient(135deg, #08263A 0%, #081A42 100%);--card-account-border: rgba(79,141,255,.2);--card-balance-bg: linear-gradient(135deg, #08222D 0%, #061B38 100%);--card-balance-border: rgba(43,255,136,.4);--card-flow-bg: linear-gradient(135deg, #0B1136 0%, #09152B 100%);--card-flow-border: rgba(139,92,246,.25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}a{text-decoration:none;color:inherit}button{font-family:Inter,sans-serif;cursor:pointer}input,select,textarea{font-family:Inter,sans-serif}.mono{font-family:Space Grotesk,Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--text3)}.text-success{color:var(--green)}.text-danger{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-ghost{background:var(--surface);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);color:var(--text);border-color:var(--accent-light)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-outline:hover{background:var(--accent-light)}.btn-danger{background:var(--red-light);color:var(--red);border:1px solid transparent}.btn-danger:hover{background:#fad0c8}.btn-success{background:var(--green-light);color:var(--green);border:1px solid transparent}.btn-sm{padding:6px 13px;font-size:12px;border-radius:var(--radius-xs);gap:5px}.btn-lg{padding:13px 26px;font-size:15px}.btn-icon{padding:8px;border-radius:var(--radius-sm);width:36px;height:36px;justify-content:center}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light);padding:22px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow)}.card-flat{background:var(--surface2);border-radius:var(--radius);padding:20px;border:1px solid var(--border-light)}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.chip-success{background:var(--green-light);color:var(--green)}.chip-pending{background:var(--amber-light);color:var(--amber)}.chip-failed{background:var(--red-light);color:var(--red)}.chip-income{background:var(--green-light);color:var(--green)}.chip-expense{background:var(--red-light);color:var(--red)}.chip-accent{background:var(--accent-light);color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeInUp .25s ease both}.fade-in-delay{animation:fadeInUp .35s ease .1s both}.spin{animation:spin 1s linear infinite}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.form-label{font-size:12px;font-weight:600;color:var(--text3);letter-spacing:.03em;text-transform:uppercase}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface2);color:var(--text);transition:var(--transition);outline:none}.form-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text3)}.form-input:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--surface);border-radius:var(--radius);padding:30px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:fadeInUp .22s ease}.modal-title{font-size:18px;font-weight:700;margin-bottom:22px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199;display:none;animation:fadeIn .2s ease}.sidebar-overlay.visible{display:block}@media (max-width: 1024px){:root{--sidebar-w: 220px}}@media (max-width: 768px){:root{--sidebar-w: 260px}.hide-mobile{display:none!important}.modal-overlay{align-items:flex-end;padding:0}.modal{padding:20px 16px 28px;max-width:100%;width:100%;margin:0;border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto}.card{padding:14px;border-radius:16px}}@media (min-width: 769px){.show-mobile-only,.mobile-only{display:none!important}}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text);color-scheme:dark}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text3)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b6fff2e;background:var(--surface2)}[data-theme=dark] select option{background:var(--surface2);color:var(--text)}[data-theme=dark] .card{background:var(--surface);border-color:var(--border-light);box-shadow:var(--shadow-sm)}[data-theme=dark] .card-flat{background:var(--surface2);border-color:var(--border-light)}[data-theme=dark] .btn-ghost{background:var(--surface2);border-color:var(--border);color:var(--text2)}[data-theme=dark] .btn-ghost:hover{background:var(--surface3);color:var(--text)}[data-theme=dark] .btn-danger{background:#ec48991f;color:var(--red)}[data-theme=dark] .btn-success{background:#22c55e1f;color:var(--green)}[data-theme=dark] .chip-success{background:#2bff8826;color:var(--green)}[data-theme=dark] .chip-pending{background:#ff9d0026;color:var(--amber)}[data-theme=dark] .chip-failed{background:#ff4d8d26;color:var(--red)}[data-theme=dark] .chip-income{background:#2bff8826;color:var(--green)}[data-theme=dark] .chip-expense{background:#ff4d8d26;color:var(--red)}[data-theme=dark] .chip-accent{background:#8b5cf62e;color:var(--accent)}[data-theme=dark] .modal{background:var(--surface);border-color:var(--border);box-shadow:0 24px 80px #000c}[data-theme=dark] .modal-overlay{background:#04060ebf}[data-theme=dark] table{color:var(--text)}[data-theme=dark] th{background:var(--surface2);color:var(--text3);border-color:var(--border)}[data-theme=dark] td{border-color:var(--border-light)}[data-theme=dark] tr:hover td{background:var(--surface2)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text3)}[data-theme=dark] hr{border-color:var(--border-light)}[data-theme=dark] [role=tooltip],[data-theme=dark] [data-radix-popper-content-wrapper]{background:var(--surface2)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 8px 32px #0009!important}[data-theme=dark] .recharts-cartesian-grid-horizontal line,[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:var(--border-light)}[data-theme=dark] .recharts-text{fill:var(--text3)}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface2)!important;border:1px solid var(--border)!important;border-radius:12px!important}[data-theme=dark] .react-loading-skeleton{--base-color: #1A1C35 !important;--highlight-color: #252550 !important}.amount-income{color:var(--green);font-weight:700}.amount-expense{color:var(--red);font-weight:700}.amount-transfer{color:var(--blue);font-weight:700}.amount-neutral{color:var(--text);font-weight:700}[data-theme=dark] .bottomNavBar{background:var(--nav-bg);border-top-color:var(--nav-border)}.page-enter{animation:fadeInUp .22s ease both}.page-enter-delay{animation:fadeInUp .3s ease .06s both}@media (max-width: 768px){.topbar{display:none!important}[style*="padding: 28px 32px"],[style*="padding:28px 32px"],[style*="padding: 24px 28px"]{padding:14px 12px 80px!important}[style*="gridTemplateColumns: repeat(3,1fr)"],[style*="gridTemplateColumns:'repeat(3,1fr)'"],[style*="grid-template-columns: repeat(3,1fr)"],[style*="gridTemplateColumns: 2fr 1fr"],[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important}}.mob-header,.mob-fab{display:none}.mob-summary-scroll{display:contents}@media (max-width: 768px){.mob-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 10px;background:var(--bg);position:sticky;top:0;z-index:20}.mob-header-title{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px}.mob-header-sub{font-size:12px;color:var(--text3);margin-top:1px}.mob-fab{display:flex;position:fixed;bottom:28px;right:22px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;align-items:center;justify-content:center;box-shadow:0 8px 28px #8b5cf673;cursor:pointer;z-index:100;transition:transform .18s ease}.mob-fab:active{transform:scale(.92)}.mob-fab-red{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 8px 28px #ec489966}.mob-summary-scroll{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;overflow-x:unset!important;padding-bottom:0!important;scrollbar-width:unset!important}.mob-summary-scroll>*{min-width:unset!important;flex-shrink:unset!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:12px 6px!important;gap:5px!important;border-radius:14px!important}.mob-summary-scroll>*>div:first-child{width:36px!important;height:36px!important;border-radius:10px!important;flex-shrink:0!important;margin-left:0!important}.mob-summary-scroll>*>div:last-child{min-width:unset!important;display:flex;flex-direction:column;align-items:center}.mob-summary-scroll>*>div:last-child>div:first-child{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.mob-summary-scroll>*>div:last-child>div:last-child{font-size:15px!important;font-weight:800!important}.mob-chips{display:flex!important;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}.mob-chips::-webkit-scrollbar{display:none}.mob-chips>button{flex-shrink:0}.mob-content{padding:14px 14px 80px!important}.mob-grid-1col{grid-template-columns:1fr!important}.mob-hide{display:none!important}}