@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;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:248px;background:#123743;color:#d7e5e7;display:flex;flex-direction:column;padding:28px 16px;position:fixed;inset:0 auto 0 0;z-index:3}.logo{font:800 22px Manrope,sans-serif;color:#fff;display:flex;gap:10px;align-items:center;padding:0 10px 42px}.logo span,.brand-mark{display:grid;place-items:center;background:#39b79f;border-radius:10px;width:33px;height:33px;color:#fff}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.logout{color:#b7cbd0;border:0;background:transparent;border-radius:9px;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 13px;font-size:14px;font-weight:600}.sidebar nav button.selected,.sidebar nav button:hover{background:#26515d;color:#fff}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #39606a;padding:19px 8px 15px;display:flex;gap:10px;align-items:center}.profile>div{width:34px;height:34px;flex:none;border-radius:50%;background:#71c3ba;color:#123743;display:grid;place-items:center;font-weight:700;overflow:hidden}.profile img{width:100%;height:100%;object-fit:cover}.profile span{min-width:0}.profile b,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile b{font-size:12px;color:#fff}.profile small{font-size:10px;color:#a4bec4;margin-top:3px}.logout{width:100%;padding-left:9px}.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,.settings-card label,.modal label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.budget-inputs input,.settings-card 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,.settings-card 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:10;top:0;right:0;bottom:0;left:0;background:#112d367a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{width:min(100%,450px);background:#fff;border-radius:16px;padding:30px;position:relative;box-shadow:0 20px 60px #0e252d55}.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:70px;padding:24px 10px}.logo{padding:0 9px 32px;font-size:0}.sidebar nav button{justify-content:center;padding:12px}.sidebar nav button svg{margin:0}.sidebar nav button,.logout{font-size:0}.profile{justify-content:center;padding-left:0;padding-right:0}.profile span{display:none}.logout{justify-content:center}.main-content{width:calc(100% - 70px);margin-left:70px;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:72px}.sidebar{display:flex;position:fixed;inset:auto 0 0;width:100%;height:72px;padding:7px 12px 8px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 20px #163a440d;z-index:20}.sidebar .logo,.sidebar .sidebar-bottom{display:none}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.sidebar nav button,.sidebar nav button.selected{height:57px;padding:5px 2px;background:transparent;color:#98a2a9;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:10px;font-weight:600}.sidebar nav button svg{width:20px;height:20px}.sidebar nav button.selected{color:#e97170}}.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}.remove-btn{border:0;background:#fee8e7;color:#c85d5a;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:700}.remove-btn:hover{background:#fcd7d4}.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(280px,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-layout-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start}.settings-col-main,.settings-col-side{display:grid;gap:20px}.settings-accounts-list{display:grid;gap:12px}.settings-acc-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid var(--line);border-left-width:5px;border-radius:12px;box-shadow:0 4px 12px #00000005;transition:transform .2s ease,box-shadow .2s ease}.settings-acc-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.acc-card-main-info{display:flex;align-items:center;gap:14px}.acc-card-main-info h4{margin:0 0 3px;font:800 16px Manrope,sans-serif;color:var(--ink)}.acc-card-main-info small{font-size:12px;color:var(--muted)}.acc-card-main-info small b{color:#27404a}.acc-card-actions{display:flex;align-items:center;gap:10px}.create-acc-form{display:grid;gap:16px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#3b4b56}.form-label input,.form-label select{margin:0!important;background:#fbfcfd;border:1px solid #dce3e7;border-radius:9px;padding:10px 14px;font-size:13px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-label input:focus,.form-label select:focus{border-color:#226472;box-shadow:0 0 0 3px #2264721f;outline:none}.color-swatches{display:flex;align-items:center;gap:8px;height:40px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.swatch.selected{border-color:#123743;transform:scale(1.2)}.custom-color-input{width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:50%!important;cursor:pointer;margin:0!important}.create-acc-submit-btn{background:linear-gradient(135deg,#183e4a,#236573);border:0;color:#fff;border-radius:10px;padding:12px 24px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 18px #183e4a33;transition:transform .15s,box-shadow .15s;margin-top:4px}.create-acc-submit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #183e4a4d}.settings-categories-wrap{display:grid;gap:16px}.category-pills-grid{display:flex;flex-wrap:wrap;gap:8px}.category-pill-item{display:inline-flex;align-items:center;gap:8px;background:#f0f4f6;border:1px solid #e1e7ea;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;color:#3b4955;transition:background .15s}.category-pill-item:hover{background:#e6edf0}.category-pill-item button{background:transparent;border:0;color:#9aa7b1;font-size:15px;font-weight:800;line-height:1;padding:0;cursor:pointer}.category-pill-item button:hover{color:#c85d5a}.new-category-inline{display:flex;gap:8px;margin-top:8px}.new-category-inline input{margin:0;flex:1;background:#fbfcfd;border:1px solid #dce3e7;border-radius:9px;padding:9px 12px;font-size:13px}.new-category-inline button{border:0;border-radius:9px;background:#183e4a;color:#fff;padding:0 16px;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .2s}.new-category-inline button:hover{background:#0f2c35}@media (max-width: 860px){.settings-layout-grid{grid-template-columns:1fr}}@media (max-width: 640px){.settings-hero{flex-direction:column;align-items:start;gap:14px}.form-group-row{grid-template-columns:1fr}.settings-acc-card{flex-direction:column;align-items:start;gap:12px}.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}}.chat-page{margin:0 auto;display:flex;flex-direction:column}.chat-header-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#153e4b,#216573);color:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 10px 28px #153e4b26;margin-bottom:16px;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:16px}.chat-avatar-glow{width:48px;height:48px;border-radius:14px;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff}.chat-pill-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#9fe2da;background:#ffffff1f;padding:3px 8px;border-radius:20px;margin-bottom:4px}.chat-header-left h1{margin:0;font:800 22px Manrope,sans-serif;letter-spacing:-.02em}.chat-header-left span{font-size:12px;color:#c4dedb}.chat-header-stats .stat-pill{display:flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 14px;border-radius:20px;font-size:12px}.chat-feed-container{flex:1;overflow-y:auto;padding:12px 10px 20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-feed-container::-webkit-scrollbar{width:6px}.chat-feed-container::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:16px 0 8px}.chat-date-divider span{background:#eef3f5;color:#5c6f78;border:1px solid #dee7eb;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em}.chat-message-group{display:flex;flex-direction:column;gap:8px}.chat-bubble-card{padding-bottom:3rem;align-self:flex-end;width:100%;background:#fff;border-radius:16px 16px 4px;padding:14px 16px 10px;box-shadow:0 4px 16px #1237430f;border:1px solid #e5ecef;transition:transform .15s ease,box-shadow .15s ease}.chat-bubble-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1237431f}.chat-bubble-card.expense{border-left:4px solid #e0534e;background:linear-gradient(135deg,#fffcfc,#fff5f5)}.chat-bubble-card.income{border-left:4px solid #27998b;background:linear-gradient(135deg,#fcfefe,#f2faf9)}.chat-bubble-card.saving,.chat-bubble-card.transfer{border-left:4px solid #7664ce;background:linear-gradient(135deg,#fcfbfe,#f5f2ff)}.bubble-header{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;align-items:center;margin-bottom:8px}.bubble-type-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#5d6e75}.chat-bubble-card.expense .bubble-type-tag{color:#c84642}.chat-bubble-card.income .bubble-type-tag{color:#1e7d72}.chat-bubble-card.saving .bubble-type-tag,.chat-bubble-card.transfer .bubble-type-tag{color:#6250b8}.bubble-amount{font:800 18px Manrope,sans-serif;letter-spacing:-.02em}.chat-bubble-card.expense .bubble-amount{color:#d6423e}.chat-bubble-card.income .bubble-amount{color:#1c8577}.chat-bubble-card.saving .bubble-amount,.chat-bubble-card.transfer .bubble-amount{color:#6250b8}.bubble-details{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.bubble-category-chip{display:inline-flex;align-items:center;gap:4px;background:#0000000d;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#4b5c63}.bubble-account-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #dce4e8;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#3b4b54}.acc-dot{width:7px;height:7px;border-radius:50%}.bubble-flow-chip{display:inline-flex;align-items:center;gap:5px;background:#0000000a;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}.bubble-flow-chip .arrow{color:#8fa0a8;font-size:11px}.bubble-note{margin:6px 0;font-size:12px;color:#3c4f56;font-style:italic;line-height:1.4;background:#00000005;padding:6px 10px;border-radius:6px}.bubble-footer time{font-size:10px;color:#8ba0a8;font-weight:600}.chat-empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;color:var(--muted)}.empty-icon-ring{width:64px;height:64px;border-radius:50%;background:#eef5f7;color:var(--teal);display:grid;place-items:center;margin-bottom:14px}.chat-empty-state h3{margin:0 0 4px;font:800 20px Manrope,sans-serif;color:var(--ink)}.chat-empty-state p{margin:0 0 20px;font-size:13px;max-width:320px}.quick-prompts-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px}.quick-prompt-chip{background:#fff;border:1px solid #dce4e8;box-shadow:0 2px 8px #0000000a;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;color:#27404a;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.quick-prompt-chip:hover{transform:translateY(-2px);border-color:#216573;box-shadow:0 6px 14px #21657326}.main-content{position:relative}.chat-composer-card{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(22,61,72,.15);box-shadow:0 16px 40px #12374324;border-radius:20px;padding:14px 16px;transition:all .25s cubic-bezier(.2,.8,.2,1);z-index:10}.composer-type-bar{display:flex;gap:8px;margin-bottom:12px}.type-pill-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid #e2e9ec;background:#f8fafb;color:#5c6f78;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s ease}.type-pill-btn:hover{background:#f0f4f6;color:var(--accent-color)}.type-pill-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #0000001f}.composer-fields-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:12px;padding:12px;background:#f9fbfc;border:1px solid #e6edeff0;border-radius:14px}.composer-field-amount label,.composer-field-pair label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6a7d87;margin-bottom:5px}.amount-input-wrap{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:12px;font-weight:800;font-size:15px;color:#226472}.amount-input-wrap input{width:100%;padding:8px 10px 8px 28px!important;font:800 16px Manrope,sans-serif!important;color:var(--ink)!important;background:#fff!important;border:1px solid #dce4e8!important;border-radius:9px!important}.composer-field-pair select{width:100%;padding:8px 10px;font-size:12px;font-weight:700;color:var(--ink);background:#fff;border:1px solid #dce4e8;border-radius:9px}.composer-bottom-bar{display:flex;align-items:center;gap:10px}.composer-toggle-btn{width:38px;height:38px;border-radius:10px;border:1px solid #dce4e8;background:#f4f8fa;color:#4b5d66;display:grid;place-items:center;cursor:pointer;transition:background .15s}.composer-toggle-btn:hover{background:#e8eff2}.composer-note-input{flex:1;border:1px solid #dce4e8;background:#fff;border-radius:10px;padding:9px 14px;font-size:13px;color:var(--ink);transition:border-color .2s}.composer-note-input:focus{border-color:#226472;outline:none}.composer-send-btn{background:linear-gradient(135deg,#153e4b,#216573);color:#fff;border:0;border-radius:10px;padding:9px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px #153e4b33;transition:transform .15s,opacity .15s}.composer-send-btn:hover:not(:disabled){transform:translateY(-1px)}.composer-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chat-page{height:calc(100vh - 120px)}@media (max-width: 640px){.chat-header-banner{flex-direction:column;align-items:start;gap:12px}.composer-fields-grid{grid-template-columns:1fr}}