body{background:#f5f6fa}a{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#004e98;color:#fff;border-radius:12px;font-size:25px;flex-shrink:0}.finance-sidebar{width:260px!important;position:fixed!important;inset:0 auto 0 0;box-shadow:0 0 24px #22334d08}.finance-page{padding-left:260px!important;min-width:0}.finance-header{padding:18px 32px;border-bottom:1px solid #e7e9ef;background:#fff;min-height:80px}.finance-content{padding:32px;max-width:1580px;margin:auto}.finance-bottom{display:none}.summary-card{height:100%}.money-total{font-size:clamp(1.3rem,1.6vw,1.9rem);font-weight:650;letter-spacing:-.6px;overflow-wrap:anywhere}.balance-card{background:#004e98;color:white}.balance-card .money-total{color:white}.transaction-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #eeeff3}.transaction-row:last-child{border:0}.transaction-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;font-size:24px}.transaction-description{flex:1;min-width:0}.transaction-amount{font-weight:600;white-space:nowrap;font-size:.95rem}.transaction-actions .btn{min-width:40px;min-height:40px}.empty-state{text-align:center;padding:36px 16px;color:#808594;width:100%}.empty-state>.ti{font-size:36px;color:#004e98}.plan-preview{padding:20px;border:1px solid #e7e9ef;border-radius:12px;height:100%}.plan-preview:hover{border-color:#004e98;background:#f8faff}.form-card{max-width:760px}.form-control,.form-select,.btn{min-height:44px}.btn{justify-content:center}.chart-donut{height:190px}.trend-chart{height:300px}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#e1edf9,transparent 70%),#f5f6fa}.auth-panel{width:100%;max-width:450px}.preserve-lines{white-space:pre-line}.page-heading h1{overflow-wrap:anywhere}.menu-inner{flex-grow:0!important}
@media(max-width:1199.98px){.finance-sidebar{display:none!important}.finance-page{padding-left:0!important}.finance-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fff;border-top:1px solid #e7e9ef;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:1030}.finance-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:52px;min-height:50px;font-size:10px;color:#7e8493}.finance-bottom .ti{font-size:24px}.finance-bottom a.active{color:#004e98}.finance-bottom .add-action .ti{border-radius:12px;background:#004e98;color:white;box-sizing:content-box;padding:10px;margin-top:-22px;border:4px solid white}.finance-content{padding-bottom:110px}.finance-header{padding:14px 24px}}
@media(max-width:575.98px){.finance-header{padding:10px 16px}.finance-content{padding:24px 16px 110px}.page-heading{margin-bottom:20px!important}.page-heading h1{font-size:1.4rem}.summary-card .card-body{padding:18px}.summary-card .money-total{font-size:1.6rem}.summary-card .card-body>.small{margin-top:8px!important}.transaction-row{flex-wrap:wrap;column-gap:10px;row-gap:8px}.transaction-description{flex-basis:calc(100% - 54px)}.transaction-amount{margin-left:52px;white-space:normal;overflow-wrap:anywhere}.transaction-actions{margin-left:auto}.card-header,.card-body{padding:20px}.purchase-modal .modal-dialog{margin:0;align-items:end;min-height:100%;max-height:100dvh}.purchase-modal .modal-content{border-radius:18px 18px 0 0;max-height:92dvh;overflow:auto}.purchase-modal .modal-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.trend-chart{height:260px}.pagination{flex-wrap:wrap;gap:4px}.auth-shell{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.finance-table td{vertical-align:middle}.finance-table td:nth-child(2){max-width:300px;min-width:100px}.finance-bottom .nav-symbol{display:flex;align-items:center;justify-content:center}.finance-bottom .add-action .nav-symbol{border-radius:14px;background:#004e98;color:#fff;width:48px;height:48px;margin-top:-22px;border:4px solid white;box-shadow:0 3px 10px #004e9830}.finance-bottom .add-action .ti{padding:0;margin:0;border:0;border-radius:0;box-sizing:border-box;background-color:currentColor;font-size:24px}
@media(max-width:991.98px){#transaction-filters form{padding-top:20px}}