:root{--bg:#f6f7f4;--surface:#fff;--surface-2:#fbfcfa;--text:#14231f;--muted:#7b8984;--line:#e8ece8;--brand:#168a73;--brand-2:#0f6f5d;--soft:#edf7f3;--green:#168a73;--red:#d45c56;--blue:#4b72c2;--amber:#b9842d;--shadow:0 12px 35px #1c312a0f;--shadow-lg:0 24px 70px #1c312a1a}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}input,select{outline:none}.splash,.auth{place-items:center;min-height:100vh;display:grid}.splash{color:var(--brand);font-size:30px;font-weight:900}.auth{background:radial-gradient(circle at 20% 20%,#7ecdb52e,#0000 34%),radial-gradient(circle at 80% 10%,#e8d3a02b,#0000 30%),linear-gradient(145deg,#f3f8f5,#faf8f2);padding:24px}.authcard{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffeb;border:1px solid #dfe7e3f2;border-radius:30px;width:min(460px,100%);padding:32px;box-shadow:0 25px 80px #1d382f1c}.brand{letter-spacing:-.3px;align-items:center;gap:11px;font-size:21px;font-weight:900;display:flex}.brand>span{color:#fff;background:linear-gradient(145deg,#19977e,#0f6f5d);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 20px #168a7338}.brand>div{line-height:1.05;display:grid}.brand>div small{color:#9aa7a2;letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:10px}.brand em{color:#94691c;background:#fff4d8;border:1px solid #f1e2b8;border-radius:999px;margin-left:auto;padding:5px 7px;font-size:9px;font-style:normal}.authcard h2{letter-spacing:-1px;margin:28px 0 7px;font-size:31px}.authcard p,.panel p,.title p,.panelhead p,.dashwelcome p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.authcard label,.modalcard label,.settingspanel label{color:#41524c;gap:7px;margin:14px 0;font-size:12px;font-weight:800;display:grid}.authcard input,.modalcard input,.modalcard select,.inline input,.settingspanel input,.memberactions select,.monthpick input,.inviteform input,.invitelink input{background:#fff;border:1px solid #dfe7e3;border-radius:13px;width:100%;padding:12px 13px;transition:all .18s}.authcard input:focus,.modalcard input:focus,.modalcard select:focus,.inline input:focus,.settingspanel input:focus,.monthpick input:focus,.inviteform input:focus{border-color:#6dc2ad;box-shadow:0 0 0 4px #e7f5f0}.seg{background:#f2f5f3;border-radius:14px;gap:5px;margin:18px 0;padding:5px;display:flex}.seg button{color:#6c7b76;background:0 0;border:0;border-radius:10px;flex:1;padding:10px}.seg button.active{color:var(--brand);background:#fff;font-weight:900;box-shadow:0 3px 10px #0000000d}.primary{color:#fff;background:linear-gradient(135deg,#188f77,#11715f);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:850;display:inline-flex;box-shadow:0 8px 20px #168a732e}.primary:hover{filter:brightness(.98);transform:translateY(-1px)}.primary.small{padding:9px 12px}.authcard .primary,.modalcard>.primary{width:100%}.formmsg{color:#ad453d;background:#fff2f0;border-radius:12px;margin:10px 0;padding:11px 13px;font-size:12px}.verifybtn{color:#12735f;background:#eef9f5;border:1px solid #cfe7df;border-radius:13px;width:100%;margin:0 0 10px;padding:11px 14px;font-weight:850}.shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.shell aside{border-right:1px solid var(--line);z-index:10;background:#fffffff5;flex-direction:column;justify-content:space-between;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.workspacebadge{background:#fafcfa;border:1px solid #e8eeeb;border-radius:15px;align-items:center;gap:10px;margin-top:24px;padding:12px;display:flex}.workspaceicon{width:36px;height:36px;color:var(--brand);background:#e9f6f1;border-radius:11px;place-items:center;display:grid}.workspacebadge>div:last-child{min-width:0;display:grid}.workspacebadge small{color:#91a09a;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.workspacebadge b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shell aside nav{gap:5px;margin-top:22px;display:grid}.shell aside nav button{text-align:left;color:#61716b;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-weight:750;transition:all .16s;display:flex}.shell aside nav button.active{color:var(--brand-2);background:linear-gradient(135deg,#edf8f4,#e4f3ed);box-shadow:inset 0 0 0 1px #d9eee6}.navchev{margin-left:auto}.sidebarfooter{gap:10px;display:grid}.sidebaruser{background:#fafcfa;border:1px solid #ebefed;border-radius:14px;align-items:center;gap:10px;padding:11px;display:flex}.useravatar,.chip{color:#0d6e5c;background:linear-gradient(145deg,#dff3ec,#cdece1);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.sidebaruser>div:last-child{min-width:0;display:grid}.sidebaruser b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebaruser small{color:#91a09a;font-size:10px}.logout{border:1px solid var(--line);color:#67766f;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex}.shell main{min-width:0}.shell header{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f4db;border-bottom:1px solid #e2e8e4cc;justify-content:space-between;align-items:center;height:84px;padding:0 34px;display:flex;position:sticky;top:0}.shell header small{color:#91a09a;font-size:11px}.shell header h1{letter-spacing:-.5px;margin:4px 0 0;font-size:24px}.headeractions{align-items:center;gap:12px;display:flex}.workspaceheader{text-align:right;display:grid}.content{max-width:1500px;margin:auto;padding:30px 34px 110px}.notice{color:#116e59;background:#ebf8f3;border:1px solid #d7eee5;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:11px 13px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:20px}.dashwelcome{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.dashwelcome h2{letter-spacing:-.8px;margin:5px 0 6px;font-size:28px}.eyebrow{color:#8b9a94;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.metrics{grid-template-columns:1.35fr repeat(4,1fr);gap:14px;display:grid}.metric{border:1px solid var(--line);min-height:128px;box-shadow:var(--shadow);background:linear-gradient(#fff,#fcfdfc);border-radius:21px;flex-direction:column;justify-content:center;padding:18px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";background:#168a7309;border-radius:50%;width:95px;height:95px;position:absolute;top:-35px;right:-28px}.metrichead{align-items:center;gap:9px;display:flex}.metrichead>span{color:#517269;background:#eff6f3;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.metric small{color:#81918b;font-weight:800}.metric strong{letter-spacing:-.5px;margin-top:12px;font-size:22px}.metric p{color:#98a49f;margin-top:5px;font-size:11px}.metric.hero{color:#fff;background:linear-gradient(145deg,#188d76,#0e6958);border:0;box-shadow:0 18px 45px #14745f38}.metric.hero:after{background:#ffffff14;width:150px;height:150px;top:-50px;right:-35px}.metric.hero .metrichead>span{color:#fff;background:#ffffff24}.metric.hero small,.metric.hero p{color:#d8eee7}.tone-green .metrichead>span{color:#14836d;background:#eaf8f3}.tone-red .metrichead>span{color:#c95a52;background:#fff0ee}.tone-blue .metrichead>span{color:#5271b8;background:#eef3ff}.tone-amber .metrichead>span{color:#ad7c2d;background:#fff6e8}.dashboardgrid{grid-template-columns:1.5fr .75fr;gap:14px;margin-top:14px;display:grid}.panel,.accountstrip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:22px;padding:19px}.panelhead,.title{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel h3,.panelhead h3{letter-spacing:-.3px;margin:4px 0;font-size:17px}.chartlegend{color:#7c8a85;gap:14px;font-size:11px;display:flex}.chartlegend span{align-items:center;gap:6px;display:flex}.chartlegend i{border-radius:50%;width:8px;height:8px}.incomeDot{background:#1a9a80}.expenseDot{background:#e07c72}.barchart{align-items:flex-end;gap:14px;height:245px;padding-top:24px;display:flex}.chartcol{flex:1;grid-template-rows:1fr auto;gap:9px;height:100%;display:grid}.bararea{border-bottom:1px solid #edf1ef;justify-content:center;align-items:flex-end;gap:6px;height:100%;display:flex}.bar{border-radius:7px 7px 2px 2px;width:min(18px,30%);min-height:4px;transition:all .2s;display:block}.incomeBar{background:linear-gradient(#58c4ab,#188e76)}.expenseBar{background:linear-gradient(#f0a097,#da675e)}.chartcol>span{text-align:center;color:#87958f;text-transform:capitalize;font-size:11px}.rank{gap:8px;margin-top:14px;display:grid}.rank div{background:#fbfcfb;border:1px solid #edf1ef;border-radius:13px;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.rank span{color:#63766f;background:#eef5f2;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.rank b,.rank strong{font-size:12px}.accountgrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.accountitem{background:linear-gradient(#fdfefd,#fafcfb);border:1px solid #edf1ef;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.accounticon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.accounticon0{color:#168a73;background:#e9f6f1}.accounticon1{color:#5671b7;background:#edf2ff}.accounticon2{color:#b17925;background:#fff4e7}.accounticon3{color:#8a63b6;background:#f5edff}.accountcopy{gap:2px;min-width:0;display:grid}.accountcopy b{font-size:12px}.accountcopy small{color:#92a09b;font-size:10px}.accountitem strong{white-space:nowrap;font-size:15px}.ghostbtn{border:1px solid var(--line);color:#456159;background:#fbfcfb;border-radius:11px;align-items:center;gap:6px;padding:9px 12px;font-weight:800;display:flex}.list{gap:8px;margin-top:14px;display:grid}.row{background:#fff;border:1px solid #edf1ef;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.transactionrow{grid-template-columns:auto 1fr auto auto;gap:12px;padding:11px 12px;display:grid}.txicon{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.txicon.income{color:#15846d;background:#eaf8f3}.txicon.expense{color:#cc5a52;background:#fff0ee}.txicon.transfer{color:#5470b5;background:#eef3ff}.txcopy{gap:3px;min-width:0;display:grid}.txcopy b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.txcopy small{color:#909d98;font-size:10px}.txdate{color:#92a09b;white-space:nowrap;font-size:10px}.row strong{white-space:nowrap;font-size:12px}.row strong.income{color:#16886e}.row strong.expense{color:#c5544c}.row strong.transfer{color:#567cbb}.title h2{letter-spacing:-.6px;margin:0 0 4px;font-size:26px}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card small{color:var(--muted)}.card h3{margin:8px 0 12px}.card strong{font-size:23px}.inline{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;margin-bottom:14px;padding:12px;display:flex}.inline input{flex:1}.badge{color:#14755f;background:#eaf8f3;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.empty{text-align:center;color:var(--muted);padding:28px 12px}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#0e221d6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalcard{width:min(560px,100%);max-height:92vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:26px;padding:22px;overflow:auto}.close{background:#eef4f2;border:0;border-radius:10px;width:34px;height:34px;font-size:21px}.bottom{display:none}.reporttitle{align-items:end}.monthpick{gap:5px;min-width:180px;display:grid}.monthpick span{color:var(--muted);font-size:11px;font-weight:800}.monthpick input{margin:0}.reportmetrics{margin-bottom:14px}.reportgrid{grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:14px;display:grid}.catbars{gap:14px;margin-top:14px;display:grid}.catbar{gap:8px;display:grid}.catbarhead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.catbarhead span{gap:2px;display:grid}.catbarhead small{color:var(--muted);font-size:11px}.catbarhead strong{font-size:13px}.bartrack{background:#edf3f0;border-radius:999px;height:8px;overflow:hidden}.bartrack i{background:linear-gradient(90deg,#1aa68d,#69c8b6);border-radius:999px;height:100%;display:block}.accountreport{gap:2px;margin-top:12px;display:grid}.accountreportrow{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.accountreportrow:last-child{border-bottom:0}.accountreportrow>div{gap:3px;display:grid}.accountreportrow small{color:var(--muted);font-size:11px}.accountreportrow strong{white-space:nowrap}.positive{color:#14866f}.negative{color:#d94f4f}.invitepanel{margin-bottom:14px}.inviteform{grid-template-columns:1fr auto;gap:10px;margin-top:14px;display:grid}.invitelink{background:#f8fbfa;border:1px solid #e7eeeb;border-radius:14px;grid-template-columns:1fr auto;gap:10px;margin-top:10px;padding:10px;display:grid}.invitelink button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 14px;font-weight:800}.familymsg{margin:0 0 14px}.memberlist{gap:4px;margin-top:12px;display:grid}.memberrow{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.memberrow:last-child{border-bottom:0}.memberidentity{align-items:center;gap:10px;display:flex}.memberidentity>div{gap:3px;display:grid}.memberidentity small{color:var(--muted);font-size:11px}.memberavatar{color:#15836f;background:#e9f7f2;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.memberactions{align-items:center;gap:8px;display:flex}.memberactions select{min-width:105px;margin:0}.rolebadge{color:#49615b;background:#eef3f1;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:7px 10px;font-size:11px;font-weight:850;display:inline-flex}.rolebadge.owner{color:#0b7a64;background:#e5f7f0}.rolebadge.admin{color:#356fc8;background:#eaf2ff}.rolebadge.member{color:#596b66;background:#f2f4f3}.dangerghost{color:#c74242;background:#fff7f7;border:1px solid #f1caca;border-radius:11px;padding:9px 11px;font-weight:800}.roleinfo{color:#536963;background:#f7faf9;border:1px solid #e7eeeb;border-radius:14px;margin-top:14px;padding:13px 15px;font-size:13px;line-height:1.5}.settingsgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settingspanel{gap:14px;display:grid}.profilehero{background:#f8fbfa;border:1px solid #e8efec;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.profilehero>div:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.profilehero span{color:var(--muted);font-size:11px}.profileavatar{color:#0e7b66;background:#dff4ec;border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid}.readonlyinput{cursor:not-allowed;color:#667973!important;background:#f4f7f6!important}.settinghint{color:#657771;background:#f7faf9;border:1px solid #e8eeeb;border-radius:12px;padding:11px 12px;font-size:12px}.settingsmeta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settingsmeta>div{background:#f8fbfa;border:1px solid #e9efed;border-radius:13px;gap:4px;padding:12px;display:grid}.settingsmeta span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.settingsmeta b{font-size:14px}.settingsmsg{margin-top:14px}.settingsactions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.settingsactions .primary{min-width:170px}@media (max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.metric.hero{grid-column:1/-1}.dashboardgrid{grid-template-columns:1fr}.accountgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.shell{grid-template-columns:220px 1fr}.shell aside{padding:18px 12px}.workspacebadge,.brand em{display:none}.reportgrid,.settingsgrid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{display:block}.shell aside{display:none}.shell header{height:70px;padding:0 16px}.shell header h1{font-size:19px}.workspaceheader{display:none}.chip{width:36px;height:36px}.content{padding:18px 14px 105px}.dashwelcome{flex-direction:column;align-items:flex-start}.dashwelcome h2{font-size:24px}.dashwelcome .primary{width:100%}.metrics{grid-template-columns:1fr 1fr}.metric.hero{grid-column:1/-1}.metric{min-height:108px;padding:14px}.metric strong{font-size:18px}.dashboardgrid{grid-template-columns:1fr}.chartpanel{min-height:310px}.barchart{height:210px}.chartlegend{display:none}.accountgrid{grid-template-columns:1fr}.accountitem strong{font-size:14px}.transactionrow{grid-template-columns:auto 1fr auto}.txdate{display:none}.title{align-items:flex-start}.title h2{font-size:23px}.cards{grid-template-columns:1fr}.inline{flex-direction:column}.bottom{border:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:18px;padding:5px;display:flex;position:fixed;bottom:10px;left:10px;right:10px;overflow-x:auto;box-shadow:0 15px 35px #00000021}.bottom button{color:#788780;background:0 0;border:0;border-radius:12px;place-items:center;gap:4px;min-width:72px;padding:8px 5px;font-size:9px;display:grid}.bottom button.active{color:var(--brand);background:#eef7f3;font-weight:900}.inviteform,.invitelink{grid-template-columns:1fr}.invitelink button{padding:11px 14px}.memberrow{flex-direction:column;align-items:flex-start}.memberactions{justify-content:space-between;width:100%}.memberactions select{flex:1}.settingsactions{flex-direction:column}.settingsactions .primary,.settingsactions .dangerghost{width:100%}.settingsmeta{grid-template-columns:1fr}}@media (max-width:520px){.metrics{grid-template-columns:1fr}.metric.hero{grid-column:auto}.transactionrow{grid-template-columns:auto 1fr}.transactionrow>strong{grid-column:2;justify-self:start}.barchart{gap:7px}.bar{width:12px}.reportmetrics{grid-template-columns:1fr}.catbarhead,.accountreportrow{align-items:flex-start}.accountreportrow{flex-direction:column}.monthpick{min-width:0}.monthpick input{width:100%}.profilehero{flex-wrap:wrap;align-items:flex-start}.profilehero .rolebadge{margin-left:58px}}.shell{grid-template-columns:252px 1fr}.shell aside{padding:18px 15px}.shell aside .brand{font-size:20px}.shell aside nav{margin-top:18px}.shell aside nav button{padding:10px 11px}.sidequote{background:linear-gradient(145deg,#f3faf7,#f8fbfa);border:1px solid #e5efeb;border-radius:16px;gap:6px;padding:14px;display:grid}.sidequote .leafbox{color:#0f7d68;background:#dcf4eb;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.sidequote b{font-size:12px;line-height:1.35}.sidequote span{color:#86958f;font-size:10px;line-height:1.45}.shell header{background:#ffffffeb;height:72px;padding:0 28px}.mobileheadtitle{display:none}.topsearch{color:#87958f;background:#f7f9f8;border:1px solid #e7ece9;border-radius:11px;align-items:center;gap:9px;width:min(450px,42vw);height:40px;padding:0 10px;display:flex}.topsearch input{color:#31413b;background:0 0;border:0;flex:1;min-width:0}.topsearch input::placeholder{color:#9aa6a1}.topsearch kbd{color:#a1aca8;background:#fff;border:1px solid #e4e9e6;border-radius:6px;padding:3px 6px;font-size:10px;box-shadow:0 1px 2px #00000008}.bellbtn{color:#51665f;background:0 0;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:relative}.bellbtn:hover{background:#f4f7f5}.bellbtn i{background:#ef5147;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.familycluster{align-items:center;gap:9px;display:flex}.miniavatars{padding-left:14px;display:flex}.miniavatars span{color:#fff;background:#6c8f85;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-9px;font-size:9px;font-weight:900;display:grid}.miniavatars span:nth-child(2){background:#d99c76}.miniavatars span:nth-child(3){background:#7c7eb0}.workspaceheader{text-align:left}.workspaceheader b{font-size:11px}.workspaceheader small{font-size:9px}.headeractions{gap:8px}.headeractions .chip{display:none}.content{padding:24px 28px 100px}.greetingrow{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.greetingrow h2{letter-spacing:-.7px;margin:0 0 4px;font-size:25px}.greetingrow h2 span{font-size:20px}.greetingrow p{color:#7f8e88;margin:0;font-size:12px}.todaybox{justify-items:end;gap:6px;display:grid}.todaybox small{color:#7d8b86;font-size:10px}.todaybox span{color:#66766f;background:#fff;border:1px solid #e4eae7;border-radius:9px;padding:7px 9px;font-size:10px}.metrics{grid-template-columns:1.25fr repeat(4,1fr);gap:11px}.metric{min-height:112px;box-shadow:none;border-radius:15px;padding:15px}.metric.hero{box-shadow:none;background:linear-gradient(145deg,#2caa8d,#17846e)}.metric.hero:before{content:"";background:radial-gradient(circle at 55% 45%,#fff3,#fff0 68%);border-radius:50%;width:68px;height:68px;position:absolute;bottom:-8px;right:8px}.metric strong{margin-top:10px;font-size:19px}.metrichead>span{width:32px;height:32px}.tone-green{background:linear-gradient(145deg,#fbfffd,#eefaf6)}.tone-red{background:linear-gradient(145deg,#fffdfc,#fff1ef)}.tone-blue{background:linear-gradient(145deg,#fbfdff,#eff6ff)}.tone-purple{background:linear-gradient(145deg,#fdfcff,#f3f0ff)}.tone-purple .metrichead>span{color:#7560c9;background:#f0edff}.dashboardgrid{grid-template-columns:1.35fr .72fr;gap:11px;margin-top:11px}.panel,.accountstrip{box-shadow:none;border-radius:15px;padding:15px}.chartpanel{min-height:276px}.chartpanel .panelhead,.categorypanel .panelhead{align-items:flex-start}.barchart{gap:8px;height:200px;padding-top:18px}.barchart.twelve .chartcol{min-width:0}.barchart.twelve .bararea{gap:3px}.barchart.twelve .bar{width:min(10px,34%)}.chartcol>span{font-size:9px}.chartlegend{gap:10px;font-size:9px}.donutwrap{grid-template-columns:132px 1fr;align-items:center;gap:16px;margin-top:16px;display:grid}.donut{border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:74px;height:74px;position:absolute;box-shadow:inset 0 0 0 1px #edf1ef}.donut>div{z-index:1;text-align:center;gap:2px;display:grid;position:relative}.donut small{color:#87958f;font-size:9px}.donut b{font-size:11px}.donutlegend{gap:8px;display:grid}.donutlegend>div{justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.donutlegend span{color:#5c6d67;align-items:center;gap:7px;display:flex}.donutlegend i{border-radius:3px;width:8px;height:8px;display:inline-block}.donutlegend b{color:#51645d;font-size:9px}.activitypanel{margin-top:11px}.textlink{color:#348bdb;background:0 0;border:0;font-size:10px;font-weight:800}.activityhead{color:#7f8d88;background:#f7f9f8;border-radius:8px;grid-template-columns:1.5fr 1.1fr .45fr .7fr;gap:10px;margin-top:10px;padding:8px 12px;font-size:9px;font-weight:800;display:grid}.transactionrow{border:0;border-bottom:1px solid #eef2f0;border-radius:9px;grid-template-columns:auto 1.4fr 1.05fr .45fr .75fr;padding:8px 10px}.transactionrow:last-child{border-bottom:0}.txicon{border-radius:8px;width:28px;height:28px}.txcopy b{font-size:10px}.txcopy small,.txdate{font-size:9px}.row strong{font-size:10px}.activitypanel .list{gap:0;margin-top:0}.accountstrip{margin-top:11px}.accountgrid{grid-template-columns:repeat(4,1fr)}.accountitem{border-radius:11px;padding:10px}.accounticon{width:34px;height:34px}.accountitem strong{font-size:12px}.transactiontools{grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;display:grid}.searchbox{color:#86958f;background:#fff;border:1px solid #e2e9e5;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.searchbox input{background:0 0;border:0;outline:none;width:100%;padding:11px 0}.filtericon{color:#62756e;background:#fff;border:1px solid #e2e9e5;border-radius:12px;width:42px}.filterchips{gap:8px;margin-bottom:12px;display:flex}.filterchips button{color:#788780;background:#f2f4f3;border:0;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:800}.filterchips button.active{color:#fff;background:#168a73}@media (max-width:1180px){.topsearch{width:38vw}.accountgrid{grid-template-columns:repeat(2,1fr)}.donutwrap{grid-template-columns:120px 1fr}}@media (max-width:900px){.familycluster{display:none}.topsearch{width:50vw}}@media (max-width:760px){.shell header{background:#fff;height:72px;padding:0 14px}.mobileheadtitle{display:block}.mobileheadtitle small{color:#7d8d87;font-size:10px;display:block}.mobileheadtitle h1{margin:2px 0 0;font-size:19px}.topsearch{display:none}.bellbtn{display:grid}.headeractions .chip{width:32px;height:32px;display:grid}.content{padding:14px 12px 104px}.greetingrow{display:block}.greetingrow h2{margin:0;font-size:0}.greetingrow h2:before{content:"Keuangan Keluarga";font-size:19px}.greetingrow p{font-size:11px}.todaybox{display:none}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric.hero{grid-column:1/-1;min-height:98px}.metric{min-height:92px;padding:12px}.metric strong{font-size:16px}.metric p{font-size:8px}.metrichead>span{width:29px;height:29px}.dashboardgrid{display:block}.chartpanel,.categorypanel{margin-top:9px}.chartpanel{min-height:250px}.barchart{height:170px;overflow:hidden}.barchart.twelve .chartcol:nth-child(-n+6){display:none}.donutwrap{grid-template-columns:118px 1fr}.donut{width:112px;height:112px}.donut:after{width:66px;height:66px}.activityhead{display:none}.activitypanel{margin-top:9px}.activitypanel .panelhead .textlink{display:none}.transactionrow{grid-template-columns:auto 1fr auto}.transactionrow .txdate{display:none}.accountstrip{margin-top:9px}.accountgrid{grid-template-columns:1fr}.bottom{border-radius:16px;padding:4px;bottom:8px;left:8px;right:8px}.bottom button{min-width:68px}.transactiontools{grid-template-columns:1fr auto}}@media (max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metric.hero{grid-column:1/-1}.metric:nth-child(4),.metric:nth-child(5){min-height:88px}.donutlegend>div:nth-child(n+5){display:none}.filterchips{padding-bottom:2px;overflow-x:auto}.filterchips button{white-space:nowrap}}.activityhead{grid-template-columns:28px 1.4fr 1.05fr .45fr .75fr}.activityhead span:last-child{text-align:right}.txmeta{gap:2px;display:grid}.txmeta b{color:#566962;font-size:10px}.txmeta small{color:#95a19d;font-size:9px}.transactionrow>strong{text-align:right}@media (max-width:760px){.transactionrow{grid-template-columns:auto 1fr auto}.transactionrow .txmeta{display:none}.transactionrow>strong{text-align:right;grid-column:3}}@media (max-width:520px){.transactionrow{grid-template-columns:auto 1fr}.transactionrow>strong{text-align:left;grid-column:2}}:root{--font-body:14px;--font-small:12px;--font-nav:13px;--font-title:26px}body{font-size:var(--font-body);line-height:1.45}.row,.accountitem,.memberrow,.settingspanel,.card{font-size:13px}.logoutstrong,.logoutbutton{color:#b43d36!important;background:#fff5f4!important;border:1px solid #efb8b3!important;font-weight:850!important}.logoutstrong:hover,.logoutbutton:hover{background:#ffeceb!important}.logoutbutton{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;display:inline-flex}.useravatar,.chip,.memberavatar,.profileavatar,.miniavatars span{overflow:hidden}.useravatar img,.chip img,.memberavatar img,.profileavatar img,.miniavatars span img{object-fit:cover;width:100%;height:100%;display:block}.financecard{position:relative}.cardtop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cardicon{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.savingsicon{color:#4475bd;background:#eaf3ff}.debticon{color:#c45750;background:#fff0ee}.iconbtn{color:#61746d;background:#fff;border:1px solid #e5ebe8;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.iconbtn:hover{background:#f6f9f7}.editrow{grid-template-columns:1fr auto auto;align-items:center;gap:6px;margin:8px 0;display:grid}.editrow input{border:1px solid #dfe7e3;border-radius:10px;min-width:0;padding:9px}.editrow button{background:#fff;border:1px solid #e2e8e5;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.editrow button:first-of-type{color:#14775f;background:#eaf8f3}.uploadbtn{color:#2b5c50;cursor:pointer;background:#f7fbf9;border:1px solid #dce7e2;border-radius:11px;align-items:center;gap:7px;padding:10px 12px;margin:0!important;display:inline-flex!important}.uploadbtn input{display:none}.avatarupload small{color:#8a9792;font-weight:500}.dangerzone{background:#fff8f7;border:1px solid #f0cfcb;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;padding:14px;display:flex}.dangerzone>div{gap:4px;display:grid}.dangerzone b{color:#a93c35}.dangerzone p{color:#8b6965;margin:0;font-size:11px}.dangerghost{justify-content:center;align-items:center;gap:6px;display:inline-flex}.dangerbtn{color:#fff;background:#c8463f;border:0;border-radius:11px;padding:11px 14px;font-weight:850}.dangerbtn:disabled{opacity:.45;cursor:not-allowed}.confirmmodal{animation:.18s both fadeIn}.confirmcard{text-align:center;width:min(420px,100%);animation:.2s both popIn}.confirmcard h3{margin:10px 0 6px}.confirmcard p{color:#73817c;margin:0 0 16px;font-size:12px;line-height:1.55}.confirmcard input{border:1px solid #dfe7e3;border-radius:11px;width:100%;margin:4px 0 14px;padding:12px}.confirmicon{color:#14775f;background:#eaf8f3;border-radius:15px;place-items:center;width:48px;height:48px;margin:auto;display:grid}.confirmicon.danger{color:#c54d46;background:#fff0ee}.confirmactions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.confirmactions .primary,.confirmactions .dangerbtn,.confirmactions .ghostbtn{width:100%}.actionfeedback,.notice{animation:.22s both slideDown}.actionbtn:active,.primary:active,.dangerbtn:active,.ghostbtn:active,.iconbtn:active{transform:scale(.97)}.modalcard{animation:.18s both popIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.categoryonly{grid-template-columns:1fr;margin-top:11px}.categoryonly .categorypanel{min-height:auto}.categoryonly .donutwrap{grid-template-columns:150px minmax(0,1fr);max-width:760px}.transactionmodal .txseg{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.transactionmodal .txseg button{white-space:nowrap;min-width:0;padding:10px 6px;font-size:12px}@media (max-width:760px){:root{--font-body:13px;--font-small:11px;--font-nav:11px;--font-title:22px}body{font-size:var(--font-body)}button,input,select{font-size:12px}.panel h3,.panelhead h3{font-size:16px}.panel p,.title p,.panelhead p{font-size:11px}.transactionmodal{width:min(100%,100vw - 18px);padding:18px}.transactionmodal .txseg{width:100%}.transactionmodal .txseg button{padding:9px 4px;font-size:11px}.settingsactions{gap:8px}.logoutbutton{width:100%}.dangerzone{flex-direction:column;align-items:flex-start}.dangerzone .dangerghost{width:100%}.categoryonly .donutwrap{grid-template-columns:118px 1fr;max-width:none}}@media (max-width:420px){.transactionmodal .txseg button{padding:8px 2px;font-size:10px}.transactionmodal{padding:15px}.modal{padding:9px}.confirmactions{grid-template-columns:1fr}.categoryonly .donutwrap{grid-template-columns:105px 1fr;gap:10px}}:root{--font-body:15px;--font-nav:14px;--font-title:28px}body{font-size:var(--font-body)}button,input,select{font-size:14px}.shell aside nav button{font-size:var(--font-nav)}.title h2{font-size:var(--font-title)}.panel h3,.panelhead h3{font-size:18px}.panel p,.title p,.panelhead p,.metric small{font-size:13px}.metric strong{font-size:21px}.metric p{font-size:11px}.authcard label,.modalcard label,.settingspanel label,.roleinfo,.settinghint{font-size:13px}.bottom button{font-size:11px}.inlineactions{align-items:center;gap:8px;display:flex}.inlineactions .ghostbtn,.inlineactions .primary{white-space:nowrap}@media (max-width:760px){:root{--font-body:14px;--font-nav:12px;--font-title:24px}body{font-size:var(--font-body)}button,input,select{font-size:13px}.panel h3,.panelhead h3{font-size:17px}.panel p,.title p,.panelhead p,.metric small{font-size:12px}.metric strong{font-size:18px}.metric p,.bottom button{font-size:10px}.inlineactions{grid-template-columns:1fr 1fr;width:100%;display:grid}.inlineactions .ghostbtn,.inlineactions .primary{width:100%}.reporttitle{grid-template-columns:1fr!important;align-items:stretch!important;gap:12px!important;display:grid!important}.reporttitle>div{min-width:0}.reporttitle .monthpick{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;display:grid!important}.reporttitle .monthpick input{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}}.successtoast{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7fffbfa;border:1px solid #cfeadf;border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:min(420px,100vw - 28px);padding:13px 15px;animation:.28s cubic-bezier(.2,.9,.25,1) both successToastIn;display:flex;position:fixed;top:88px;right:22px;box-shadow:0 18px 55px #18524226}.successring{color:#fff;background:#159476;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;animation:.42s cubic-bezier(.2,1.25,.3,1) both successPop;display:grid}.successtoast>div{gap:2px;display:grid}.successtoast b{color:#126c58;font-size:13px}.successtoast small{color:#58736b;font-size:12px}@keyframes successToastIn{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:none}}@keyframes successPop{0%{transform:scale(.55)rotate(-18deg)}70%{transform:scale(1.1)rotate(3deg)}to{transform:scale(1)}}.categoryhead{align-items:flex-end}.compactmonth{gap:4px;min-width:160px;display:grid}.compactmonth span{color:#81908a;font-size:11px;font-weight:800}.compactmonth input{background:#fff;border:1px solid #dfe7e3;border-radius:10px;width:100%;padding:9px 10px}@media (max-width:760px){.successtoast{min-width:0;max-width:none;top:82px;left:12px;right:12px}.categoryhead{flex-direction:column;align-items:stretch}.compactmonth{width:100%;min-width:0}.compactmonth input{width:100%}}.removephotobtn{color:#b9443d;background:#fff7f6;border:1px solid #efc4bf;border-radius:11px;align-items:center;gap:7px;padding:10px 12px;font-weight:800;display:inline-flex}.removephotobtn:disabled{opacity:.55;cursor:not-allowed}.avatarupload>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:760px){.removephotobtn{justify-content:center;width:100%}}:root{--surface:#fff;--surface-soft:#f8faf9;--line:#e4ebe7;--text:#24342e;--muted:#788780;--brand:#178a72;--brand-soft:#e9f7f2;--shadow-soft:0 8px 26px #2042370f}.content{padding-top:26px}.title{margin-bottom:16px}.title h2{letter-spacing:-.55px}.title p{color:var(--muted);margin-top:4px}.panel,.accountstrip,.metric{border-color:var(--line)}.panel,.accountstrip{box-shadow:var(--shadow-soft)}.panelhead{margin-bottom:12px}.panelhead h3{letter-spacing:-.2px}.panelhead p{color:var(--muted)}.primary,.ghostbtn,.dangerghost,.logoutbutton,.removephotobtn,.uploadbtn,.iconbtn,.filtericon,.filterchips button{transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #178a722e}.ghostbtn:hover,.iconbtn:hover,.filtericon:hover{background:#f8faf9;border-color:#cfdad5}.filterchips button:hover{background:#e9efec}.filterchips button.active:hover{background:#147760}.shell aside nav button{border-radius:11px;min-height:42px}.shell aside nav button:hover{color:#274d43;background:#f4f8f6}.shell aside nav button.active{box-shadow:inset 0 0 0 1px #178a7214}.workspacebadge{border-color:#e2ebe6;border-radius:14px}.sidebarfooter{gap:10px}.sidebaruser{border-radius:12px;padding:9px}.logoutstrong{min-height:42px}.metric{border-radius:16px;padding:16px}.metrichead{gap:10px}.metrichead>span{border-radius:10px;width:34px;height:34px}.metric strong{letter-spacing:-.35px}.metric.hero{box-shadow:0 10px 24px #1c806a21}.categorypanel .donutwrap{margin-top:10px}.donutlegend>div{border-bottom:1px dashed #eef2f0;padding:4px 0}.donutlegend>div:last-child{border-bottom:0}.accountitem{background:#fff;border:1px solid #e6ece9;box-shadow:0 4px 16px #2a453c09}.accountitem:hover{border-color:#d4e1db;box-shadow:0 8px 20px #2a453c12}.accountcopy b{color:var(--text)}.accountcopy small{color:var(--muted)}.transactionrow{transition:background .14s,transform .14s}.transactionrow:hover{background:#fafcfb}.txcopy b,.txmeta b{color:#2d4039}.txcopy small,.txmeta small,.txdate{color:#8a9893}.cards{gap:12px}.financecard{border:1px solid #e3ebe7;box-shadow:0 7px 22px #2a453c0d}.financecard:hover{border-color:#d4e1db;box-shadow:0 10px 26px #2a453c14}.cardtop{margin-bottom:12px}.inline{background:#fbfcfb;border:1px solid #e3ebe7;border-radius:14px;margin-bottom:14px;padding:12px}.inline input,.inline select{border-radius:10px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14221d52}.modalcard{border:1px solid #e1eae5f2;border-radius:18px;box-shadow:0 22px 70px #182b252e}.modalcard input,.modalcard select,.settingspanel input,.settingspanel select{background:#fff;border:1px solid #dfe7e3;border-radius:11px}.modalcard input:focus,.modalcard select:focus,.settingspanel input:focus,.settingspanel select:focus{border-color:#9dcfc0;outline:none;box-shadow:0 0 0 3px #178a7214}.close{background:#fff;border:1px solid #e3e9e6;border-radius:10px;width:34px;height:34px}.empty{color:#8a9893;text-align:center;background:linear-gradient(#fbfcfb,#f8faf9);border:1px dashed #dfe7e3;border-radius:13px;padding:34px 18px}.formmsg{border-radius:12px;padding:11px 13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccd8d2;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b9c8c1}.bottom{border:1px solid #e0e8e4f2;box-shadow:0 14px 34px #24362f24}.bottom button{border-radius:11px;min-height:52px}.bottom button.active{color:#147760;background:#edf8f4}.bottom button svg{flex:none}.successtoast{box-shadow:0 18px 48px #1b564429}@media (max-width:760px){.content{padding-top:16px}.title{margin-bottom:13px}.panel,.accountstrip{border-radius:15px}.metric{border-radius:14px;padding:14px}.cards{gap:10px}.inline{padding:10px}.bottom{bottom:7px;left:7px;right:7px}.bottom button{min-width:68px;min-height:54px;padding:6px 5px}.modalcard{border-radius:17px}.accountitem{padding:11px}}@media (max-width:420px){.metric{padding:12px}.metrichead>span{width:31px;height:31px}.panel,.accountstrip{padding:14px}}.inlineerror{color:#a9443d;background:#fff7f6;border:1px solid #f2c9c4;border-radius:11px;grid-column:1/-1;width:100%;padding:10px 12px;font-weight:700}.rupiahinput{background:#fff;border:1px solid #dfe7e3;border-radius:11px;align-items:center;width:100%;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.rupiahinput:focus-within{border-color:#9dcfc0;box-shadow:0 0 0 3px #178a7214}.rupiahinput span{color:#4d655c;flex:none;padding:0 0 0 12px;font-weight:850}.rupiahinput input{flex:1;min-width:0;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.categoryfield{gap:8px;display:grid}.categoryfield>label{margin:0!important}.addcategorybtn{color:#167b66;background:0 0;border:0;align-items:center;gap:6px;width:max-content;padding:2px 0;font-weight:800;display:inline-flex}.addcategorybtn:hover{color:#0f6655}.newcategoryrow{background:#f8fbf9;border:1px solid #dfe9e4;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.newcategoryrow input{min-width:0}.newcategoryrow .primary{white-space:nowrap;min-height:42px}@media (max-width:760px){.inlineerror{font-size:12px}.rupiahinput span{padding-left:11px}.newcategoryrow{grid-template-columns:1fr}.newcategoryrow .primary{width:100%}.addcategorybtn{min-height:30px}}.inputerror{animation:.22s inputShake;background:snow!important;border-color:#e9aaa4!important}.inputerror::placeholder{opacity:1;font-weight:700;color:#b54f47!important}@keyframes inputShake{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}.savebutton{justify-content:center;align-items:center;gap:8px;min-width:168px;display:inline-flex}.savebutton.saving{box-shadow:0 8px 20px #178a7224}.btnspinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite btnSpin}@keyframes btnSpin{to{transform:rotate(360deg)}}@media (max-width:760px){.savebutton{width:100%;min-width:0}}.todaybox small{color:#3e534b;font-weight:800;font-size:13px!important}.todaybox span{line-height:1.45;font-size:12px!important}.activitypanel .panelhead h3{font-size:19px!important}.activitypanel .panelhead p{font-size:13px!important}.activityhead{color:#71817a;font-weight:800;font-size:12px!important}.activitypanel .transactionrow,.activitypanel .txcopy b,.activitypanel .txmeta b,.activitypanel .transactionrow>strong{font-size:14px!important}.activitypanel .txcopy small,.activitypanel .txmeta small,.activitypanel .txdate{font-size:12px!important}.activitypanel .textlink{font-weight:800;font-size:13px!important}.transactions .transactionrow,.transactionlist .transactionrow,.transactions .txcopy b,.transactions .txmeta b,.transactions .transactionrow>strong,.transactionlist .txcopy b,.transactionlist .txmeta b,.transactionlist .transactionrow>strong{font-size:14px!important}.transactions .txcopy small,.transactions .txmeta small,.transactions .txdate,.transactionlist .txcopy small,.transactionlist .txmeta small,.transactionlist .txdate,.transactions .activityhead,.transactionlist .activityhead{font-size:12px!important}.transactions .title p{font-size:13px!important}.reportgrid .transactionrow,.reporttransactions .transactionrow,.reportgrid .txcopy b,.reportgrid .txmeta b,.reportgrid .transactionrow>strong,.reporttransactions .txcopy b,.reporttransactions .txmeta b,.reporttransactions .transactionrow>strong{font-size:14px!important}.reportgrid .txcopy small,.reportgrid .txmeta small,.reportgrid .txdate,.reporttransactions .txcopy small,.reporttransactions .txmeta small,.reporttransactions .txdate{font-size:12px!important}@media (max-width:760px){.todaybox small{font-size:12px!important}.todaybox span{font-size:11px!important}.activitypanel .panelhead h3{font-size:18px!important}.activitypanel .panelhead p{font-size:12px!important}.activityhead{font-size:11px!important}.activitypanel .transactionrow,.transactions .transactionrow,.transactionlist .transactionrow,.reportgrid .transactionrow,.reporttransactions .transactionrow,.activitypanel .txcopy b,.activitypanel .txmeta b,.activitypanel .transactionrow>strong,.transactions .txcopy b,.transactions .txmeta b,.transactions .transactionrow>strong,.transactionlist .txcopy b,.transactionlist .txmeta b,.transactionlist .transactionrow>strong,.reportgrid .txcopy b,.reportgrid .txmeta b,.reportgrid .transactionrow>strong,.reporttransactions .txcopy b,.reporttransactions .txmeta b,.reporttransactions .transactionrow>strong{font-size:13px!important}.activitypanel .txcopy small,.activitypanel .txmeta small,.activitypanel .txdate,.transactions .txcopy small,.transactions .txmeta small,.transactions .txdate,.transactionlist .txcopy small,.transactionlist .txmeta small,.transactionlist .txdate,.reportgrid .txcopy small,.reportgrid .txmeta small,.reportgrid .txdate,.reporttransactions .txcopy small,.reporttransactions .txmeta small,.reporttransactions .txdate{font-size:11px!important}}.transactiontools input{font-size:14px!important}.filterchips button{font-size:13px!important}.panel>.list .transactionrow{min-height:58px;font-size:14px!important}.panel>.list .txcopy b,.panel>.list .txmeta b,.panel>.list .transactionrow>strong{line-height:1.35;font-size:14px!important}.panel>.list .txcopy small,.panel>.list .txmeta small,.panel>.list .txdate{line-height:1.35;font-size:12px!important}.panel>.list .txicon{width:36px;height:36px}.panel>.list .txicon svg{width:18px;height:18px}@media (max-width:760px){.transactiontools input{font-size:13px!important}.filterchips button{font-size:12px!important}.panel>.list .transactionrow{min-height:56px;font-size:13px!important}.panel>.list .txcopy b,.panel>.list .txmeta b,.panel>.list .transactionrow>strong{font-size:13px!important}.panel>.list .txcopy small,.panel>.list .txmeta small,.panel>.list .txdate{font-size:11px!important}}.categoryonly{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr)!important}.dashboardaccounts{height:100%;margin-top:0!important}.dashboardaccounts .accountgrid{gap:9px;grid-template-columns:1fr!important}.dashboardaccounts .accountitem{min-width:0}@media (max-width:760px){.categoryonly{grid-template-columns:1fr!important}.dashboardaccounts{order:2;margin-top:0!important}.categorypanel{order:1}.content>.title>div:first-child{display:none}.content>.title{justify-content:flex-end;margin-bottom:10px}.content>.title:not(.reporttitle):has(>div:only-child){display:none}.reporttitle{justify-content:flex-end!important;margin-bottom:10px!important;display:flex!important}.reporttitle>div:first-child{display:none!important}}.passwordfield{align-items:center;display:flex;position:relative}.passwordfield input{width:100%;padding-right:46px}.passwordtoggle{color:#68746e;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.passwordtoggle:hover{color:#26332d;background:#f1f5f3}.authhelperrow{justify-content:flex-end;margin-top:8px;margin-bottom:14px;display:flex}.forgotbtn{color:#2f7d60;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:700;line-height:1.4}.forgotbtn:hover{text-decoration:underline}.forgotbtn:disabled{opacity:.55;cursor:not-allowed}.formmsg.successmsg{color:#216446;background:#edf8f2;border-color:#ccebd9}.reseticon{color:#2f7d60;background:#edf8f2;border-radius:14px;place-items:center;width:48px;height:48px;margin:4px auto 2px;display:grid}@media (max-width:640px){.passwordtoggle{right:8px}.authhelperrow{margin-top:8px;margin-bottom:14px}}.categorypanel .donutlegend>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.donutlegendlabel{color:#2d4039;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:700;line-height:1.3;display:flex}.donutlegendlabel i{flex:none}.donutlegendmeta{white-space:nowrap;justify-content:flex-end;align-items:center;gap:9px;display:flex!important}.donutlegendmeta b{color:#31453f;line-height:1.2;font-size:11px!important}.donutlegendmeta small{color:#81908a;font-weight:800;line-height:1.2;font-size:11px!important}@media (max-width:760px){.categorypanel .donutlegend>div{gap:9px}.donutlegendlabel{gap:7px;font-size:12px}.donutlegendmeta{gap:6px}.donutlegendmeta b,.donutlegendmeta small{font-size:10px!important}}.mobilemorebackdrop{display:none}@media (max-width:760px){.bottom{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mobilemorebackdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14221d57;display:block;position:fixed;inset:0}.mobilemoresheet{background:#fff;border:1px solid #e2ebe6;border-radius:18px;padding:10px;position:absolute;bottom:78px;left:10px;right:10px;box-shadow:0 18px 55px #182b252e}.mobilemorehandle{background:#d9e2de;border-radius:999px;width:38px;height:4px;margin:2px auto 10px}.mobilemoretitle{justify-content:space-between;align-items:center;padding:4px 4px 8px;display:flex}.mobilemoretitle b{font-size:14px}.mobilemoretitle button{background:#f4f7f5;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.mobilemoresheet>button{text-align:left;color:#30443d;background:0 0;border:0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 10px;font-weight:800;display:grid}.mobilemoresheet>button.active{color:#147760;background:#edf8f4}}.cardaction{justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:14px;display:flex}@media (max-width:760px){.cardaction{min-height:42px}}.headeractions{margin-left:auto}.appbrand>span{isolation:isolate;background:linear-gradient(145deg,#1a9c82,#0d715e);border-radius:14px;width:42px;height:42px;position:relative;box-shadow:0 10px 24px #1280693d}.appbrand>span:after{content:"";pointer-events:none;border:1px solid #ffffff38;border-radius:11px;position:absolute;inset:4px}.appbrand>div{line-height:1.05}.appbrand>div small{letter-spacing:.06em;color:#91a09a;text-transform:none;margin-top:5px;font-size:9px;font-weight:800}.logouttransition{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f8f6c2;place-items:center;animation:.22s ease-out both logoutFadeIn;display:grid;position:fixed;inset:0}.logouttransitioncard{background:#fffffff5;border:1px solid #deebe6;border-radius:24px;justify-items:center;gap:7px;width:min(300px,100vw - 40px);padding:26px 24px 22px;animation:.32s cubic-bezier(.2,.8,.2,1) both logoutCardIn;display:grid;box-shadow:0 24px 70px #1f433829}.logouticon{color:#fff;background:linear-gradient(145deg,#1a9c82,#0d715e);border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:5px;animation:.75s ease-in-out infinite alternate logoutIconPulse;display:grid;box-shadow:0 12px 28px #1280693d}.logouttransitioncard b{letter-spacing:-.2px;font-size:17px}.logouttransitioncard span{color:#82908b;font-size:11px}.logoutprogress{background:#edf3f0;border-radius:999px;width:100%;height:4px;margin-top:11px;overflow:hidden}.logoutprogress i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#29a98c,#0f755f);width:100%;height:100%;animation:.65s ease-out both logoutProgress;display:block}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoutCardIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logoutIconPulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes logoutProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.logouttransition,.logouttransitioncard,.logouticon,.logoutprogress i{animation:none!important}}.txdate{color:#7f8d88;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}@media (max-width:760px){.transactionrow .txdate{color:#899791;grid-column:2;justify-self:start;margin-top:-4px;font-size:10px!important;display:block!important}}.telegramsettings{grid-column:1/-1}.telegramsettings .panelhead{align-items:flex-start;gap:16px}.telegramsettings .panelhead h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.betabadge{color:#5369b8;letter-spacing:.04em;text-transform:uppercase;background:#eef3ff;border-radius:999px;align-items:center;min-height:20px;padding:2px 7px;font-size:10px;font-weight:900;display:inline-flex}.telegramstatus{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:850;display:inline-flex}.telegramstatus.connected{color:#167254;background:#eaf8f2}.telegramstatus.disconnected{color:#7b8984;background:#f2f5f4}.telegramsetup,.telegramconnected{gap:14px;display:grid}.telegramsteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.telegramsteps>div{background:#fafcfb;border:1px solid #e3ebe7;border-radius:13px;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:12px;display:grid}.telegramsteps span{color:#147760;background:#eaf7f2;border-radius:9px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:grid}.telegramsteps p{color:#50615a;margin:3px 0 0;font-size:12px;line-height:1.45}.telegramcodebox{background:linear-gradient(#f8fcfa,#f0f8f5);border:1px solid #cfe6dc;border-radius:14px;gap:7px;padding:14px;display:grid}.telegramcodebox small{color:#6f8179;font-size:11px;font-weight:750}.telegramcodebox>div{align-items:center;gap:10px;display:flex}.telegramcodebox strong{letter-spacing:.16em;color:#173c31;font-variant-numeric:tabular-nums;font-size:27px}.telegramactions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.telegramactions .primary,.telegramactions .ghostbtn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.telegramidentity{background:#f8fcfa;border:1px solid #dcebe4;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.telegramidentity>span{color:#fff;background:linear-gradient(145deg,#1a9c82,#0d715e);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.telegramidentity div{gap:2px;display:grid}.telegramidentity b{font-size:13px}.telegramidentity small{color:#7c8b85;font-size:11px}.telegramexamples{gap:7px;display:grid}.telegramexamples small{color:#6f8179;font-size:11px;font-weight:800}.telegramexamples code{color:#34463f;white-space:normal;word-break:break-word;background:#f3f6f5;border:1px solid #e4eae7;border-radius:9px;width:fit-content;max-width:100%;padding:7px 9px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.telegramdisconnect{width:max-content}.telegramhint{margin-top:2px}@media (max-width:760px){.telegramsettings{grid-column:auto}.telegramsettings .panelhead{gap:8px;display:grid}.telegramstatus{width:max-content}.telegramsteps{grid-template-columns:1fr}.telegramactions{grid-template-columns:1fr;display:grid}.telegramactions .primary,.telegramactions .ghostbtn,.telegramdisconnect{width:100%}.telegramcodebox strong{font-size:24px}}.sourcebadge{vertical-align:middle;color:#71817a;background:#f1f4f3;border-radius:999px;align-items:center;min-height:18px;padding:1px 6px;font-size:9px;font-weight:850;line-height:1.2;display:inline-flex}.sourcebadge.telegram{color:#2d6ea6;background:#eaf4ff}.sourcebadge.ocr{color:#9a6817;background:#fff4df}.sourcebadge.import{color:#6d4fa4;background:#f3edff}.sourcebadge.system{color:#5c6670;background:#eef0f2}.sourcebadge.app{color:#27735d;background:#edf8f4}@media (max-width:760px){.sourcebadge{padding:1px 5px;font-size:8px}}.telegramformatgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.telegramformatgrid>div{background:#fbfcfb;border:1px solid #e4ebe8;border-radius:12px;gap:6px;padding:11px;display:grid}.telegramformatgrid b{color:#34463f;font-size:11px}.telegramformatgrid code{background:#f2f6f4;width:100%}.telegramformatgrid span{color:#88958f;font-size:10px;line-height:1.4}.telegramformatnote{color:#64746d;background:#f7faf9;border-radius:11px;margin-top:2px;padding:10px 11px;font-size:11px;line-height:1.5}@media (max-width:760px){.telegramformatgrid{grid-template-columns:1fr}}.transactionfilters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.transactionfilters .filterchips{margin:0}.sourcefilters{background:#f8faf9;border:1px solid #e2e9e6;border-radius:11px;align-items:center;gap:6px;padding:4px;display:flex}.sourcefilters>span{color:#85928d;text-transform:uppercase;letter-spacing:.04em;padding:0 5px 0 7px;font-size:10px;font-weight:800}.sourcefilters button{color:#61716a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.sourcefilters button:hover{background:#eef2f0}.sourcefilters button.active{color:#29483e;background:#fff;box-shadow:0 2px 7px #2a453c17}.sourcefilters button.active.telegram{color:#2d6ea6;background:#eef6ff}.txsubline{flex-wrap:wrap;align-items:center;gap:7px;display:flex!important}.sourcebadge{border:1px solid #0000;gap:4px}.sourcebadge.telegram{border-color:#d7e9fa}.sourcebadge.app{border-color:#dceee7}.sourcebadge.ocr{border-color:#f2e2bf}.sourcebadge.import{border-color:#e6ddf7}.sourcebadge.system{border-color:#e0e4e7}.telegramidentity{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.telegramidentityactions{justify-content:flex-end;align-items:center;gap:7px;display:flex!important}.ghostbtn.compact{justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:11px;display:inline-flex}.telegramsteps>div{transition:border-color .16s,background .16s,box-shadow .16s}.telegramsteps>div.active{background:#f3fbf8;border-color:#b9dfd2;box-shadow:0 0 0 2px #178a720d}.telegramsteps>div.done{background:#f6fbf9;border-color:#d2e9e0}.telegramsteps>div.done span{color:#fff;background:#16836b}.telegramsteps p{gap:2px;display:grid}.telegramsteps p b{color:#34463f;font-size:11px}.telegramsteps p small{color:#899690;font-size:10px;line-height:1.4}.telegramcodebox{position:relative;overflow:hidden}.telegramcodebox:before{content:"";background:#19866e;width:4px;position:absolute;inset:0 auto 0 0}.telegramhint{border-left:3px solid #8fbeb0}@media (max-width:760px){.transactionfilters{gap:8px;display:grid}.transactionfilters .filterchips{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.sourcefilters{width:100%;overflow-x:auto}.sourcefilters button{flex:none}.telegramidentity{grid-template-columns:auto minmax(0,1fr)}.telegramidentityactions{grid-column:1/-1;justify-content:stretch;margin-top:2px}.telegramidentityactions .ghostbtn{flex:1}.txsubline{gap:5px}.sourcebadge{font-size:9px!important}}.brand>.brandlogo{box-shadow:none;color:inherit;background:0 0;padding:0;overflow:hidden}.brand>.brandlogo img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.appbrand>.brandlogo{isolation:auto;background:0 0;border-radius:14px;width:42px;height:42px;position:relative;box-shadow:0 8px 20px #156ca02e}.appbrand>.brandlogo:after{display:none}.loadmorewrap{justify-content:center;padding:18px 12px 4px;display:flex}.loadmore{color:#31554a;cursor:pointer;background:#f8fbfa;border:1px solid #d9e6e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:850;transition:background .16s,border-color .16s,transform .16s,opacity .16s;display:inline-flex}.loadmore:hover{background:#eef7f3;border-color:#c6ddd4}.loadmore:active{transform:scale(.98)}.loadmore:disabled{cursor:wait;opacity:.78}.loadmore>span:not(.loadmorespinner){color:#1b735f;background:#e6f3ee;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;display:inline-grid}.loadmorespinner{border:2px solid #bfd7cf;border-top-color:#177b65;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite loadMoreSpin}@keyframes loadMoreSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loadmorespinner{border-top-color:#bfd7cf;animation:none}}@media (max-width:760px){.loadmorewrap{padding:14px 8px 2px}.loadmore{width:100%;min-height:44px}}