@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Outfit:wght@600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap";:root{--ink: #17212b;--muted: #7b8794;--line: #e8edf0;--canvas: #f7f9fa;--card: #fff;--navy: #173b49;--teal: #128278;--mint: #dff5ed;--rose: #fee8e7;--purple: #ede8ff;--shadow: 0 7px 25px #1935470b }*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;background:linear-gradient(180deg,#0f2c35,#123743);color:#d7e5e7;display:flex;flex-direction:column;padding:24px 16px;position:fixed;inset:0 auto 0 0;z-index:30;border-right:1px solid rgba(255,255,255,.08);box-shadow:4px 0 24px #00000026;transition:width .3s cubic-bezier(.16,1,.3,1)}.logo{font-family:Outfit,Plus Jakarta Sans,Manrope,sans-serif;font-size:22px;font-weight:800;color:#fff;display:flex;gap:12px;align-items:center;padding:4px 10px 36px;text-decoration:none;letter-spacing:-.4px;transition:transform .2s ease}.logo:hover{transform:translateY(-1px)}.logo span.brand-mark,.logo span:first-child,.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#39b79f,#209681);border-radius:10px;width:36px;height:36px;color:#fff;box-shadow:0 4px 12px #39b79f59;flex-shrink:0}.logo-title{font-family:Outfit,Plus Jakarta Sans,Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px;color:#fff;background:linear-gradient(135deg,#fff,#d5f2ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.sidebar nav button,.logout,.logout-btn{position:relative;color:#9eb5bb;border:0;background:transparent;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.sidebar nav a svg,.sidebar nav button svg,.logout svg,.logout-btn svg{transition:transform .2s ease,color .2s ease;flex-shrink:0}.sidebar nav a:hover,.sidebar nav button:hover{background:#ffffff12;color:#fff;transform:translate(2px)}.sidebar nav a:hover svg,.sidebar nav button:hover svg{color:#39b79f}.sidebar nav a.selected,.sidebar nav a.active,.sidebar nav button.selected,.sidebar nav button.active{background:linear-gradient(90deg,#39b79f2e,#39b79f0a);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff0d}.sidebar nav a.selected:before,.sidebar nav a.active:before,.sidebar nav button.selected:before,.sidebar nav button.active:before{content:"";position:absolute;left:0;top:15%;height:70%;width:3.5px;background:#39b79f;border-radius:0 4px 4px 0;box-shadow:0 0 10px #39b79f99}.sidebar nav a.selected svg,.sidebar nav a.active svg,.sidebar nav button.selected svg,.sidebar nav button.active svg{color:#39b79f;filter:drop-shadow(0 0 6px rgba(57,183,159,.4))}.sidebar nav a:focus-visible,.sidebar nav button:focus-visible,.logout-btn:focus-visible{outline:2px solid #39b79f;outline-offset:2px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:16px}.profile,.profile-card{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease}.profile:hover,.profile-card:hover{background:#ffffff12;border-color:#ffffff24}.profile>div,.profile-avatar{width:36px;height:36px;flex:none;border-radius:50%;background:linear-gradient(135deg,#71c3ba,#39b79f);color:#0f2c35;display:grid;place-items:center;font-weight:700;font-size:14px;overflow:hidden;box-shadow:0 2px 8px #0003}.profile img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile span,.profile-info{min-width:0;flex:1}.profile b,.profile-name,.profile small,.profile-email{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile b,.profile-name{font-size:13px;font-weight:600;color:#fff}.profile small,.profile-email{font-size:11px;color:#8eb0b7;margin-top:2px}.logout,.logout-btn{width:100%;justify-content:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#9eb5bb}.logout:hover,.logout-btn:hover{background:#e971701f;color:#f87171;border-color:#e971704d;transform:none}.logout:hover svg,.logout-btn:hover svg{color:#f87171}.main-content{width:calc(100% - 248px);margin-left:248px;padding:0 42px 48px;max-width:1650px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.topbar p,.page-intro p{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700}.topbar h2{margin:4px 0 0;font:700 25px Manrope,sans-serif}.top-actions{display:flex;align-items:center;gap:9px}.top-actions select{width:auto;border:1px solid var(--line);background:var(--card);border-radius:8px;color:#44515c;padding:9px 30px 9px 11px;font-size:13px}.add-button{background:var(--navy);border:0;color:#fff;border-radius:8px;padding:10px;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 4px 10px #173b4920}.add-button:hover{background:#0b2e39}.page{padding-top:34px;max-width:1250px}.hero{border-radius:16px;background:linear-gradient(115deg,#153d49,#1d5a63);min-height:204px;padding:31px 37px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:390px;height:390px;border:60px solid #61baa833;border-radius:50%;right:-165px;top:-202px}.hero p,.modal>p{letter-spacing:.13em;font-size:10px;font-weight:700;margin:0 0 11px;color:#a8d4d0}.hero h1{font:800 42px Manrope,sans-serif;margin:0;letter-spacing:-.04em}.hero span{font-size:13px;color:#c2dbd9}.hero-ring{z-index:1;width:110px;height:110px;border:9px solid #59c0ad;border-left-color:#ffffff40;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:26px}.hero-ring b{font:800 21px Manrope,sans-serif}.hero-ring small{font-size:9px;color:#d2e7e5}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.metric{border-radius:12px;background:var(--card);border:1px solid var(--line);padding:20px 21px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;width:4px;height:100%;left:0;top:0;background:#8bd7c7}.metric.rose:before{background:#ed9f9b}.metric.purple:before{background:#a99bea}.metric small{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font:800 25px Manrope,sans-serif;margin:9px 0 5px}.metric span{font-size:12px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.card-head h3{margin:0;font:700 16px Manrope,sans-serif}.card-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.budget-numbers{display:flex;align-items:baseline;gap:7px;margin-bottom:11px}.budget-numbers b{font:800 26px Manrope,sans-serif}.budget-numbers span{color:var(--muted);font-size:12px}.progress,.thin-bar{height:7px;border-radius:30px;background:#ecf0ef;overflow:hidden}.progress i,.thin-bar b{height:100%;display:block;background:#ed847e;border-radius:30px}.budget-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.budget-inputs label,.modal label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.budget-inputs input,.modal input,.modal select,.new-category input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;margin-top:6px;color:var(--ink);outline:none}.budget-inputs input:focus,.modal input:focus,.modal select:focus,.new-category input:focus{border-color:#35a799;box-shadow:0 0 0 3px #35a79918}.category-bars{display:grid;gap:15px}.category-bars>div{display:grid;grid-template-columns:110px 1fr 68px;align-items:center;gap:8px;font-size:12px}.category-bars span{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-bars strong{font-size:11px;text-align:right}.dot{width:7px;height:7px;border-radius:50%;background:#45b5a5;flex:none}.dot.d1{background:#ef9c8c}.dot.d2{background:#897ed4}.dot.d3{background:#e4bd68}.dot.d4{background:#73a8d8}.thin-bar{height:6px}.thin-bar b{background:#44b4a2}.link-button{display:flex;align-items:center;gap:5px;background:transparent;border:0;color:#187c74;font-size:12px;font-weight:700;padding:0}.spending-card .link-button{margin-top:24px}.recent-card{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:0 9px 11px}td{font-size:12px;border-top:1px solid var(--line);padding:13px 9px;color:#66727d}td:first-child{color:var(--ink)}td:first-child b{font-size:12px}td.amount,td.expense,td.income,td.saving{font-weight:700;text-align:right}td.expense{color:#c85d5a}td.income{color:#168276}td.saving{color:#6b5ac5}.type-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;margin-right:8px;font-size:16px;background:var(--rose);color:#c85d5a}.type-icon.income{background:var(--mint);color:#15806f}.type-icon.saving{background:var(--purple);color:#6859bd}.category-tag{display:inline-block;background:#f3f5f6;border-radius:5px;padding:4px 7px;color:#64717c;font-size:11px}.remove{border:0;background:transparent;color:#9ba5ac;font-size:11px}.remove:hover{color:#d36360}.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.page-intro h1{font:800 28px Manrope,sans-serif;margin:0 0 5px;letter-spacing:-.03em}.page-intro p{text-transform:none;letter-spacing:0;font-weight:400;font-size:13px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-row>div{display:flex;padding:4px;background:#f4f6f7;border-radius:8px;gap:2px}.filter-row button{border:0;background:transparent;padding:7px 12px;border-radius:6px;color:var(--muted);text-transform:capitalize;font-size:12px}.filter-row button.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #17212b12;font-weight:700}.filter-row>span{color:var(--muted);font-size:12px}.trend-card .chart{height:217px;display:flex;align-items:end;gap:18px;border-bottom:1px solid var(--line);padding:10px 6px 0}.chart-col{flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:end;gap:8px;color:var(--muted);font-size:11px}.chart-bars{height:177px;display:flex;align-items:end;justify-content:center;gap:4px}.chart-bars i{width:13px;border-radius:5px 5px 0 0;min-height:2px}.chart-bars .income,.legend .income{background:#41b4a1}.chart-bars .expense,.legend .expense{background:#efa19b}.legend{display:flex;gap:14px;margin-top:15px;color:var(--muted);font-size:11px}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:8px;height:8px;border-radius:2px}.snapshot{display:grid;gap:13px}.snapshot>div{padding-bottom:13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.snapshot span{font-size:12px;color:var(--muted)}.snapshot b{font:700 13px Manrope,sans-serif}.insight{font-size:12px;line-height:1.65;color:#53616b;background:#f3faf8;border-radius:8px;padding:12px;margin:17px 0 0}.settings-card{max-width:650px;margin-bottom:17px}.settings-card label{max-width:330px}.category-pills{display:flex;flex-wrap:wrap;gap:8px}.category-pills span{font-size:12px;background:#f1f5f5;border-radius:20px;padding:7px 11px}.new-category{display:flex;gap:8px;margin-top:18px;max-width:430px}.new-category input{margin:0}.new-category button{border:0;border-radius:7px;background:#e6efee;color:#22635c;padding:0 12px;font-weight:700;font-size:12px}.modal-backdrop{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;background:#112d367a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.modal{width:min(100%,420px);height:100vh;background:#fff;padding:30px 24px;position:relative;box-shadow:-20px 0 60px #0e252d26;overflow-y:auto;border-radius:0;animation:modal-slide-left .25s cubic-bezier(.2,.8,.2,1)}@keyframes modal-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}.modal>p{color:#278f82}.modal h2{font:800 24px Manrope,sans-serif;margin:0 0 24px}.modal-close{position:absolute;right:17px;top:17px;border:0;background:#f3f6f6;color:#617079;border-radius:7px;padding:6px}.type-switch{display:flex;border:1px solid var(--line);background:#f7f9f9;padding:3px;border-radius:8px;margin-bottom:19px}.type-switch button{flex:1;border:0;background:transparent;text-transform:capitalize;padding:8px;border-radius:6px;color:var(--muted);font-size:12px}.type-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 5px #17212b12;font-weight:700}.modal label{display:block;margin:15px 0}.modal .submit{width:100%;justify-content:center;margin-top:8px}.empty-state{color:var(--muted);font-size:13px;padding:38px;text-align:center}.toast{position:fixed;right:28px;bottom:28px;z-index:12;background:#fff0ef;border:1px solid #f4cdca;color:#a34643;border-radius:9px;padding:12px 13px;box-shadow:var(--shadow);font-size:12px}.toast button{border:0;background:transparent;vertical-align:middle;color:inherit;margin-left:7px}.loading{height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--muted);font-size:13px}.loading .brand-mark{margin:auto}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fcfdfd}.auth-panel{display:flex;flex-direction:column;justify-content:center;width:min(410px,calc(100% - 50px));margin:auto}.auth-panel h1{font:800 37px/1.15 Manrope,sans-serif;margin:24px 0 13px;letter-spacing:-.05em}.auth-panel p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 28px}.google-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px;width:100%;font-size:13px;font-weight:700;color:#33414b}.google-button b{font-size:17px;color:#4285f4;margin-right:9px}.auth-panel small{margin-top:13px;color:#ba5b56;font-size:11px;text-align:center}.auth-art{background:#123c49;color:#fff;padding:43px 11%;position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-art:before,.auth-art:after{content:"";position:absolute;border:1px solid #6bc0b155;border-radius:50%;width:600px;height:600px;right:-230px;top:-170px}.auth-art:after{width:420px;height:420px;right:-100px;top:-80px}.auth-art>span{font:800 15px Manrope,sans-serif;letter-spacing:.13em}.auth-art>p{margin:auto 0 0;font:700 35px/1.2 Manrope,sans-serif;z-index:1}.auth-art em{color:#71cebb;font-style:normal}.art-card{z-index:1;background:#fff;color:#183f4a;border-radius:12px;padding:22px;width:300px;margin:auto;box-shadow:0 20px 40px #071d244d}.art-card small{font-size:9px;font-weight:700;letter-spacing:.1em;color:#789097}.art-card strong{display:block;font:800 29px Manrope,sans-serif;margin:10px 0}.art-card i{display:block;height:7px;background:#e8f2f0;border-radius:10px}.art-card i:after{content:"";display:block;width:67%;height:100%;background:#46b5a4;border-radius:10px}@media (max-width:900px){.hero:after{display:none}.sidebar{width:72px;padding:20px 8px}.logo{padding:0 4px 28px;justify-content:center}.logo-title,.logo-badge{display:none!important}.sidebar nav a,.sidebar nav button{justify-content:center;padding:12px}.sidebar nav a .nav-label,.sidebar nav button span:not(.brand-mark),.logout span,.logout-btn span{display:none!important}.sidebar nav a svg,.sidebar nav button svg{margin:0}.profile,.profile-card{justify-content:center;padding:8px;border:0;background:transparent}.profile span,.profile-info{display:none!important}.logout,.logout-btn{justify-content:center;padding:12px}.main-content{width:calc(100% - 72px);margin-left:72px;padding:0 24px}.auth-art{display:none}.auth-page{grid-template-columns:1fr}.auth-panel{min-height:100vh}}@media (max-width:640px){.hero:after{display:none}.sidebar{display:none}.main-content{width:100%;margin:0;padding:0 16px 28px}.topbar{height:auto;padding:22px 0;align-items:start}.topbar h2{font-size:22px}.top-actions select{display:none}.top-actions .add-button{padding:10px;font-size:0}.top-actions .add-button svg{margin:0}.page{padding-top:22px}.hero{padding:25px;min-height:180px}.hero h1{font-size:33px}.hero-ring{display:none}.metric-grid,.content-grid{grid-template-columns:1fr;gap:11px;margin:12px 0}.metric{padding:16px}.metric strong{font-size:22px}.budget-inputs{grid-template-columns:1fr}.card{padding:18px}.recent-card{margin-top:11px}.page-intro h1{font-size:24px}.mobile-add{display:flex}.category-bars>div{grid-template-columns:92px 1fr 60px}.auth-panel h1{font-size:32px}.filter-row{align-items:start;gap:12px;flex-direction:column}.filter-row>div{width:100%;overflow:auto}.trend-card .chart{gap:8px}.chart-bars i{width:9px}}@media (max-width:640px){body{padding-bottom:76px}.sidebar{display:flex;position:fixed;inset:auto 0 0;width:100%;height:68px;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:#0f2c35f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000004d;z-index:100}.sidebar .logo,.sidebar .sidebar-bottom{display:none!important}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sidebar nav a,.sidebar nav button{height:54px;padding:6px 2px;background:transparent;color:#8faab1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.sidebar nav a svg,.sidebar nav button svg{width:20px;height:20px;transition:transform .2s ease,color .2s ease}.sidebar nav a:hover,.sidebar nav button:hover{color:#fff;transform:none}.sidebar nav a.selected,.sidebar nav a.active,.sidebar nav button.selected,.sidebar nav button.active{color:#fff;font-weight:600;background:#39b79f29;border:1px solid rgba(57,183,159,.25)}.sidebar nav a.selected svg,.sidebar nav a.active svg,.sidebar nav button.selected svg,.sidebar nav button.active svg{color:#39b79f;filter:drop-shadow(0 0 5px rgba(57,183,159,.5))}.sidebar nav a.selected:before,.sidebar nav a.active:before,.sidebar nav button.selected:before,.sidebar nav button.active:before{display:none}.sidebar nav a .nav-label,.sidebar nav button span{display:block!important}}.top-actions>.add-button{width:54px;height:54px;padding:0;justify-content:center;border-radius:16px;font-size:0;box-shadow:0 12px 24px #173b4930}.top-actions>.add-button svg{width:24px;height:24px}.google-button b{display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;font-size:0;background:url(/google-mark.svg) center / contain no-repeat}.analytics-intro{margin-bottom:24px}.analytics-intro h1{margin:0 0 5px;font:800 28px Manrope,sans-serif;letter-spacing:-.03em}.analytics-intro p{margin:0;color:var(--muted);font-size:13px}.analytics-charts{grid-template-columns:1.35fr .65fr}.interactive-chart{min-height:355px}.bar-chart{height:250px}.doughnut-chart{height:250px;position:relative}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px}.category-analysis{margin-top:18px}.analysis-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}.analysis-list>div{display:grid;grid-template-columns:1fr auto 36px;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;align-items:center}.analysis-list span{display:flex;align-items:center;gap:8px}.analysis-list b{font-size:12px}.analysis-list small{color:var(--muted);text-align:right}.analysis-dot{width:8px;height:8px;border-radius:50%;background:#45b5a4}.analysis-dot.dot-1{background:#ef9c8c}.analysis-dot.dot-2{background:#897ed4}.analysis-dot.dot-3{background:#e4bd68}.analysis-dot.dot-4{background:#73a8d8}.transaction-page{padding-top:34px}.transaction-card{min-height:480px}.hero-balance-row{display:flex;align-items:center;gap:12px;margin:0 0 6px}.toggle-balance-btn{background:#ffffff26;border:0;color:#fff;border-radius:8px;padding:6px;display:grid;place-items:center;transition:all .2s ease;cursor:pointer}.toggle-balance-btn:hover{background:#ffffff47;transform:scale(1.05)}.hero-acc-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-acc-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;font-size:11px;color:#e2f1ef}.hero-acc-pill i{width:6px;height:6px;border-radius:50%}.hero-acc-pill b{color:#fff}.accounts-card{margin-top:18px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.account-item-card{background:#f8fafb;border:1px solid var(--line);border-left:4px solid #45b5a4;border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.account-item-card h4{margin:4px 0 0;font:700 15px Manrope,sans-serif}.acc-tag{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px;display:inline-block}.acc-balance{text-align:right}.acc-balance strong{display:block;font:800 16px Manrope,sans-serif;color:var(--ink)}.acc-balance small{font-size:11px;color:var(--muted)}.account-tag{display:inline-block;background:#f0f4f5;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;color:#3b4752;border-left:3px solid #45b5a4}.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.acc-filter-select{border:1px solid var(--line);background:#fff;border-radius:8px;color:#44515c;padding:7px 12px;font-size:12px;outline:none}.bubble-meta{display:flex;align-items:center;gap:6px}.bubble-account{font-size:11px;font-weight:600}.subhead{font:700 14px Manrope,sans-serif;margin:22px 0 10px;color:var(--ink)}.account-manage-list{display:grid;gap:10px;margin-bottom:18px}.account-manage-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafb;border:1px solid var(--line);border-radius:8px;gap:12px}.acc-meta{display:flex;align-items:center;gap:10px}.acc-actions{display:flex;align-items:center;gap:12px}.inline-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600}.inline-label input{width:110px!important;margin:0!important;padding:6px 8px!important}.sp-hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.sp-hero-card{position:relative;overflow:hidden;border-radius:16px;padding:20px 20px 0;color:#fff;box-shadow:0 10px 30px #173b4924;display:flex;flex-direction:column;min-height:190px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.sp-hero-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #173b4938}.sp-hero-toprow{display:flex;align-items:center;justify-content:space-between;z-index:1}.sp-hero-topright{display:flex;align-items:center;gap:8px}.sp-hero-lock{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:.85}.sp-hero-balance{z-index:1;margin-top:auto;padding:12px 0 16px}.sp-hero-bal-row{display:flex;align-items:center;justify-content:space-between}.sp-hero-bal-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb8;margin-bottom:3px}.sp-hero-bal-val{font:800 20px Manrope,sans-serif;letter-spacing:-.02em}.sp-hero-edit-trigger{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;transition:background .15s,transform .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-hero-edit-trigger:hover{background:#ffffff59;transform:scale(1.1)}.sp-hero-edit-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sp-hero-edit-label{font-size:11px;font-weight:600;color:#ffffffbf;white-space:nowrap}.sp-hero-input{flex:1;min-width:80px;padding:6px 10px;border:1.5px solid rgba(255,255,255,.5);border-radius:8px;font-size:13px;font-weight:700;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline:none;color:#fff;transition:border-color .2s}.sp-hero-input:focus{border-color:#ffffffd9}.sp-hero-input::placeholder{color:#ffffff80}.sp-hero-btn{width:26px;height:26px;border:none;border-radius:7px;display:grid;place-items:center;cursor:pointer;transition:background .15s}.sp-hero-btn--ok{background:#ffffff47;color:#fff}.sp-hero-btn--ok:hover{background:#ffffff73}.sp-hero-btn--cancel{background:#0000002e;color:#fffc}.sp-hero-btn--cancel:hover{background:#00000052}.sp-hero-footer{z-index:1;border-top:1px solid rgba(255,255,255,.15);padding:10px 0;display:flex;justify-content:flex-end}.sp-hero-del-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:#ffffff26;color:#ffffffe6;border-radius:8px;padding:5px 12px;font:600 11px DM Sans,sans-serif;cursor:pointer;transition:background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-hero-del-btn:hover{background:#dc505073}.new-account-form{display:grid;grid-template-columns:1fr 110px 120px 60px auto;gap:10px;align-items:end;background:#fdfdfd;border:1px solid var(--line);padding:14px;border-radius:10px}.add-acc-btn{border:0;background:var(--navy);color:#fff;padding:10px 14px;border-radius:7px;font-weight:700;font-size:12px;height:38px;white-space:nowrap}.add-acc-btn:hover{background:#0b2e39}.transfer-acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-flow-tag{display:inline-flex;align-items:center;gap:6px;background:#f0f4f5;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.flow-arrow{color:var(--muted);font-size:12px}.type-icon.transfer{background:#e2eaf4;color:#3b629b}.accounts-section{margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-head h3{margin:0;font:800 20px Manrope,sans-serif;color:var(--ink);letter-spacing:-.02em}.section-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.accounts-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:18px}.account-hero-card{position:relative;overflow:hidden;border-radius:16px;padding:22px 24px 18px;color:#fff;box-shadow:0 10px 30px #173b491f;display:flex;flex-direction:column;justify-content:space-between;min-height:195px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.account-hero-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #173b4938}.acc-card-bg-circle{position:absolute;width:220px;height:220px;border:38px solid rgba(255,255,255,.09);border-radius:50%;right:-85px;top:-85px;pointer-events:none}.acc-card-header{display:flex;align-items:center;justify-content:space-between;z-index:1}.acc-card-type-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 11px;border-radius:20px;color:#fff}.acc-card-icon{width:32px;height:32px;background:#ffffff2e;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.acc-card-title{margin:14px 0 4px;font:800 21px Manrope,sans-serif;letter-spacing:-.02em;z-index:1}.acc-card-balance{z-index:1;margin-bottom:12px}.acc-card-balance strong{display:block;font:800 27px Manrope,sans-serif;letter-spacing:-.03em}.acc-card-balance small{font-size:11px;color:#ffffffc7}.acc-card-footer{z-index:1;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.15);padding-top:12px;margin-top:auto}.acc-card-action{background:#fff3;border:0;color:#fff;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .15s;cursor:pointer}.acc-card-action:hover{background:#ffffff52;transform:scale(1.02)}.settings-page{padding-top:34px}.settings-hero{border-radius:16px;background:linear-gradient(115deg,#163d48,#226472);padding:28px 32px;color:#fff;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 32px #163d482e}.settings-hero-content p{letter-spacing:.12em;font-size:10px;font-weight:700;margin:0 0 8px;color:#a8d4d0}.settings-hero-content h1{font:800 30px Manrope,sans-serif;margin:0 0 6px;letter-spacing:-.03em}.settings-hero-content span{font-size:13px;color:#c2dbd9}.settings-hero-badge{display:flex;align-items:center;gap:10px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 18px;border-radius:12px;font-weight:700;font-size:13px}.settings-page{display:grid;gap:22px;padding-top:34px}.sp-accounts-section{max-width:none!important;margin-bottom:0!important}.sp-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.sp-add-form{display:grid;gap:18px}.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5b6b77}.sp-field input,.sp-field select{margin:0!important;background:#f8fafc;border:1.5px solid #dce4ea;border-radius:10px;padding:10px 14px;font-size:13px;font-family:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s;outline:none;text-transform:none;letter-spacing:0;font-weight:400}.sp-field input:focus,.sp-field select:focus{border-color:#45b5a4;box-shadow:0 0 0 3px #45b5a41f}.sp-swatches{display:flex;align-items:center;gap:8px;height:40px}.sp-swatch{width:26px;height:26px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;outline:none}.sp-swatch:hover{transform:scale(1.18)}.sp-swatch--active{border-color:#17212b;box-shadow:0 0 0 2px #17212b2e;transform:scale(1.18)}.sp-color-native{width:28px!important;height:28px!important;padding:0!important;border:none!important;border-radius:50%!important;cursor:pointer;margin:0!important;outline:none!important;background:transparent!important}.sp-create-btn{display:inline-flex;align-items:center;gap:8px;border:none;background:linear-gradient(135deg,#183e4a,#236573);color:#fff;border-radius:11px;padding:12px 26px;font:700 13px DM Sans,sans-serif;cursor:pointer;box-shadow:0 6px 18px #183e4a38;transition:transform .15s,box-shadow .15s;align-self:flex-start}.sp-create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #183e4a52}.sp-categories-wrap{display:grid;gap:16px}.sp-cat-count{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);background:#f0f4f6;border:1px solid #e1e7ea;padding:4px 10px;border-radius:20px}.sp-pills-grid{display:flex;flex-wrap:wrap;gap:8px}.sp-pill{display:inline-flex;align-items:center;gap:7px;background:#f0f4f6;border:1px solid #dce4ea;border-radius:20px;padding:6px 10px 6px 14px;font-size:12px;font-weight:600;color:#3b4955;transition:background .15s}.sp-pill:hover{background:#e4edf2}.sp-pill-remove{display:grid;place-items:center;width:18px;height:18px;border:none;background:#dce4ea;color:#7b8794;border-radius:50%;cursor:pointer;transition:background .15s,color .15s;padding:0}.sp-pill-remove:hover{background:#fcd7d4;color:#c85d5a}.sp-cat-add-row{display:flex;gap:8px}.sp-cat-add-row>input{flex:1;margin:0;background:#f8fafc;border:1.5px solid #dce4ea;border-radius:10px;padding:9px 14px;height:38px;box-sizing:border-box;font-size:13px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.sp-cat-add-row>input:focus{border-color:#45b5a4;box-shadow:0 0 0 3px #45b5a41f}.sp-cat-add-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:#183e4a;color:#fff;border-radius:10px;padding:0 18px;height:38px;box-sizing:border-box;font:700 12px DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .18s}.sp-cat-add-btn:hover{background:#0f2c35}@media (max-width: 860px){.sp-bottom-grid,.sp-form-row{grid-template-columns:1fr}}@media (max-width: 640px){.settings-hero{flex-direction:column;align-items:start;gap:14px}.sp-acc-row{flex-wrap:wrap}.sp-acc-actions{width:100%;justify-content:flex-end}.top-actions>.add-button{width:48px;height:48px;border-radius:14px}.analytics-charts{grid-template-columns:1fr}.interactive-chart{min-height:320px}.bar-chart,.doughnut-chart{height:225px}.analysis-list{grid-template-columns:1fr}.transaction-page{padding-top:22px}.transfer-acc-grid,.accounts-hero-grid{grid-template-columns:1fr}}.an-page{display:flex;flex-direction:column;gap:20px;padding-top:28px}.an-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:4px}.an-eyebrow{font:700 10px/1 DM Sans,sans-serif;letter-spacing:1.5px;color:#0f9c8f;text-transform:uppercase;margin:0 0 4px}.an-title{font:800 30px/1 Manrope,sans-serif;letter-spacing:-.03em;color:#0f172a;margin:0}.an-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.an-stat-card{background:#fff;border:1px solid #e6e9ef;border-radius:18px;padding:20px 22px;position:relative;overflow:hidden}.an-stat-accent{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px}.an-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.an-stat-label{font:700 10px/1 DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.an-stat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.an-stat-value{font:800 26px/1 Manrope,sans-serif;letter-spacing:-.03em;color:#0f172a;font-variant-numeric:tabular-nums}.an-stat-sub{margin-top:5px;display:flex;align-items:center;gap:4px;font-size:11.5px;color:#64748b}.an-card{background:#fff;border:1px solid #e6e9ef;border-radius:18px;padding:20px}.an-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.an-card-title{font:700 15px/1 Manrope,sans-serif;color:#0f172a;margin-bottom:3px}.an-card-sub{font-size:12px;color:#64748b}.an-charts-row{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.an-flow-card{display:flex;flex-direction:column}.an-legend{display:flex;gap:18px;justify-content:center;margin-top:8px}.an-legend span{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b;font-weight:600}.an-legend i{width:10px;height:3px;border-radius:2px;display:block}.an-tooltip{background:#0f172a;color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;box-shadow:0 8px 24px #0f172a40}.an-tooltip-label{font-weight:700;margin-bottom:5px;color:#94a3b8;font-size:11px}.an-tooltip-row{display:flex;justify-content:space-between;gap:18px;font-variant-numeric:tabular-nums}.an-pie-card{display:flex;flex-direction:column}.an-pie-wrap{position:relative;display:flex;justify-content:center}.an-pie-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.an-pie-pct{font:800 22px/1 Manrope,sans-serif;color:#0f172a}.an-pie-name{font-size:10px;color:#64748b;text-align:center;max-width:80px;margin-top:3px;line-height:1.3}.an-pie-legend{margin-top:10px;display:grid;gap:6px}.an-pie-leg-row{display:flex;align-items:center;gap:8px;font-size:12px}.an-pie-dot{width:8px;height:8px;border-radius:50%;flex:none}.an-pie-leg-name{flex:1;color:#0f172a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-pie-leg-val{color:#64748b;font-weight:600;font-variant-numeric:tabular-nums}.an-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.an-cat-list{display:grid;gap:6px}.an-cat-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;cursor:default}.an-cat-icon{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.an-cat-info{flex:1;min-width:0}.an-cat-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.an-cat-name{font:600 13px/1 DM Sans,sans-serif;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.an-cat-amount{font:700 13px/1 DM Sans,sans-serif;color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap}.an-cat-bar-track{height:5px;border-radius:4px;background:#e6e9ef;overflow:hidden}.an-cat-pct{font:700 11px/1 DM Sans,sans-serif;white-space:nowrap;min-width:30px;text-align:right}.an-tx-list{display:grid}.an-tx-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-radius:8px}.an-tx-amount{font:700 13px/1 DM Sans,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.an-empty{text-align:center;color:#64748b;font-size:13px;padding:24px 0}.an-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 0;color:#64748b;font-size:13px}.an-cat-head{align-items:center!important}.an-filters{display:flex;gap:6px;flex-wrap:wrap}.an-cat-tooltip{background:#0f172a;border-radius:14px;padding:14px 16px;min-width:220px;max-width:280px;box-shadow:0 12px 36px #0f172a52;pointer-events:none}.an-cat-tt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.an-cat-tt-name{font:700 13px/1 DM Sans,sans-serif;color:#e2e8f0}.an-cat-tt-total{font:800 14px/1 Manrope,sans-serif;color:#5eead4;font-variant-numeric:tabular-nums}.an-cat-tt-divider{height:1px;background:#ffffff1a;margin-bottom:10px}.an-cat-tt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.an-cat-tt-left{display:flex;align-items:center;gap:8px;min-width:0}.an-cat-tt-dot{width:6px;height:6px;border-radius:50%;flex:none}.an-cat-tt-tx-name{font:600 12px/1.2 DM Sans,sans-serif;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.an-cat-tt-tx-date{font-size:10px;color:#64748b;margin-top:2px}.an-cat-tt-amt{font:700 12px/1 DM Sans,sans-serif;color:#fca5a5;font-variant-numeric:tabular-nums;white-space:nowrap}.an-cat-tt-empty{font-size:11px;color:#64748b;text-align:center;margin:4px 0 0}.an-tx-grid{display:grid;grid-template-columns:1fr 1fr}.an-tx-row{display:flex;align-items:center;gap:12px;padding:12px 6px;border-radius:8px}.an-tx-icon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.an-tx-info{flex:1;min-width:0}.an-tx-name{font:600 13px/1 DM Sans,sans-serif;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-tx-meta{font-size:11px;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-tx-type-pill{font:600 10px/1 DM Sans,sans-serif;text-transform:capitalize;letter-spacing:.04em;padding:3px 8px;border-radius:20px;white-space:nowrap;flex:none}.an-tx-amount{font:700 13px/1 DM Sans,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}@media (max-width: 960px){.an-charts-row,.an-tx-grid{grid-template-columns:1fr}}@media (max-width: 640px){.an-stats-row{grid-template-columns:1fr}.an-filters{gap:4px}.an-cat-head{flex-direction:column;align-items:flex-start!important}}.an-cat-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;padding-top:12px;border-top:1px solid #e6e9ef}.an-cat-leg-item{display:flex;align-items:center;gap:6px;font:500 11.5px/1 DM Sans,sans-serif;color:#64748b}.an-cat-leg-item i{width:8px;height:8px;border-radius:50%;display:block;flex:none}.ftl-wrap{display:flex;flex-direction:column;gap:0}.ftl-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.ftl-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;flex:1}.ftl-pills{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;flex-wrap:nowrap}.ftl-pills::-webkit-scrollbar,.ftx-account-pills::-webkit-scrollbar{display:none}.ftl-pill{cursor:pointer;border:1px solid transparent;background:#f1f5f9;border-radius:8px;padding:6px 13px;font:600 12px/1 DM Sans,sans-serif;color:#64748b;transition:all .18s ease;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;white-space:nowrap}.ftl-pill:hover:not(.active){background:#e2e8f0;color:#334155}.ftl-pill.active{background:#0f172a;color:#fff;border-color:transparent;box-shadow:0 2px 8px #0f172a33}.ftl-type-pill.active{background:#0f9c8f;color:#fff;border-color:transparent;box-shadow:0 2px 8px #0f9c8f4d}.ftl-type-pill{text-transform:capitalize}.ftl-pills+.ftl-pills{position:relative;padding-left:12px}.ftl-pills+.ftl-pills:before{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:#e2e8f0}.ftl-count{font-size:11.5px;color:#94a3b8;white-space:nowrap;margin-left:auto}.ftl-count b{color:#334155;font-weight:700}.ftl-list{display:grid}.ftl-list--2col{grid-template-columns:1fr 1fr}.ftl-row{display:flex;align-items:center;gap:11px;padding:11px 6px;border-radius:8px;transition:background .12s}.ftl-row:hover{background:#f8faff}.ftl-icon{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;border:1px solid #e2e8f0}.ftl-info{flex:1;min-width:0}.ftl-name{font:600 14px/1.2 DM Sans,sans-serif;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftl-meta{font-size:11.5px;color:#64748b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftl-amount{font:700 14px/1 DM Sans,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;color:#0f172a}.ftl-amount.amount-in{color:#10b981}.ftl-amount.amount-out{color:#ef4444}.ftl-del{flex:none;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:#94a3b8;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .15s ease;padding:0}.ftl-del:hover{background:#f1f5f9;color:#334155}.ftl-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 0;color:#64748b;font-size:13px;text-align:center}.ftl-empty p b{color:#0f172a}@media (max-width: 860px){.ftl-list--2col{grid-template-columns:1fr}}@media (max-width: 640px){.ftl-controls{flex-direction:column;align-items:flex-start}.ftl-row{gap:8px;padding:10px 4px}.ftl-type-badge{display:none}.ftl-amount,.ftl-name{font-size:12px}.ftl-count{margin-left:0}}@media (max-width: 480px){.ftx-account-bar{flex-direction:column;align-items:flex-start}}.ftx-account-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid #f1f5f9;min-width:0}.ftx-account-label{font:700 10px/1 DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;flex-shrink:0}.ftx-account-pills{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ftx-account-pills .ftl-pill.active{background:#0f9c8f;color:#fff;box-shadow:0 2px 8px #0f9c8f40}.ftx-acc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none;vertical-align:middle}@media (max-width: 640px){.ftx-account-bar{flex-direction:column;align-items:flex-start}}html.dark-mode .ftl-controls{border-bottom-color:#1e293b}html.dark-mode .ftl-pill{background:#1e293b;border-color:transparent;color:#64748b}html.dark-mode .ftl-pill:hover:not(.active){background:#334155;color:#94a3b8}html.dark-mode .ftl-pill.active{background:#334155;color:#f1f5f9;box-shadow:0 2px 8px #0006}html.dark-mode .ftl-type-pill.active{background:#14b8a6;color:#fff;box-shadow:0 2px 8px #14b8a64d}html.dark-mode .ftl-pills+.ftl-pills:before{background:#334155}html.dark-mode .ftl-count{color:#475569}html.dark-mode .ftl-count b{color:#94a3b8}html.dark-mode .ftl-row:hover{background:#1a2540}html.dark-mode .ftl-name{color:#e2e8f0}html.dark-mode .ftl-meta,html.dark-mode .ftl-empty{color:#475569}html.dark-mode .ftl-empty p b{color:#94a3b8}html.dark-mode .ftl-amount.amount-in{color:#34d399}html.dark-mode .ftl-amount.amount-out{color:#f87171}html.dark-mode .ftx-account-bar{border-bottom-color:#1e293b}html.dark-mode .ftx-account-label{color:#334155}html.dark-mode .ftx-account-pills .ftl-pill.active{background:#14b8a6;color:#fff;box-shadow:0 2px 8px #14b8a640}.auth-brand-logo{display:flex;align-items:center;gap:10px;font:800 18px/1 Manrope,sans-serif;color:#0f172a;letter-spacing:-.02em;margin-bottom:24px}.auth-brand-logo .brand-mark{margin:0;width:32px;height:32px}.auth-features{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}.auth-feature{display:flex;align-items:flex-start;gap:14px}.af-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;flex-shrink:0}.af-text{font-size:13.5px;line-height:1.5;color:#64748b;margin-top:1px}.af-text b{color:#0f172a;display:block;font-size:14.5px;margin-bottom:2px}.auth-divider{height:1px;background:#e6e9ef;margin-bottom:32px;width:100%}.google-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;transition:background .2s,border-color .2s!important;cursor:pointer}.google-button:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.google-button svg{width:20px;height:20px;margin:0!important}.auth-art-logo{font:800 13px/1 Manrope,sans-serif;letter-spacing:.1em;opacity:.7}.art-dashboard{position:relative;margin:50px auto;display:flex;flex-direction:column;align-items:stretch;gap:16px;width:320px;z-index:2}.art-dashboard .art-card{width:100%;margin:0;box-shadow:0 10px 30px #071d2433}.art-chart-card{background:#fff;border-radius:12px;padding:22px;width:100%;box-shadow:0 20px 40px #071d244d;color:#0f172a}.art-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.art-chart-header small{font:700 11px/1 DM Sans,sans-serif;color:#64748b;letter-spacing:.05em}.art-badge{background:#e3f5f2;color:#0f9c8f;font:700 11px/1 DM Sans,sans-serif;padding:5px 8px;border-radius:20px}.art-bars{display:flex;align-items:flex-end;justify-content:space-between;height:90px;gap:8px}.art-bar{flex:1;background:#f1f5f9;border-radius:4px;transition:all .3s}.art-bar.active{background:#0f9c8f;box-shadow:0 4px 12px #0f9c8f4d}.art-float-card{position:absolute;bottom:-20px;right:-20px;background:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 16px 32px #071d2466;color:#0f172a;animation:float 5s ease-in-out infinite}.afc-icon{width:34px;height:34px;border-radius:8px;background:#fef08a;color:#ca8a04;display:flex;align-items:center;justify-content:center}.afc-info b{display:block;font:600 12px/1 DM Sans,sans-serif;margin-bottom:4px}.afc-info span{display:block;font:700 14px/1 DM Sans,sans-serif;color:#64748b}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}html.dark-mode{--ink: #e2e8f0;--muted: #64748b;--line: #1e293b;--canvas: #0b1120;--card: #131c2e;--navy: #38bdf8;--teal: #14b8a6;--mint: #042f2e;--rose: #1f0e0e;--purple: #1a1830;--shadow: 0 10px 40px rgba(0, 0, 0, .6)}html.dark-mode body{background:var(--canvas);color:var(--ink)}html.dark-mode .page{background:transparent}html.dark-mode .main-content{background:var(--canvas)}html.dark-mode .topbar{background:var(--canvas);border-bottom-color:#1e293b}html.dark-mode .topbar h2{color:#f1f5f9}html.dark-mode .topbar p{color:var(--muted)}html.dark-mode .top-actions select{background:#131c2e;color:#e2e8f0;border-color:#1e293b}html.dark-mode .sidebar{background:#0b1120;border-right:1px solid #1e293b}html.dark-mode .logo-title{color:#e2e8f0}html.dark-mode .profile-card{background:#ffffff08;border-color:#ffffff0f}html.dark-mode .profile-name{color:#f1f5f9}html.dark-mode .profile-email{color:#64748b}html.dark-mode .card,html.dark-mode .metric,html.dark-mode .budget-card,html.dark-mode .spending-card,html.dark-mode .recent-card,html.dark-mode .trend-card,html.dark-mode .snapshot-card,html.dark-mode .analysis-card,html.dark-mode .an-card,html.dark-mode .settings-card,html.dark-mode .chat-window{background:#131c2e;border-color:#1e293b;color:#e2e8f0}html.dark-mode .card-head h3,html.dark-mode .card-head h4,html.dark-mode .card-head strong{color:#f1f5f9}html.dark-mode .card-head p{color:var(--muted)}html.dark-mode .hero{background:linear-gradient(115deg,#0c2233,#0f3048)}html.dark-mode .hero h1{color:#f1f5f9}html.dark-mode .hero span{color:#94a3b8}html.dark-mode .hero p{color:#64748b}html.dark-mode .hero-acc-pill{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}html.dark-mode .hero-acc-pill b{color:#f1f5f9}html.dark-mode .hero-ring{border-color:#14b8a6;border-left-color:#ffffff26}html.dark-mode .hero-ring b{color:#f1f5f9}html.dark-mode .hero-ring small{color:#64748b}html.dark-mode .progress,html.dark-mode .thin-bar{background:#1e293b}html.dark-mode .budget-numbers b{color:#f1f5f9}html.dark-mode .budget-numbers span{color:var(--muted)}html.dark-mode .category-bars>div{color:#94a3b8}html.dark-mode .category-bars strong{color:#e2e8f0}html.dark-mode .insight{background:#0f1f1e;color:#94a3b8}html.dark-mode .accounts-section h3{color:#f1f5f9}html.dark-mode .accounts-section p{color:#64748b}html.dark-mode .acc-card-type-badge{background:#ffffff1f;color:#fffc}html.dark-mode .acc-card-balance small{color:#ffffff8c}html.dark-mode table{color:#e2e8f0}html.dark-mode th{color:#64748b}html.dark-mode td{border-top-color:#1e293b;color:#94a3b8}html.dark-mode td:first-child{color:#e2e8f0}html.dark-mode .filter-row>div{background:#1e293b}html.dark-mode .filter-row button{color:#64748b}html.dark-mode .filter-row button.active{background:#131c2e;color:#e2e8f0;box-shadow:0 2px 8px #0006}html.dark-mode .type-switch{background:#1e293b;border-color:#334155}html.dark-mode .type-switch button{color:#64748b}html.dark-mode .type-switch button.active{background:#131c2e;color:#e2e8f0;box-shadow:0 2px 8px #0006}html.dark-mode .category-tag,html.dark-mode .category-pills span{background:#1e293b;color:#94a3b8}html.dark-mode .sp-pill{background:#1e293b;color:#94a3b8;border-color:#334155}html.dark-mode .modal,html.dark-mode .modal-content{background:#131c2e;color:#e2e8f0}html.dark-mode .modal h2{color:#f1f5f9}html.dark-mode .modal p{color:#14b8a6}html.dark-mode .modal-close{background:#1e293b;color:#94a3b8}html.dark-mode .modal-close:hover{background:#334155;color:#e2e8f0}html.dark-mode .modal label{color:#94a3b8}html.dark-mode .modal input,html.dark-mode .modal select,html.dark-mode .budget-inputs input{background:#0b1120;color:#e2e8f0;border-color:#1e293b}html.dark-mode .modal input:focus,html.dark-mode .modal select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}html.dark-mode input,html.dark-mode select,html.dark-mode textarea{background:#0b1120!important;color:#e2e8f0!important;border-color:#1e293b!important}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#475569!important}html.dark-mode input:focus,html.dark-mode select:focus{border-color:#14b8a6!important;box-shadow:0 0 0 3px #14b8a626!important}html.dark-mode .an-stats-row .card,html.dark-mode .an-charts-row .card,html.dark-mode .an-tx-grid .card,html.dark-mode .an-cat-card,html.dark-mode .an-cat-head{background:#131c2e;border-color:#1e293b;color:#e2e8f0}html.dark-mode .an-stat-val{color:#f1f5f9}html.dark-mode .an-cat-head h3,html.dark-mode .an-cat-head span{color:#f1f5f9}html.dark-mode .an-cat-bar-wrap{background:#1e293b}html.dark-mode .an-tx-row-label{color:#94a3b8}html.dark-mode .an-filters button{color:#64748b;background:#1e293b;border-color:#334155}html.dark-mode .an-filters button.active{background:#14b8a6;color:#fff;border-color:#14b8a6}html.dark-mode .analysis-dot{box-shadow:none}html.dark-mode .chart-col{color:#64748b}html.dark-mode .chart-bars .income{background:#14b8a6}html.dark-mode .chart-bars .expense{background:#ef4444}html.dark-mode .legend span{color:#64748b}html.dark-mode .snapshot>div{border-bottom-color:#1e293b}html.dark-mode .snapshot span{color:#64748b}html.dark-mode .snapshot b{color:#e2e8f0}html.dark-mode .settings-hero{background:#131c2e;border-color:#1e293b}html.dark-mode .settings-hero h3,html.dark-mode .settings-hero b{color:#f1f5f9}html.dark-mode .settings-hero p{color:#64748b}html.dark-mode .sp-acc-row{border-color:#1e293b}html.dark-mode .sp-add-form{background:transparent}html.dark-mode .sp-field span{color:#94a3b8}html.dark-mode .sp-hero-bal-label{color:#ffffff8c!important}html.dark-mode .sp-hero-bal-val{color:#fff!important}html.dark-mode .sp-create-btn{background:#0c2233;color:#e2e8f0;border-color:#1e293b}html.dark-mode .sp-create-btn:hover{background:#14b8a6;color:#fff}html.dark-mode .sp-cat-add-btn{background:#1e293b;color:#94a3b8}html.dark-mode .sp-cat-add-btn:hover{background:#14b8a6;color:#fff}html.dark-mode .chat-input-wrap{background:#131c2e;border-top-color:#1e293b}html.dark-mode .chat-input-wrap input{background:#0b1120!important;color:#e2e8f0!important}html.dark-mode .chat-bubble-ai{background:#1e293b;color:#e2e8f0}html.dark-mode .chat-bubble-user{background:#14b8a6;color:#fff}html.dark-mode .chat-empty{color:#475569}html.dark-mode .link-button{color:#14b8a6}html.dark-mode .add-button{background:#14b8a6;color:#fff}html.dark-mode .add-button:hover{background:#0f9c8f}html.dark-mode .auth-page{background:#0b1120}html.dark-mode .auth-panel{background:transparent}html.dark-mode .auth-panel h1{color:#f1f5f9}html.dark-mode .auth-panel p{color:#64748b}html.dark-mode .auth-brand-logo span{color:#f1f5f9}html.dark-mode .auth-divider{background:#1e293b}html.dark-mode .af-text{color:#64748b}html.dark-mode .af-text b{color:#e2e8f0}html.dark-mode .google-button{background:#131c2e!important;border-color:#1e293b!important;color:#e2e8f0!important}html.dark-mode .google-button:hover{background:#1e293b!important}.theme-toggle-btn{background:#f1f5f9;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .2s;margin-right:4px;flex-shrink:0}html.dark-mode .theme-toggle-btn{background:#1e293b;color:#94a3b8}.theme-toggle-btn:hover{background:#e2e8f0}html.dark-mode .theme-toggle-btn:hover{background:#334155;color:#f1f5f9}html.dark-mode .remove{color:#475569}html.dark-mode .remove:hover{color:#f87171}html.dark-mode .empty-state{color:#475569}html.dark-mode .cp-page,html.dark-mode .cp-feed{background:var(--canvas)}html.dark-mode .cp-bubble{background:#131c2e;border-color:#1e293b}html.dark-mode .cp-bubble-cat{color:#e2e8f0}html.dark-mode .cp-bubble-time{color:#475569}html.dark-mode .cp-bubble-note,html.dark-mode .cp-acc-name{color:#64748b}html.dark-mode .cp-date-sep span{background:#1e293b;color:#64748b}html.dark-mode .cp-date-sep:before{background:#1e293b}html.dark-mode .cp-composer{background:#131c2e;border-top-color:#1e293b}html.dark-mode .cp-type-btn{background:#1e293b;color:#64748b;border-color:#334155}html.dark-mode .cp-type-btn:hover{background:#334155;color:#e2e8f0}html.dark-mode .cp-fields{border-color:#1e293b}html.dark-mode .cp-label{color:#64748b}html.dark-mode .cp-amount-wrap{background:#0b1120;border-color:#1e293b}html.dark-mode .cp-currency{color:#64748b}html.dark-mode .cp-amount-input{color:#f1f5f9!important;background:transparent!important}html.dark-mode .cp-select,html.dark-mode .cp-note-input{background:#0b1120!important;color:#e2e8f0!important;border-color:#1e293b!important}html.dark-mode .cp-expand-btn{background:#1e293b;color:#64748b}html.dark-mode .cp-expand-btn:hover{background:#334155;color:#e2e8f0}html.dark-mode .cp-empty{color:#475569}html.dark-mode .cp-empty h3{color:#94a3b8}html.dark-mode .cp-empty p{color:#475569}html.dark-mode .cp-quick-chip{background:#1e293b;color:#94a3b8;border-color:#334155}html.dark-mode .cp-quick-chip:hover{background:#334155;color:#e2e8f0}html.dark-mode .an-page{background:var(--canvas)}html.dark-mode .an-stat-card{background:#131c2e;border-color:#1e293b}html.dark-mode .an-stat-card:hover{box-shadow:0 14px 30px #0006!important}html.dark-mode .an-stat-label{color:#64748b}html.dark-mode .an-stat-value{color:#f1f5f9}html.dark-mode .an-stat-sub{color:#475569}html.dark-mode .an-card{background:#131c2e;border-color:#1e293b}html.dark-mode .an-card-title{color:#f1f5f9}html.dark-mode .an-card-sub{color:#64748b}html.dark-mode .an-card-head{border-bottom-color:#1e293b}html.dark-mode .an-tooltip{background:#1e293b;border-color:#334155;color:#e2e8f0}html.dark-mode .an-tooltip-label{color:#94a3b8}html.dark-mode .an-cat-tooltip{background:#1e293b;border-color:#334155}html.dark-mode .an-cat-tt-name{color:#f1f5f9}html.dark-mode .an-cat-tt-tx-name{color:#e2e8f0}html.dark-mode .an-cat-tt-tx-date{color:#64748b}html.dark-mode .an-cat-tt-divider{background:#334155}html.dark-mode .an-cat-tt-empty{color:#475569}html.dark-mode .an-pie-card{background:#131c2e;border-color:#1e293b}html.dark-mode .an-pie-pct{color:#f1f5f9}html.dark-mode .an-pie-name{color:#64748b}html.dark-mode .an-pie-leg-name{color:#94a3b8}html.dark-mode .an-pie-leg-val,html.dark-mode .an-legend span{color:#64748b}html.dark-mode .an-cat-legend{border-top-color:#1e293b}html.dark-mode .an-cat-leg-item{color:#64748b}html.dark-mode .an-empty,html.dark-mode .an-empty-state p{color:#475569}html.dark-mode .an-stats-row .an-stat-card{background:#131c2e;border-color:#1e293b}html.dark-mode .recharts-cartesian-axis-tick text{fill:#475569!important}html.dark-mode .recharts-cartesian-grid-horizontal line,html.dark-mode .recharts-cartesian-grid-vertical line{stroke:#1e293b!important}html.dark-mode .ftl-row{border-color:#1e293b!important}html.dark-mode .ftl-icon{opacity:.9}html.dark-mode .ftl-type-badge{opacity:.85}html.dark-mode .ftl-empty{color:#475569}html.dark-mode .ftl-count{color:#64748b}html.dark-mode .ftl-count b{color:#e2e8f0}html.dark-mode .ftx-acc-dot{box-shadow:0 0 0 2px #1e293b}html.dark-mode .modal-backdrop{background:#000000b3}html.dark-mode .modal-eyebrow{color:#14b8a6!important}html.dark-mode .transfer-acc-grid label{color:#94a3b8}html.dark-mode .same-account-warn{background:#1f1007;color:#fbbf24;border-color:#451a03}html.dark-mode .section-head h3{color:#f1f5f9}html.dark-mode .section-head p{color:#64748b}html.dark-mode .hero-balance-row h1{color:#f1f5f9}html.dark-mode .toggle-balance-btn{background:#ffffff1a;color:#e2e8f0}html.dark-mode .toggle-balance-btn:hover{background:#ffffff2e}html.dark-mode .sp-hero-edit-label{color:#ffffffb3!important}html.dark-mode .sp-hero-input{background:#ffffff1a!important;color:#fff!important;border-color:#fff3!important}html.dark-mode .sp-hero-btn{background:#ffffff26!important;color:#fff!important}html.dark-mode .sp-emoji-btn{background:#1e293b!important;border-color:#334155!important}html.dark-mode .EmojiPickerReact,html.dark-mode aside.EmojiPickerReact{--epr-bg-color: #131c2e !important;--epr-category-icon-active-color: #14b8a6 !important;--epr-search-input-bg-color: #0b1120 !important;--epr-search-input-text-color: #e2e8f0 !important;--epr-search-input-placeholder-color: #475569 !important;--epr-search-border-color: #1e293b !important;--epr-category-label-bg-color: #131c2e !important;--epr-text-color: #94a3b8 !important;--epr-hover-bg-color: #1e293b !important;--epr-focus-bg-color: #1e293b !important;--epr-highlight-color: #14b8a6 !important;background:#131c2e!important;border-color:#1e293b!important;border-radius:12px!important;box-shadow:0 20px 60px #0009!important}html.dark-mode .EmojiPickerReact .epr-search-container input,html.dark-mode aside.EmojiPickerReact input[type=text]{background:#0b1120!important;color:#e2e8f0!important;border-color:#1e293b!important}html.dark-mode .EmojiPickerReact .epr-category-nav button,html.dark-mode aside.EmojiPickerReact .epr-category-nav button{filter:invert(1) brightness(.5)}html.dark-mode .EmojiPickerReact .epr-body::-webkit-scrollbar-thumb{background:#334155}html.dark-mode .cp-bubble{background:#131c2e!important;border-color:#1e293b!important}html.dark-mode .cp-bubble:hover{box-shadow:0 4px 18px #0006!important;background:#1a2540!important}html.dark-mode .cp-bubble-cat{color:#e2e8f0!important}html.dark-mode .cp-bubble-time{color:#334155!important}html.dark-mode .cp-bubble-note{color:#475569!important}html.dark-mode .cp-acc-name{color:#64748b!important}html.dark-mode .cp-flow-arrow{color:#334155!important}html.dark-mode .cp-date-sep span{background:#1e293b!important;border-color:#334155!important;color:#475569!important}html.dark-mode .cp-composer{background:#131c2e!important;border-color:#1e293b!important;box-shadow:0 -2px 24px #0000004d,0 8px 32px #0006!important}html.dark-mode .cp-composer:focus-within{box-shadow:0 -2px 24px #0006,0 12px 40px #00000080!important}html.dark-mode .cp-type-btn{background:#1e293b!important;border-color:#334155!important;color:#64748b!important}html.dark-mode .cp-type-btn:hover{background:#334155!important;color:#e2e8f0!important}html.dark-mode .cp-fields{background:#0b1120!important;border-color:#1e293b!important}html.dark-mode .cp-label{color:#475569!important}html.dark-mode .cp-amount-wrap{background:#0b1120!important;border:none!important}html.dark-mode .cp-currency{color:#94a3b8!important}html.dark-mode .cp-amount-input{background:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}html.dark-mode .cp-amount-input:focus{border-color:#14b8a6!important}html.dark-mode .cp-select{background:#1e293b!important;color:#e2e8f0!important;border-color:#334155!important}html.dark-mode .cp-select:focus{border-color:#14b8a6!important}html.dark-mode .cp-expand-btn{background:#1e293b!important;border-color:#334155!important;color:#64748b!important}html.dark-mode .cp-expand-btn:hover{background:#334155!important;color:#e2e8f0!important}html.dark-mode .cp-note-input{background:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}html.dark-mode .cp-note-input::placeholder{color:#475569!important}html.dark-mode .cp-note-input:focus{border-color:#14b8a6!important;background:#0b1120!important}html.dark-mode .cp-empty-icon{background:#1e293b!important;color:#14b8a6!important}html.dark-mode .cp-empty h3{color:#e2e8f0!important}html.dark-mode .cp-empty p{color:#64748b!important}html.dark-mode .cp-quick-chip{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}html.dark-mode .cp-quick-chip:hover{border-color:#14b8a6!important;color:#14b8a6!important;background:#0f2c2a!important}.cp-page{display:flex;flex-direction:column;height:calc(100vh - 84px);max-width:820px;margin:0 auto;position:relative}.cp-feed{flex:1;overflow-y:auto;padding:20px 4px 16px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}.cp-feed::-webkit-scrollbar{width:5px}.cp-feed::-webkit-scrollbar-thumb{background:#00000017;border-radius:3px}.cp-group{display:flex;flex-direction:column;gap:6px}.cp-date-sep{display:flex;align-items:center;justify-content:center;margin:18px 0 6px}.cp-date-sep span{font:600 10.5px/1 DM Sans,sans-serif;letter-spacing:.06em;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 12px;border-radius:20px;text-transform:uppercase}.cp-bubble{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:13px 14px 13px 0;position:relative;overflow:hidden;transition:box-shadow .16s ease,transform .16s ease}.cp-bubble:hover{box-shadow:0 4px 18px #0f172a12;transform:translateY(-1px)}.cp-bubble-accent{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:14px 0 0 14px}.cp-bubble-icon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-left:14px}.cp-bubble-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.cp-bubble-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cp-bubble-left{display:flex;align-items:center;gap:6px;min-width:0}.cp-bubble-cat{font:600 13px/1 DM Sans,sans-serif;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.cp-bubble-type{font:700 9.5px/1 DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:20px;white-space:nowrap;flex:none}.cp-bubble-amount{font:800 16px/1 Manrope,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.cp-bubble-acc-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cp-bubble-flow{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#64748b}.cp-acc-dot{width:6px;height:6px;border-radius:50%;flex:none}.cp-acc-name{font-weight:600;color:#475569;white-space:nowrap}.cp-flow-arrow{color:#cbd5e1;font-size:11px}.cp-bubble-note{font-size:11.5px;color:#94a3b8;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.cp-bubble-time{font:600 10px/1 DM Sans,sans-serif;color:#cbd5e1;white-space:nowrap;flex:none;margin-right:4px}.cp-empty{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px;gap:4px}.cp-empty-icon{width:60px;height:60px;border-radius:18px;background:#f1f5f9;color:#0f9c8f;display:grid;place-items:center;margin-bottom:12px}.cp-empty h3{font:700 17px/1.3 Manrope,sans-serif;color:#0f172a;margin:0 0 6px}.cp-empty p{font-size:13px;color:#64748b;max-width:280px;margin:0 0 20px;line-height:1.5}.cp-quick-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px}.cp-quick-chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font:600 12px/1 DM Sans,sans-serif;color:#334155;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 4px #0f172a0a}.cp-quick-chip:hover{border-color:#0f9c8f;color:#0f9c8f;transform:translateY(-2px);box-shadow:0 4px 12px #0f9c8f1f}.cp-composer{flex:none;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px;box-shadow:0 -2px 24px #0f172a0f,0 8px 32px #0f172a14;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s}.cp-composer:focus-within{box-shadow:0 -2px 24px #0f172a14,0 12px 40px #0f172a1f}.cp-type-row{display:flex;gap:6px}.cp-type-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font:600 12px/1 DM Sans,sans-serif;cursor:pointer;transition:all .15s ease}.cp-type-btn:hover{background:#f1f5f9;color:#334155}.cp-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e8edf2;border-radius:12px;padding:12px;animation:cp-slide-down .18s ease}@keyframes cp-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-field{display:flex;flex-direction:column;gap:5px}.cp-label{font:700 9.5px/1 DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.cp-amount-wrap{position:relative;display:flex;align-items:center}.cp-currency{position:absolute;left:10px;font:700 15px/1 Manrope,sans-serif;color:#0f172a;pointer-events:none}.cp-amount-input{width:100%;padding:8px 10px 8px 26px!important;font:700 15px/1 Manrope,sans-serif!important;color:#0f172a!important;background:#fff!important;border:1px solid #dde3ea!important;border-radius:8px!important;transition:border-color .15s!important}.cp-amount-input:focus{border-color:#0f9c8f!important;outline:none!important}.cp-select{width:100%;padding:8px 10px;font:600 12px/1 DM Sans,sans-serif;color:#334155;background:#fff;border:1px solid #dde3ea;border-radius:8px;cursor:pointer;transition:border-color .15s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cp-select:focus{border-color:#0f9c8f;outline:none}.cp-bottom{display:flex;align-items:center;gap:8px}.cp-expand-btn{flex:none;width:36px;height:36px;border-radius:9px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;display:grid;place-items:center;cursor:pointer;transition:background .14s}.cp-expand-btn:hover{background:#eef2f6;color:#334155}.cp-note-input{flex:1;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:9px 14px;font:500 13px/1 DM Sans,sans-serif;color:#0f172a;transition:border-color .15s,background .15s}.cp-note-input::placeholder{color:#94a3b8}.cp-note-input:focus{border-color:#0f9c8f;background:#fff;outline:none}.cp-send-btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:10px;color:#fff;font:700 13px/1 DM Sans,sans-serif;cursor:pointer;transition:opacity .14s,transform .14s,filter .14s;box-shadow:0 3px 10px #0f172a26}.cp-send-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.cp-send-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}@media (max-width: 860px){.cp-fields{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.cp-page{height:calc(100vh - 72px)}.cp-fields{grid-template-columns:1fr}.cp-type-row{flex-wrap:wrap}.cp-type-btn{min-width:45%}.cp-bubble-cat{max-width:120px}}