.app-dashboard{--app-bg:#f5f7fc;--app-ink:#17223b;--app-muted:#70809d;--app-line:#e3e9f5;--app-blue:#2056e8;--app-violet:#7548f5;min-height:100vh;color:var(--app-ink);background:var(--app-bg);grid-template-columns:242px minmax(0,1fr);font-size:14px;display:grid}.app-dashboard button,.app-dashboard input,.app-dashboard select{font:inherit}.app-dashboard button,.app-dashboard a{-webkit-tap-highlight-color:transparent}.app-sidebar{border-right:1px solid var(--app-line);z-index:20;background:#fff;flex-direction:column;height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.app-brand{width:fit-content;color:var(--app-ink);letter-spacing:-.04em;align-items:center;gap:11px;font-size:24px;font-weight:780;display:inline-flex}.app-brand-mark{background:conic-gradient(from 35deg,#2056e8,#4a9aff 27%,#dce7ff 34%,#7548f5 63%,#2056e8);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:0 7px 18px #2056e833}.app-brand-mark:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px}.app-brand-mark i{filter:blur(3px);background:#ffffff8c;border-radius:50%;width:13px;height:13px;position:absolute;top:1px;right:1px}.app-side-nav{gap:7px;margin-top:38px;display:grid}.app-side-nav a{color:#687895;border-radius:12px;align-items:center;gap:13px;min-height:46px;padding:0 13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.app-side-nav a span{text-align:center;width:23px;font-size:19px}.app-side-nav a:hover{color:var(--app-blue);background:#f4f7ff}.app-side-nav a.active{color:var(--app-blue);box-shadow:inset 3px 0 var(--app-blue);background:#edf3ff}.sidebar-plan{background:linear-gradient(145deg,#f7f9ff,#f1f4ff);border:1px solid #dbe5fa;border-radius:16px;margin-top:auto;padding:16px;display:grid}.sidebar-plan>span{color:var(--app-blue);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.sidebar-plan b{margin-top:8px;font-size:13px}.sidebar-plan>div{background:#dfe7f8;border-radius:10px;height:5px;margin-top:13px;overflow:hidden}.sidebar-plan>div i{border-radius:inherit;background:linear-gradient(90deg, var(--app-blue), var(--app-violet));height:100%;display:block}.sidebar-plan small{color:var(--app-muted);margin-top:7px;font-size:9px}.sidebar-plan button{color:var(--app-blue);cursor:pointer;background:0 0;border:0;justify-content:space-between;margin-top:14px;padding:0;font-size:11px;font-weight:700;display:flex}.sidebar-help{color:var(--app-muted);align-items:center;gap:12px;margin:19px 0 0 12px;font-size:12px;font-weight:600;display:flex}.app-workspace{min-width:0}.app-topbar{z-index:15;border-bottom:1px solid var(--app-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.mobile-app-logo{display:none}.app-search{color:#93a0b6;background:#f8f9fc;border:1px solid #e0e6f0;border-radius:12px;align-items:center;gap:9px;width:min(390px,40vw);height:42px;padding:0 10px 0 14px;display:flex}.app-search>span{font-size:20px}.app-search input{min-width:0;color:var(--app-ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.app-search kbd{color:#8895a9;background:#fff;border:1px solid #dfe5ef;border-radius:6px;padding:4px 6px;font-size:9px}.topbar-actions{align-items:center;gap:13px;display:flex}.icon-button{color:#5c6c87;cursor:pointer;background:#fff;border:1px solid #e1e7f1;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-button i{background:#ff5d5d;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.mobile-search-trigger,.mobile-search-panel{display:none}.profile-button{color:var(--app-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.profile-button>span:first-child{color:#fff;background:linear-gradient(135deg, var(--app-blue), var(--app-violet));border-radius:12px;place-items:center;width:39px;height:39px;font-size:11px;font-weight:800;display:grid}.profile-copy{text-align:left;gap:3px;display:grid}.profile-copy b{font-size:11px}.profile-copy small{color:var(--app-muted);font-size:9px}.profile-button>i{color:#9aa5b7;font-style:normal}.app-content{width:min(100%,1450px);margin:auto;padding:31px 30px 55px}.dashboard-title-row{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.dashboard-title-row p{color:var(--app-blue);letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:750}.dashboard-title-row h1{letter-spacing:-.04em;margin:0;font-size:clamp(27px,2.4vw,36px)}.dashboard-title-row>div:first-child>span{color:var(--app-muted);margin-top:8px;font-size:12px;display:block}.title-actions{align-items:center;gap:11px;display:flex}.month-switcher{background:#fff;border:1px solid #dfe5ef;border-radius:12px;align-items:center;height:43px;display:flex;overflow:hidden}.month-switcher button{color:#657590;cursor:pointer;background:0 0;border:0;width:38px;height:100%;font-size:19px}.month-switcher button:disabled{opacity:.28;cursor:default}.month-switcher span{text-align:center;min-width:94px;font-size:11px;font-weight:700}.primary-app-button{color:#fff;background:linear-gradient(135deg, var(--app-blue), #356ff3);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 18px;font-size:11px;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 10px 22px #2056e833}.primary-app-button:hover{transform:translateY(-1px);box-shadow:0 13px 26px #2056e845}.primary-app-button span{font-size:17px;font-weight:400}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:27px;display:grid}.metric-card{border:1px solid var(--app-line);background:#fff;border-radius:17px;flex-direction:column;min-height:154px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 22px #1e376e09}.metric-card>span{color:var(--app-muted);margin-top:13px;font-size:10px;font-weight:650}.metric-card>strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(21px,1.7vw,27px)}.metric-card>small{color:#8290a7;margin-top:auto;font-size:9px}.metric-card>small b{color:#16a27e}.metric-icon{color:#fff;background:#ffffff29;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.metric-primary{color:#fff;background:linear-gradient(125deg,#185eea,#3154e7 48%,#7548f5);border:0;box-shadow:0 16px 34px #314de138}.metric-primary>span,.metric-primary>small{color:#dae4ff}.metric-primary>small b{color:#baf4db}.metric-orbit{border:1px solid #ffffff2e;border-radius:50%;width:125px;height:125px;position:absolute;top:-45px;right:-35px;box-shadow:0 0 0 20px #ffffff09,0 0 0 42px #ffffff06}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-top small{color:#8a97ac;font-size:9px}.blue-soft{color:#2c65e9;background:#eaf1ff}.green-soft{color:#159879;background:#e7f8f2}.violet-soft{color:#7548f5;background:#f0ebff}.muted-copy{color:#8290a7!important}.budget-progress{background:#e7ebf4;border-radius:10px;height:5px;margin:auto 0 8px;overflow:hidden}.budget-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--app-blue), var(--app-violet));height:100%;display:block}.insight-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:14px;margin-top:14px;display:grid}.app-panel{border:1px solid var(--app-line);background:#fff;border-radius:18px;box-shadow:0 7px 22px #1e376e09}.trend-panel,.category-panel{min-height:345px;padding:20px}.panel-heading{justify-content:space-between;gap:20px;display:flex}.panel-heading h2{letter-spacing:-.01em;margin:0;font-size:14px}.panel-heading p{color:var(--app-muted);margin:5px 0 0;font-size:9px}.panel-heading button{color:#62728c;cursor:pointer;background:#fff;border:1px solid #e1e6ef;border-radius:9px;height:31px;padding:0 10px;font-size:9px}.trend-summary{align-items:center;gap:12px;margin-top:21px;display:flex}.trend-summary strong{letter-spacing:-.04em;font-size:22px}.trend-summary span{color:#677791;background:#f3f6fb;border-radius:7px;padding:5px 7px;font-size:8px}.trend-summary b{color:#16a27e}.bar-chart{background:repeating-linear-gradient(#0000 0 49px,#f0f3f8 50px);border-bottom:1px solid #edf1f7;align-items:flex-end;gap:clamp(10px,2.4vw,28px);height:205px;margin-top:17px;padding:14px 12px 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-column>span{background:#dce6fb;border-radius:8px 8px 3px 3px;width:min(33px,70%);min-height:25px;transition:all .25s;position:relative}.bar-column>span:hover{background:#b9caf0}.bar-column>span.current{background:linear-gradient(180deg, var(--app-violet), var(--app-blue));box-shadow:0 8px 18px #3c4be138}.bar-column>span i{color:#fff;background:var(--app-ink);white-space:nowrap;border-radius:6px;padding:5px 7px;font-size:8px;font-style:normal;display:none;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.bar-column>span:hover i,.bar-column>span.current i{display:block}.bar-column small{color:#8694a8;font-size:8px}.category-chart-wrap{grid-template-columns:160px 1fr;align-items:center;gap:18px;min-height:265px;display:grid}.app-donut{background:conic-gradient(#7548f5 0 34%, #3474ef 34% 56%, #18ad9a 56% 77%, #f5b74c 77% 100%);border-radius:50%;place-items:center;width:142px;height:142px;display:grid;position:relative}.app-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:25px}.app-donut span{z-index:1;text-align:center;display:grid;position:relative}.app-donut small{color:var(--app-muted);font-size:8px}.app-donut b{margin-top:3px;font-size:12px}.app-category-list{gap:14px;display:grid}.app-category-list>div{grid-template-columns:1fr auto;gap:4px 10px;font-size:9px;display:grid}.app-category-list span{color:#65758f;align-items:center;gap:7px;display:flex}.app-category-list i{border-radius:50%;width:7px;height:7px}.dot-1{background:#7548f5}.dot-2{background:#3474ef}.dot-3{background:#18ad9a}.dot-4{background:#f5b74c}.app-category-list>div>b{font-size:9px}.app-category-list>div>small{color:#9aa6b8;grid-column:1/-1;padding-left:14px;font-size:8px}.payment-panel{margin-top:14px;overflow:hidden}.payment-heading{align-items:center;padding:20px}.payment-heading>div:last-child{align-items:center;gap:9px;display:flex}.payment-heading a{color:var(--app-blue);font-size:9px;font-weight:750}.payment-table-head,.app-payment-row{grid-template-columns:minmax(210px,1.5fr) minmax(100px,.8fr) 90px 110px 90px 90px;align-items:center;gap:13px;display:grid}.payment-table-head{color:#8996aa;text-transform:uppercase;letter-spacing:.04em;background:#f8f9fc;min-height:36px;padding:0 20px;font-size:8px;font-weight:700}.app-payment-row{color:#5e6f89;border-top:1px solid #edf1f7;min-height:70px;padding:10px 20px;font-size:10px}.app-payment-row.paid{background:#fbfcfe}.payment-name{align-items:center;gap:11px;display:flex}.payment-name>span:last-child{gap:4px;display:grid}.payment-name b{color:var(--app-ink);font-size:11px}.payment-name small{color:#96a2b4;font-size:8px}.app-payment-mark{color:#fff;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.app-payment-mark.dark{color:#ff3f4b;background:#19191a}.app-payment-mark.blue{background:#2d7cef}.app-payment-mark.teal{background:#18ad91}.app-payment-mark.coral{background:#ff684f}.app-payment-mark.violet{background:#704ff0}.app-payment-mark.amber{background:#eba63e}.app-payment-row>strong{color:var(--app-ink);font-size:10px}.status-pill{border-radius:999px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:750;display:inline-flex}.status-pill.scheduled{color:#3165dd;background:#eaf1ff}.status-pill.success{color:#16876e;background:#e6f8f1}.app-payment-row>button{color:#5f708b;cursor:pointer;background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:700}.overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-top:14px;display:grid}.overview-trend,.overview-categories{min-height:315px;padding:20px}.panel-heading a,.panel-link{color:var(--app-blue);align-self:center;font-size:9px;font-weight:750}.overview-category-list{gap:16px;margin-top:29px;display:grid}.overview-category-list>div{grid-template-columns:8px 1fr auto;align-items:center;gap:7px 9px;display:grid}.overview-category-list i,.category-bars span i{border-radius:50%;width:7px;height:7px}.overview-category-list span{color:#65758f;font-size:10px}.overview-category-list b{font-size:10px}.overview-category-list small{color:#9aa6b8;grid-column:2/-1;font-size:8px}.page-panel{margin-top:27px}.recurring-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:27px;display:grid}.recurring-card{min-height:235px;padding:20px}.recurring-card>div{justify-content:space-between;align-items:center;display:flex}.recurring-card h2{margin:22px 0 0;font-size:17px}.recurring-card>p{color:var(--app-muted);margin:6px 0 0;font-size:10px}.recurring-card>strong{letter-spacing:-.04em;margin-top:22px;font-size:22px;display:block}.recurring-card footer{border-top:1px solid var(--app-line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.recurring-card footer>span{color:var(--app-muted);gap:4px;font-size:8px;display:grid}.recurring-card footer b{color:var(--app-ink);font-size:10px}.recurring-card footer button{color:var(--app-blue);background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:700}.category-page-grid{grid-template-columns:minmax(300px,.75fr) minmax(0,1.4fr);gap:14px;margin-top:27px;display:grid}.category-summary-panel,.category-detail-panel{min-height:520px;padding:24px}.large-donut{background:conic-gradient(#7548f5 0 34%, #3474ef 34% 56%, #18ad9a 56% 77%, #f5b74c 77% 100%);border-radius:50%;place-items:center;width:250px;height:250px;margin:70px auto 0;display:grid;position:relative}.large-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:43px}.large-donut span{z-index:1;text-align:center;gap:5px;display:grid;position:relative}.large-donut small{color:var(--app-muted)}.large-donut b{font-size:22px}.category-bars{gap:25px;margin-top:34px;display:grid}.category-bars>div{grid-template-columns:1fr auto;gap:8px 20px;display:grid}.category-bars span{color:#5f6f89;align-items:center;gap:9px;font-size:11px;display:flex}.category-bars>div>b{font-size:11px}.category-bars>div>div{background:#edf1f7;border-radius:9px;grid-column:1/-1;height:7px;overflow:hidden}.category-bars>div>div i{border-radius:inherit;height:100%;display:block}.bar-1{background:#7548f5}.bar-2{background:#3474ef}.bar-3{background:#18ad9a}.bar-4{background:#f5b74c}.category-bars small{color:#96a3b5;grid-column:1/-1;font-size:8px}.report-page-grid{grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:27px;display:grid}.report-chart-panel{min-height:520px;padding:24px}.report-total{align-items:center;gap:13px;margin-top:30px;display:flex}.report-total strong{font-size:28px}.report-total span{color:var(--app-muted);background:#f3f6fb;border-radius:8px;padding:6px 9px;font-size:9px}.report-total b{color:#16a27e}.large-chart{height:355px;margin-top:25px}.report-stat-stack{gap:14px;display:grid}.report-stat{flex-direction:column;justify-content:center;padding:20px;display:flex}.report-stat span{color:var(--app-muted);font-size:9px}.report-stat strong{margin-top:10px;font-size:22px}.report-stat small{color:#99a5b8;margin-top:7px;font-size:8px}.report-stat.highlight{color:#fff;background:linear-gradient(135deg, var(--app-blue), var(--app-violet));border:0}.report-stat.highlight span,.report-stat.highlight small{color:#dce5ff}.source-entry-list{gap:10px;margin-top:24px;display:grid}.source-entry-list>a{color:var(--app-ink);border:1px solid #edf1f7;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.source-entry-list>a:hover{background:#f8faff;border-color:#b9ccf6}.source-entry-list b,.source-entry-list small{display:block}.source-entry-list b{font-size:11px}.source-entry-list small,.empty-copy{color:var(--app-muted);margin-top:4px;font-size:9px}.source-entry-list strong{font-size:11px}.reminder-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 20px 20px;display:grid}.reminder-grid>div{background:#f8f9fc;border:1px solid #edf1f7;border-radius:12px;padding:12px}.reminder-grid span{color:var(--app-muted);text-transform:capitalize;font-size:8px;display:block}.reminder-grid b{margin-top:7px;font-size:18px;display:block}.dashboard-error{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;margin:18px 0 0;padding:12px 14px;font-size:12px}.month-switcher input{text-align:center;width:54px;color:var(--app-ink);background:0 0;border:0;outline:0;font-size:11px;font-weight:700}.mobile-bottom-nav{display:none}.app-toast{z-index:80;color:#176f5e;background:#effbf7;border:1px solid #cfe9df;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #184b4124}.app-toast span{color:#fff;background:#1aa181;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.app-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141d3375;place-items:center;padding:20px;animation:.18s both app-fade;display:grid;position:fixed;inset:0}.app-modal{background:#fff;border-radius:22px;width:min(500px,100%);padding:25px;animation:.22s both app-pop;box-shadow:0 30px 90px #0f193740}.modal-heading{justify-content:space-between;gap:20px;display:flex}.modal-heading p{color:var(--app-blue);text-transform:uppercase;letter-spacing:.1em;margin:0 0 5px;font-size:9px;font-weight:800}.modal-heading h2{letter-spacing:-.025em;margin:0;font-size:20px}.modal-heading>button{color:#6c7b94;cursor:pointer;background:#f1f4f9;border:0;border-radius:10px;width:34px;height:34px;font-size:20px}.app-modal form{gap:16px;margin-top:25px;display:grid}.app-modal label{color:#596982;gap:7px;font-size:10px;font-weight:700;display:grid}.app-modal input,.app-modal select{width:100%;height:44px;color:var(--app-ink);background:#fff;border:1px solid #dfe5ef;border-radius:11px;outline:0;padding:0 13px;font-size:11px}.app-modal input:focus,.app-modal select:focus{border-color:#8babf4;box-shadow:0 0 0 3px #2056e81a}.amount-input{border:1px solid #dfe5ef;border-radius:11px;align-items:center;display:flex;overflow:hidden}.amount-input:focus-within{border-color:#8babf4;box-shadow:0 0 0 3px #2056e81a}.amount-input>span{color:#6c7c95;padding-left:13px;font-size:11px}.amount-input input{border:0;box-shadow:none!important}.modal-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.modal-note{color:#536987;background:#f1f5ff;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.modal-note span{color:var(--app-blue)}.modal-note p{margin:0;font-size:9px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:9px;margin-top:9px;display:flex}.modal-actions button{cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:0 16px;font-size:10px;font-weight:750}.modal-actions button[type=button]{color:#586881;background:#f1f4f9}.modal-actions button[type=submit]{color:#fff;background:var(--app-blue)}@keyframes app-fade{0%{opacity:0}to{opacity:1}}@keyframes app-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid,.overview-grid{grid-template-columns:1fr}.category-chart-wrap{grid-template-columns:170px 1fr}.payment-table-head,.app-payment-row{grid-template-columns:minmax(190px,1.4fr) 100px 85px 105px 80px}.payment-table-head span:nth-child(2),.app-payment-row>span:nth-child(2){display:none}.recurring-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-dashboard{display:block;overflow-x:hidden}.app-sidebar{display:none}.app-workspace{width:100%}.app-topbar{height:64px;padding:0 18px}.mobile-app-logo{display:block}.mobile-app-logo .app-brand{font-size:20px}.mobile-app-logo .app-brand-mark{width:30px;height:30px}.app-search,.profile-copy,.profile-button>i{display:none}.mobile-search-trigger{display:grid}.mobile-search-trigger.active{color:var(--app-blue);background:#edf3ff;border-color:#b9ccf6}.profile-button>span:first-child{width:38px;height:38px}.mobile-search-panel{z-index:14;border-bottom:1px solid var(--app-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;padding:10px 18px;display:block;position:sticky;top:64px}.mobile-search-panel label{color:#8290a7;background:#f7f9fd;border:1px solid #dce4f1;border-radius:13px;align-items:center;gap:10px;height:46px;padding:0 10px 0 14px;display:flex}.mobile-search-panel label>span{font-size:20px}.mobile-search-panel input{min-width:0;color:var(--app-ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.mobile-search-panel button{color:#657590;background:#e9eef7;border:0;border-radius:9px;width:32px;height:32px;font-size:19px}.app-content{max-width:100%;padding:24px 18px calc(96px + env(safe-area-inset-bottom))}.dashboard-title-row{align-items:start;display:grid}.title-actions{justify-content:space-between}.month-switcher,.month-switcher span{flex:1}.primary-app-button{min-height:46px}.category-page-grid,.report-page-grid{grid-template-columns:1fr}.report-stat-stack{grid-template-columns:repeat(3,1fr)}.mobile-bottom-nav{height:auto;min-height:70px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--app-line);z-index:20;background:#fffffff0;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:#7f8fa9;flex-direction:column;align-items:center;gap:5px;text-decoration:none;display:flex}.mobile-bottom-nav a.active{color:var(--app-blue)}.mobile-bottom-nav a span{font-size:20px}.mobile-bottom-nav a small{font-size:9px;font-weight:700}}@media (max-width:650px){.app-topbar,.mobile-search-panel{padding-inline:16px}.app-content{padding:20px 16px calc(94px + env(safe-area-inset-bottom))}.dashboard-title-row{gap:18px}.dashboard-title-row h1{max-width:340px;font-size:28px;line-height:1.08}.dashboard-title-row>div:first-child>span{max-width:370px;font-size:13px;line-height:1.55}.dashboard-title-row p{margin-bottom:8px;font-size:9px}.title-actions{grid-template-columns:1fr;gap:10px;display:grid}.month-switcher{width:100%;height:46px}.month-switcher button{width:48px}.month-switcher span{font-size:12px}.primary-app-button{width:100%;min-height:48px;font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.metric-card{border-radius:16px;min-height:148px;padding:16px}.metric-primary{grid-column:1/-1;min-height:154px}.budget-card{grid-column:1/-1;min-height:126px}.metric-card>span{font-size:11px}.metric-card>strong{font-size:21px}.metric-primary>strong{font-size:27px}.metric-card>small{font-size:9px}.insight-grid,.overview-grid{gap:10px;margin-top:10px}.trend-panel,.category-panel,.overview-trend,.overview-categories{min-height:auto;padding:18px}.panel-heading{gap:12px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px;line-height:1.4}.panel-heading a,.panel-link{align-items:center;min-height:40px;font-size:10px;display:inline-flex}.bar-chart{gap:7px;height:190px;padding-inline:0}.bar-column>span{width:22px}.bar-column>span i{font-size:7px;top:-25px}.category-chart-wrap{grid-template-columns:130px 1fr;gap:10px}.app-donut{width:118px;height:118px}.app-donut:after{inset:21px}.payment-panel{border-radius:16px;margin-top:10px}.payment-heading{align-items:flex-start;padding:17px 16px 14px}}@media (max-width:420px){.metric-card{min-height:146px}.metric-card>span{margin-top:10px}.metric-card>strong{font-size:19px}.metric-primary>strong{font-size:26px}.budget-card{min-height:124px}.category-chart-wrap{grid-template-columns:1fr;justify-items:center;padding-top:18px}.app-category-list{grid-template-columns:1fr 1fr;width:100%}.app-topbar,.mobile-search-panel,.app-content{padding-inline:14px}.topbar-actions{gap:7px}.icon-button{width:38px;height:38px}.notification-button{display:none}.profile-button>span:first-child{width:38px}.mobile-bottom-nav{padding-inline:4px}.mobile-bottom-nav a small{font-size:8px}.large-chart{height:230px}.bar-column>span{width:19px}}@media (prefers-reduced-motion:reduce){.app-dashboard *,.app-dashboard :before,.app-dashboard :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.channel-workspace .channel-topbar-copy{gap:3px;margin-right:auto;display:grid}.channel-topbar-copy b{font-size:13px}.channel-topbar-copy span{color:var(--app-muted);font-size:10px}.channel-topbar-link{color:var(--app-blue);font-size:11px;font-weight:700}.channel-content{max-width:1280px}.channel-page-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.channel-page-heading p{color:var(--app-blue);letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:750}.channel-page-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.4vw,36px)}.channel-page-heading>div:first-child>span{color:var(--app-muted);margin-top:8px;font-size:12px;display:block}.channel-account-summary{border:1px solid var(--app-line);background:#fff;border-radius:13px;gap:4px;min-width:210px;padding:12px 14px;display:grid}.channel-account-summary span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.channel-account-summary small{color:var(--app-muted);font-size:9px}.channel-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:14px;margin-top:27px;display:grid}.channel-main-stack,.channel-side-stack{align-content:start;gap:14px;display:grid}.channel-panel{border:1px solid var(--app-line);background:#fff;border-radius:18px;padding:20px;box-shadow:0 7px 22px #1e376e09}.channel-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.channel-panel-heading h2{letter-spacing:-.01em;margin:0;font-size:14px}.channel-panel-heading p{color:var(--app-muted);margin:5px 0 0;font-size:10px;line-height:1.5}.channel-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.channel-card{background:#fbfcff;border:1px solid #e6ebf4;border-radius:15px;flex-direction:column;min-height:276px;padding:17px;display:flex}.channel-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.channel-card h3{margin:0;font-size:14px}.channel-card-header p{color:var(--app-muted);margin:7px 0 0;font-size:10px;line-height:1.55}.channel-badge,.channel-status{border-radius:999px;width:fit-content;padding:5px 8px;font-size:8px;font-weight:750;display:inline-flex}.channel-badge.live{color:#16876e;background:#e6f8f1}.channel-badge.planned{color:#63728b;background:#edf1f7}.channel-status{margin-top:16px}.channel-status.emerald{color:#16876e;background:#e6f8f1}.channel-status.amber{color:#a56808;background:#fff3d8}.channel-status.rose{color:#b72e54;background:#fff0f4}.channel-status.sky{color:#3165dd;background:#eaf1ff}.channel-status.slate{color:#63728b;background:#edf1f7}.channel-card-details,.channel-detail-list{gap:8px;margin:14px 0 0;display:grid}.channel-detail{background:#fff;border:1px solid #edf1f7;border-radius:10px;padding:10px 11px}.channel-detail dt{color:var(--app-muted);text-transform:uppercase;letter-spacing:.04em;font-size:8px;font-weight:700}.channel-detail dd{overflow-wrap:anywhere;color:var(--app-ink);margin:5px 0 0;font-size:10px;font-weight:700}.channel-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.channel-secondary-button,.channel-danger-button{color:#5f708b;cursor:pointer;background:#fff;border:1px solid #dfe5ef;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.channel-secondary-button:hover{color:var(--app-blue);background:#f8faff;border-color:#b9ccf6}.channel-danger-button{color:#b42318;background:#fff7f7;border-color:#fecaca}.channel-principles{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.channel-principles span{color:#3165dd;background:#eaf1ff;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700}.channel-notes{color:#5f708b;gap:9px;margin:16px 0 0;padding-left:18px;font-size:10px;line-height:1.55;display:grid}.channel-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:19px 0 0;display:grid}.channel-inset{background:#f8f9fc;border:1px solid #edf1f7;border-radius:13px;margin-top:18px;padding:15px}.channel-inset h3{margin:0;font-size:12px}.channel-inset>p,.channel-empty{color:var(--app-muted);margin:10px 0 0;font-size:10px;line-height:1.55}.channel-message{border-radius:11px;margin:15px 0 0;padding:11px 13px;font-size:10px}.channel-message.rose{color:#b42318;background:#fff1f2}.channel-message.emerald{color:#176f5e;background:#effbf7}.channel-instruction-list{gap:9px;margin:19px 0 0;padding:0;list-style:none;display:grid}.channel-instruction-list li{color:#5f708b;background:#fbfcfe;border:1px solid #edf1f7;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;font-size:10px;line-height:1.55;display:flex}.channel-instruction-list li>span:first-child{color:#fff;background:var(--app-blue);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:grid}.channel-pending{gap:13px;margin-top:17px;display:grid}.channel-pending>p{color:#5f708b;margin:0;font-size:10px;font-weight:700}.channel-pending code{overflow-wrap:anywhere;color:#dce5ff;background:#17223b;border-radius:10px;padding:11px;font-size:10px}@media (max-width:1100px){.channel-card-grid{grid-template-columns:1fr}.channel-card{min-height:auto}.channel-card-actions{margin-top:0}.channel-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:900px){.channel-topbar-copy{display:none}.channel-layout{grid-template-columns:1fr}.channel-page-heading{align-items:flex-start}.channel-account-summary{display:none}}@media (max-width:650px){.channel-page-heading{gap:16px;display:grid}.channel-page-heading h1{font-size:28px}.channel-panel{border-radius:16px;padding:16px}.channel-panel-heading{display:grid}.channel-panel-heading .primary-app-button{width:100%}.channel-detail-grid{grid-template-columns:1fr}.channel-card-actions>*{flex:auto}.channel-workspace .channel-topbar-link{display:none}}