@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2)format("woff2")}:root{color:#232323;font-synthesis:none;--background:#f5f7fa;--surface:#fff;--heading:#343c6a;--muted:#718ebf;--primary:#1814f3;--primary-soft:#2d60ff;--line:#e6eff5;--income:#16dbaa;--expense:#ff4b4a;background:#f5f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:1180px}body{min-width:1180px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2d60ff40}button{cursor:pointer}.app-shell{background:var(--background);min-height:100vh}.sidebar{z-index:10;background:var(--surface);border-right:1px solid var(--line);width:250px;position:fixed;inset:0 auto 0 0}.brand{height:100px;color:var(--heading);align-items:center;gap:9px;padding-left:38px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:36px;height:36px}.brand span{letter-spacing:-1px;font-size:25px;font-weight:800}.sidebar nav{padding-top:14px}.nav-item{color:#b1b1b1;align-items:center;gap:26px;height:64px;padding:0 0 4px 44px;font-size:18px;font-weight:500;text-decoration:none;transition:color .16s,background .16s;display:flex;position:relative}a.nav-item:hover{color:var(--heading);background:#fafbff}.nav-item img{object-fit:contain;flex:0 0 25px;width:25px;height:25px}.nav-item.active{color:var(--primary-soft)}.nav-item.active:before{content:"";background:var(--primary-soft);border-radius:0 10px 10px 0;width:6px;position:absolute;inset:0 auto 4px 0}.nav-item.disabled{cursor:default}.topbar{z-index:8;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:101px;padding:0 40px;display:flex;position:fixed;inset:0 0 auto 250px}.topbar h1{color:var(--heading);margin:0;font-size:28px;font-weight:600;line-height:normal}.topbar-actions{align-items:center;gap:30px;display:flex}.search-control{background:var(--background);border-radius:40px;align-items:center;gap:14px;width:255px;height:50px;padding:0 24px;display:flex}.search-control img{width:20px;height:20px}.search-submit{background:0 0;border:0;flex:0 0 20px;place-items:center;width:20px;height:20px;padding:0;display:grid}.search-control input{width:100%;color:var(--heading);background:0 0;border:0;outline:0;font-size:15px}.search-control input::placeholder{color:#8ba3cb}.round-action{background:var(--background);border:0;border-radius:50%;place-items:center;width:50px;height:50px;padding:0;display:grid}.round-action img{width:50px;height:50px}.header-utilities{align-items:center;gap:30px;display:flex;position:relative}.header-popover{z-index:20;border:1px solid var(--line);width:300px;color:var(--heading);background:#fff;border-radius:16px;flex-direction:column;gap:7px;padding:18px 20px;display:flex;position:absolute;top:62px;right:0;box-shadow:0 14px 35px #343c6a24}.header-popover strong{font-size:15px}.header-popover span{color:var(--muted);font-size:13px;line-height:1.45}.profile-avatar{object-fit:cover;border-radius:50%;width:60px;height:60px;margin-left:5px}.app-content{min-height:100vh;margin-left:250px;padding:125px 40px 30px}.dashboard-screen,.transactions-screen{width:1110px;margin:0 auto}.dashboard-row{grid-template-columns:730px 350px;gap:30px;display:grid}.dashboard-row+.dashboard-row{margin-top:18px}.dashboard-row.charts-row,.dashboard-row.bottom-row{margin-top:23px}.dashboard-row.bottom-row{grid-template-columns:445px 635px}.section-heading{justify-content:space-between;align-items:center;min-height:29px;margin-bottom:18px;display:flex}.section-heading h2{color:var(--heading);margin:0;font-size:22px;font-weight:600;line-height:1.25}.section-heading button,.section-heading a{color:var(--heading);background:0 0;border:0;padding:4px 8px;font-size:17px;font-weight:600;text-decoration:none}.section-heading button:disabled{cursor:not-allowed;opacity:.45}.dashboard-screen .charts-row .section-heading{margin-bottom:17px}.dashboard-screen .bottom-row .section-heading{margin-bottom:19px}.transactions-screen .transactions-list-section .section-heading{margin-bottom:13px}.cards-grid{grid-template-columns:repeat(2,350px);gap:30px;display:grid}.bank-card{border-radius:25px;height:235px;position:relative;overflow:hidden}.bank-card.primary{color:#fff;background:linear-gradient(115deg,#4c49ed 2.6%,#0a06f4 101%)}.bank-card.light{color:var(--heading);background:#fff;border:1px solid #dfeaf2}.card-topline{justify-content:space-between;padding:24px 25px 0;display:flex}.card-topline>div,.card-details>div{flex-direction:column;display:flex}.card-label{color:inherit;opacity:.7;font-size:12px;line-height:1.25}.card-topline strong{margin-top:2px;font-size:20px;font-weight:600;line-height:1.1}.card-chip{object-fit:contain;width:35px;height:35px}.card-details{grid-template-columns:1.35fr 1fr;width:220px;margin:33px 25px 0;display:grid}.card-details strong{margin-top:4px;font-size:15px;font-weight:600}.card-number{background:linear-gradient(#ffffff26,#fff0);border-top:1px solid #ffffff29;justify-content:space-between;align-items:center;height:70px;padding:0 24px;font-size:22px;font-weight:600;display:flex;position:absolute;inset:auto 0 0}.bank-card.light .card-number{border-color:#dfeaf2}.card-number img{width:44px;height:30px}.panel{background:var(--surface);border-radius:25px}.recent-panel{flex-direction:column;justify-content:space-between;height:235px;padding:25px;display:flex}.recent-row{grid-template-columns:55px 1fr auto;align-items:center;column-gap:0;display:grid}.recent-icon{border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.recent-icon img{object-fit:contain;width:28px;height:28px}.recent-0{background:#fff5d9}.recent-1{background:#e7edff}.recent-2{background:#dcfaf8}.recent-copy{flex-direction:column;gap:5px;min-width:0;margin-left:17px;display:flex}.recent-copy strong{color:#232323;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.recent-copy small{color:var(--muted);font-size:15px}.recent-row>strong{font-size:16px;font-weight:500}.income{color:var(--income)}.expense{color:var(--expense)}.weekly-panel,.expense-panel{height:322px}.weekly-panel{padding:76px 30px 18px 33px;position:relative}.chart-legend{color:var(--muted);gap:26px;font-size:15px;display:flex;position:absolute;top:28px;right:30px}.chart-legend span{align-items:center;gap:10px;display:flex}.legend-dot{border-radius:50%;width:15px;height:15px;display:inline-block}.legend-dot.deposit,.bar.deposit{background:#16dbcc}.bar.withdrawal{background:#1814f3}.legend-dot.withdrawal{background:#ff82ac}.weekly-chart{grid-template-columns:36px 1fr;height:228px;display:grid}.chart-axis{height:225px;color:var(--muted);flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:13px;display:flex;transform:translateY(-8px)}.weekly-grid{background:repeating-linear-gradient(#f3f3f5 0 1px,#0000 1px 37px);grid-template-columns:repeat(7,1fr);display:grid}.bar-group{grid-template-rows:202px 25px;justify-items:center;display:grid}.bars{align-items:flex-end;gap:12px;height:185px;margin-top:0;display:flex}.bar{border-radius:30px;width:15px;min-height:8px}.bar-label{color:var(--muted);font-size:13px}.expense-panel{padding:35px 40px 17px;overflow:hidden}.expense-pie{width:270px;height:270px;position:relative}.expense-pie-surface{border-radius:50%;position:absolute;inset:0;transform:rotate(-54deg)}.expense-label{color:#fff;text-align:center;flex-direction:column;width:85px;font-size:12px;font-weight:700;line-height:1.1;display:flex;position:absolute}.expense-label strong{font-size:16px}.expense-label small{margin-top:2px;font-size:10px;font-weight:600}.expense-label.entertainment{top:29px;left:64px}.expense-label.bills{top:79px;left:159px}.expense-label.others{top:159px;left:136px}.expense-label.investment{top:129px;left:16px}.quick-transfer-panel,.balance-panel{height:276px}.quick-transfer-panel{padding:35px 25px 24px;position:relative}.recipient-list{height:127px;position:relative}.recipient{color:#232323;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:80px;padding:0;display:flex;position:absolute;top:0}.recipient img{object-fit:cover;border-radius:50%;align-self:center;width:70px;height:70px;margin-bottom:15px;transition:box-shadow .15s,transform .15s}.recipient.selected img{box-shadow:0 0 0 4px #2d60ff2e}.recipient strong{white-space:nowrap;font-size:16px;font-weight:500}.recipient.selected strong{font-weight:700}.recipient span{color:var(--muted);align-self:center;margin-top:5px;font-size:15px}.recipient:first-child{left:0}.recipient:nth-child(2){width:95px;left:113px}.recipient:nth-child(3){width:72px;left:240px}.recipient-next{width:50px;height:50px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:0;display:grid;position:absolute;top:41px;left:344px}.recipient-next img{width:82px;max-width:none;height:82px}.transfer-form{grid-template-columns:115px 1fr;align-items:center;gap:15px;margin-top:29px;display:grid}.transfer-form label{color:var(--muted);font-size:16px}.amount-control{background:#edf1f7;border-radius:50px;grid-template-columns:1fr 125px;height:50px;display:grid}.amount-control input{width:100%;color:var(--muted);background:0 0;border:0;outline:0;padding:0 15px 0 30px}.amount-control button{color:#fff;background:var(--primary);border:0;border-radius:50px;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:4px 4px 18px -2px #e7e4e8cc}.amount-control button:disabled{opacity:.7}.amount-control button img{object-fit:contain;width:26px;height:23px}.transfer-message{color:var(--muted);margin:0;font-size:12px;position:absolute;bottom:3px;right:26px}.transfer-message.error{color:var(--expense)}.balance-panel{padding:18px 23px 14px}.balance-chart{width:100%;height:210px;overflow:visible}.grid-line{stroke:#dfe5ee;stroke-width:1px;stroke-dasharray:4 4}.grid-line.vertical{opacity:.65}.balance-axis{color:var(--muted);justify-content:space-between;margin:-14px 4px 0 28px;font-size:13px;display:flex}.transactions-top-row{grid-template-columns:730px 350px;gap:30px;display:grid}.transactions-top-row .section-heading button{padding-inline:0}.transactions-screen .bank-card{height:225px}.transactions-screen .card-details{margin-top:29px}.monthly-panel{height:225px;padding:22px 25px 25px}.monthly-bars{grid-template-rows:178px;grid-template-columns:repeat(6,37px);align-items:end;gap:15px;height:100%;display:grid}.monthly-bar-column{grid-template-rows:153px 25px;place-items:end center;height:100%;display:grid;position:relative}.monthly-bar-column>span{background:#edf1f7;border-radius:10px;width:37px;max-height:142px}.monthly-bar-column>span.highlighted{background:#16dbcc}.monthly-bar-column strong{color:var(--heading);white-space:nowrap;font-size:12px;position:absolute;top:0}.monthly-bar-column small{color:var(--muted);font-size:13px}.transactions-list-section{margin-top:24px}.transaction-tabs{border-bottom:1px solid var(--line);gap:65px;height:44px;display:flex}.transaction-tabs a{color:var(--muted);align-items:center;padding:0 10px;font-size:16px;text-decoration:none;display:flex;position:relative}.transaction-tabs a.active{color:var(--primary)}.transaction-tabs a.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;inset:auto 0 -1px}.transactions-panel{background:#fff;border-radius:25px;min-height:397px;margin-top:23px;padding:12px 30px 15px;overflow:hidden}.transactions-panel table{border-collapse:collapse;table-layout:fixed;width:100%}.transactions-panel th,.transactions-panel td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e6eff5;height:66px;padding:0;font-size:16px;overflow:hidden}.transactions-panel th:not(:last-child),.transactions-panel td:not(:last-child){padding-right:12px}.transactions-panel th{height:40px;color:var(--muted);font-weight:400}.transactions-panel tbody tr:last-child td{border-bottom:0}.transactions-panel th:first-child,.transactions-panel td:first-child{width:22%}.transactions-panel th:nth-child(2),.transactions-panel td:nth-child(2){width:14.6667%}.transactions-panel th:nth-child(3),.transactions-panel td:nth-child(3){width:11.9048%}.transactions-panel th:nth-child(4),.transactions-panel td:nth-child(4){width:12.7619%}.transactions-panel th:nth-child(5),.transactions-panel td:nth-child(5){width:18.8571%}.transactions-panel th:nth-child(6),.transactions-panel td:nth-child(6){width:10.4762%}.transactions-panel th:nth-child(7),.transactions-panel td:nth-child(7){width:9.3333%}.transaction-description{align-items:center;gap:14px;min-width:0;display:flex}.transaction-description>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.transaction-description img{flex:0 0 30px;width:30px;height:30px}.receipt-button{border:1px solid var(--primary);width:calc(100% - 4px);max-width:100px;height:35px;color:var(--heading);background:#fff;border-radius:50px;margin-left:2px;font-size:15px}.receipt-button:hover{color:#fff;background:var(--primary)}.empty-table{color:var(--muted);text-align:center;margin:55px 0 0}.pagination{justify-content:flex-end;align-items:center;gap:2px;margin-top:30px;display:flex}.pagination button{width:35px;min-width:0;height:40px;color:var(--primary);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.pagination button.active{color:#fff;background:var(--primary);width:40px}.pagination button:disabled{cursor:not-allowed;opacity:.35}.pagination img{width:13px;height:8px}.pagination button:first-child{justify-content:flex-start;gap:0;width:85px}.pagination button:first-child img{transform:rotate(90deg)}.pagination button:last-child{justify-content:flex-end;width:58px}.pagination button:last-child img{transform:rotate(-90deg)}.dashboard-skeleton,.transactions-skeleton{grid-template-columns:2fr 1fr;gap:30px;display:grid}.dashboard-skeleton span,.transactions-skeleton span{background:linear-gradient(90deg,#edf1f7,#fff,#edf1f7) 0 0/220% 100%;border-radius:25px;height:280px;animation:1.5s ease-in-out infinite skeleton}.transactions-table-skeleton{background:#fff;border-radius:25px;gap:1px;min-height:397px;margin-top:23px;padding:38px 30px 15px;display:grid;overflow:hidden}.transactions-table-skeleton span{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f5f7fa,#fff,#f5f7fa) 0 0/220% 100%;height:65px;animation:1.5s ease-in-out infinite skeleton}.transactions-inline-error{min-height:397px;color:var(--heading);background:#fff;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:18px;margin-top:23px;padding:32px;display:flex}.transactions-inline-error button{color:#fff;background:var(--primary);border:0;border-radius:14px;padding:10px 20px}.error-state{width:520px;color:var(--heading);text-align:center;background:#fff;border-radius:25px;margin:140px auto;padding:32px}.error-state p{color:var(--muted)}.error-state button{color:#fff;background:var(--primary);border:0;border-radius:14px;padding:12px 22px}.error-state a{color:#fff;background:var(--primary);border-radius:14px;padding:12px 22px;text-decoration:none;display:inline-block}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1439px){.sidebar{width:220px}.brand{padding-left:28px}.nav-item{gap:20px;padding-left:35px;font-size:16px}.topbar{padding-inline:25px;left:220px}.topbar-actions{gap:15px}.search-control{width:220px}.header-utilities{gap:15px}.app-content{margin-left:220px;padding-inline:25px}.dashboard-screen,.transactions-screen{width:100%}.dashboard-row,.transactions-top-row{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:24px}.dashboard-row.bottom-row{grid-template-columns:420px minmax(0,1fr)}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card-number{padding-inline:18px;font-size:19px}.expense-panel{padding-inline:25px}.expense-pie{margin-inline:auto}.recipient:nth-child(2){left:105px}.recipient:nth-child(3){left:225px}.recipient-next{left:320px}.monthly-panel{padding-inline:20px}.monthly-bars{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}}