@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#e8eef7;font-synthesis:none;--bg:#07111f;--surface:#0d1929;--surface-2:#111f31;--border:#1d2b3d;--muted:#8090a5;--text:#e8eef7;--green:#2dd4a7;--red:#fb7185;--yellow:#f8c34d;background:#07111f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.logo strong{font-family:Manrope,sans-serif}.splash{place-items:center;min-height:100dvh;display:grid}.brand-mark{color:#05231b;background:var(--green);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 35px #0fd5a02b}.brand-mark.small{border-radius:11px;width:36px;height:36px}.eyebrow{color:var(--green);letter-spacing:.14em;font-size:.73rem;font-weight:700}.login-shell{grid-template-columns:1.1fr .9fr;min-height:100dvh;display:grid}.login-brand{background:radial-gradient(circle at 25% 55%,#123346 0,#0a1828 38%,#07111f 72%);flex-direction:column;justify-content:space-between;padding:5vw 8vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #2dd4a722;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-160px;right:-170px;box-shadow:0 0 0 90px #2dd4a708,0 0 0 180px #2dd4a705}.login-copy{z-index:1;max-width:630px;position:relative}.login-copy h1{letter-spacing:-.055em;margin:16px 0 24px;font-size:clamp(2.6rem,5vw,5rem);line-height:1.04}.login-copy p{color:#9aabba;max-width:540px;font-size:1.08rem;line-height:1.7}.login-metric{color:var(--muted);z-index:1;flex-direction:column;gap:6px;display:flex;position:relative}.login-metric strong{color:var(--text)}.login-panel{background:#0a1422;place-items:center;padding:40px;display:grid}.login-form{flex-direction:column;gap:22px;width:min(420px,100%);display:flex}.login-form h2{margin:8px 0;font-size:2rem}.login-form p,.login-form small{color:var(--muted)}label{color:#b9c4d2;flex-direction:column;gap:8px;font-size:.88rem;font-weight:600;display:flex}input,select,textarea{width:100%;color:var(--text);background:#101d2c;border:1px solid #263548;border-radius:10px;outline:none;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #2dd4a719}.primary-button{background:var(--green);color:#06231b;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:700;display:inline-flex}.primary-button:hover{background:#55dfb9}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button.compact{padding:11px 16px}.secondary-button{color:var(--text);background:#111e2d;border:1px solid #2a3a4e;border-radius:9px;padding:11px 17px}.danger-button{color:#fda4af;background:#3d1924;border:1px solid #713044;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;display:inline-flex}.install-button{width:100%;min-height:46px}.install-compact{color:var(--green)}.offline-banner{z-index:100;width:min(620px,100% - 24px);padding:max(10px, env(safe-area-inset-top)) 16px 10px;color:#fff1bd;text-align:center;background:#4a3514f2;border:1px solid #8a6a20;border-top:0;border-radius:0 0 10px 10px;font-size:.8rem;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0008}.form-error,.global-error{color:#fecdd3;background:#4c1423;border:1px solid #7f1d35;border-radius:9px;padding:11px 13px;font-size:.88rem}.app-shell{grid-template-columns:244px 1fr;min-height:100dvh;display:grid}.sidebar{z-index:20;width:244px;padding:max(26px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));background:#091423;border-right:1px solid #172538;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:11px;padding:0 8px 35px;display:flex}.logo strong{letter-spacing:-.04em;font-size:1.35rem}.sidebar nav{flex-direction:column;flex:1;gap:5px;display:flex}.nav-label{color:#52647a;letter-spacing:.14em;padding:0 12px 8px;font-size:.65rem;font-weight:700}.nav-label.second{padding-top:24px}.sidebar nav button{color:#8393a8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:.91rem;display:flex}.sidebar nav button:hover{color:#dce5ef;background:#101d2c}.sidebar nav button.active{color:#baf8e5;box-shadow:inset 3px 0 var(--green);background:#123029}.user-card{background:#0e1b2b;border:1px solid #1a2a3d;border-radius:12px;grid-template-columns:34px 1fr 26px;align-items:center;gap:10px;padding:11px;display:grid}.avatar{color:#d9fff4;background:linear-gradient(135deg,#285f59,#1d8e78);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-card div:nth-child(2){flex-direction:column;display:flex;overflow:hidden}.user-card strong{font-size:.79rem}.user-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.user-card button,.top-action,.menu-button,.close-menu{color:#8495aa;background:0 0;border:0;padding:3px}.close-menu{display:none;position:absolute;top:20px;right:15px}.main{grid-column:2;min-width:0}.topbar{min-height:calc(66px + env(safe-area-inset-top));z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:env(safe-area-inset-top) max(3.2vw, env(safe-area-inset-right)) 0 max(3.2vw, env(safe-area-inset-left));background:#07111feb;border-bottom:1px solid #142237;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar>span{color:#68798e;font-size:.8rem}.topbar>div{align-items:center;gap:10px;display:flex}.top-action{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.top-action:hover{color:var(--text);background:#111f30}.notification{position:relative}.notification i{background:var(--red);width:6px;height:6px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:7px;right:7px}.avatar.mini{width:31px;height:31px;font-size:.78rem}.menu-button{display:none}.content{padding:42px max(3.2vw, env(safe-area-inset-right)) max(60px, calc(30px + env(safe-area-inset-bottom))) max(3.2vw, env(safe-area-inset-left));max-width:1600px;margin:auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:7px 0;font-size:clamp(1.8rem,2.8vw,2.65rem)}.page-heading p{color:var(--muted)}.heading-actions{align-items:center;gap:10px;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.metric-card,.panel{border:1px solid var(--border);background:linear-gradient(145deg,#0d1929,#0b1726);border-radius:14px}.metric-card{align-items:flex-start;gap:14px;min-height:126px;padding:20px;display:flex}.metric-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.metric-icon.good{color:var(--green);background:#12352e}.metric-icon.bad{color:var(--red);background:#391c27}.metric-icon.neutral{color:#91a5bd;background:#1b2b3d}.metric-content{flex-direction:column;min-width:0;display:flex}.metric-content>span{color:#8898ab;font-size:.78rem}.metric-content strong{letter-spacing:-.04em;margin:5px 0 7px;font-family:Manrope;font-size:clamp(1.25rem,1.75vw,1.7rem)}.metric-content small{color:var(--muted);font-size:.69rem}.metric-content small.good{color:#60d9b8}.metric-content small.bad{color:#f58b9c}.dashboard-grid{grid-template-columns:1.35fr .8fr;gap:16px;margin-bottom:16px;display:grid}.dashboard-grid.lower{grid-template-columns:1fr 1fr .8fr}.panel{min-width:0;padding:21px}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-title>div{flex-direction:column;gap:5px;display:flex}.panel-title span{font-weight:600}.panel-title strong{font:700 1.55rem Manrope}.panel-title small{color:var(--muted)}.panel-title button,.table-toolbar button,.period-label{color:#91a2b6;background:#111f30;border:0;border-radius:8px;padding:8px 10px;font-size:.72rem}.panel-title button:hover{color:var(--green);background:#173329}.period-label{cursor:default}.period-select{color:#91a2b6;background-color:#111f30;border:0;border-radius:8px;width:auto;padding:8px 30px 8px 10px;font-size:.72rem}.line-chart{background-image:linear-gradient(#1d2a3a55 1px,#0000 1px);background-size:100% 40px;flex-direction:column;height:170px;margin-top:17px;display:flex}.line-chart svg{flex:1;width:100%;overflow:visible}.chart-labels{color:#607188;justify-content:space-between;font-size:.68rem;display:flex}.spending-layout{grid-template-columns:140px 1fr;align-items:center;gap:20px;min-height:185px;display:grid}.donut{border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.donut>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:87px;height:87px;display:flex}.donut strong{font-size:.88rem}.donut span{color:var(--muted);font-size:.64rem}.legend{flex-direction:column;gap:11px;display:flex}.legend>div{grid-template-columns:9px 1fr auto;align-items:center;gap:9px;font-size:.76rem;display:grid}.legend i{border-radius:3px;width:7px;height:7px}.legend span{color:#a4b0c0}.card-list,.commitments,.alerts{flex-direction:column;gap:15px;margin-top:20px;display:flex}.credit-row{gap:12px;display:flex}.card-symbol{color:#89a0b8;background:#152438;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.grow{flex:1;min-width:0}.credit-row .grow>div:first-child{justify-content:space-between;font-size:.79rem;display:flex}.credit-row span,.credit-row small{color:var(--muted);font-size:.67rem}.progress{background:#1a2b3d;border-radius:5px;height:5px;margin:9px 0 6px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#2dd4a7,#49dbb5);height:100%;display:block}.commitments>div{align-items:center;gap:11px;display:flex}.commitments>div>strong{font-size:.79rem}.commitments .grow{flex-direction:column;gap:3px;display:flex}.commitments .grow strong{font-size:.77rem}.commitments .grow span{color:var(--muted);font-size:.66rem}.date-chip{text-transform:uppercase;background:#152436;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:38px;height:42px;display:flex}.date-chip strong{font-size:.86rem}.date-chip span{color:var(--green);font-size:.56rem}.alerts-panel{background:linear-gradient(150deg,#0d1929,#101b2a)}.alert-row{color:var(--yellow);border-bottom:1px solid #1a293a;gap:10px;padding-bottom:13px;display:flex}.alert-row:last-child{border-bottom:0}.alert-row.critical{color:var(--red)}.alert-row>div{flex-direction:column;gap:3px;display:flex}.alert-row strong{color:#dbe3ee;font-size:.76rem}.alert-row span{color:var(--muted);font-size:.66rem;line-height:1.45}.calm-state{flex-direction:column;align-items:center;gap:5px;padding:9px 0;display:flex}.calm-state>div{width:35px;height:35px;color:var(--green);background:#11372e;border-radius:50%;place-items:center;display:grid}.calm-state strong{font-size:.78rem}.calm-state span{color:var(--muted);font-size:.67rem}.empty{color:var(--muted);padding:20px 0;font-size:.78rem}.table-panel{padding:0;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;padding:18px 20px;display:flex}.transaction-filters{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,.55fr));gap:10px;display:grid}.transaction-filters .search{width:100%}.transaction-filters select{padding:9px 12px;font-size:.76rem}.search{width:min(320px,60%);position:relative}.search svg{color:#6e8095;position:absolute;top:10px;left:11px}.search input{padding:9px 12px 9px 36px}.data-table{min-width:760px}.table-header,.table-row{grid-template-columns:1.6fr 1fr 1fr .7fr .8fr;align-items:center;gap:15px;padding:13px 20px;display:grid}.table-header{color:#607188;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);font-size:.62rem}.table-row{color:#9baabb;border-bottom:1px solid #172537;font-size:.78rem}.table-row:last-child{border:0}.table-row>span:first-child{color:var(--text);align-items:center;gap:10px;display:flex}.table-row>strong:last-child{text-align:right}.positive{color:var(--green)}.negative{color:#e98b99}.transaction-dot{color:#a1afc0;background:#1c2939;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.transaction-dot.income{color:var(--green);background:#12352e}.cards-showcase{grid-template-columns:repeat(3,minmax(240px,320px));gap:18px;margin-bottom:22px;display:grid}.visual-card{color:var(--text);text-align:left;background:radial-gradient(circle at 85% 5%,#43d4ac44,#0000 33%),linear-gradient(135deg,#163936,#0d2129 70%);border:1px solid #2a6258;border-radius:18px;flex-direction:column;justify-content:space-between;height:180px;padding:22px;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 18px 40px #0003}.visual-card:hover{border-color:var(--green);transform:translateY(-3px)}.visual-card>div{justify-content:space-between;display:flex}.visual-card>strong{letter-spacing:.12em;font:600 1.2rem Manrope}.visual-card>div:last-child{flex-direction:column}.visual-card small{color:#8eaaa7;margin-top:4px}.invoices .status,.status{color:var(--green);background:#163229;border-radius:20px;padding:5px 8px;font-size:.67rem;font-style:normal}.status.partial{color:var(--yellow);background:#352d17}.status.overdue{color:var(--red);background:#3d1924}.loan-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.loan-card{padding:22px}.loan-head{align-items:center;gap:12px;display:flex}.avatar.contact{border-radius:11px}.loan-head>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.loan-head span{color:var(--muted);font-size:.73rem}.loan-values{border-block:1px solid var(--border);grid-template-columns:1fr 1fr;margin:22px 0;padding:18px 0;display:grid}.loan-values>div{flex-direction:column;gap:4px;display:flex}.loan-values span,.loan-footer span{color:var(--muted);font-size:.7rem}.loan-values strong{font:700 1.35rem Manrope}.loan-footer{align-items:center;gap:10px;display:flex}.loan-footer strong{margin-left:auto;font-size:.78rem}.loan-footer svg{color:var(--muted)}.loan-contract-preview,.loan-period{background:#48d19a0f;border:1px solid #48d19a38;border-radius:11px;padding:16px}.loan-contract-preview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.loan-contract-preview>div,.loan-period{flex-direction:column;gap:4px;display:flex}.loan-contract-preview span,.loan-contract-preview small,.loan-period span,.loan-period small{color:var(--muted);font-size:.72rem}.loan-contract-preview small{grid-column:1/-1}.loan-period{margin-bottom:14px}.investment-metrics{grid-template-columns:repeat(3,1fr)}.investment-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.investment-empty .orb{width:55px;height:55px;color:var(--green);background:#12352e;border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.investment-empty p{color:var(--muted);max-width:440px;margin:8px 0 18px;line-height:1.55}.investment-title{border-bottom:1px solid var(--border);padding:20px}.portfolio-metrics{grid-template-columns:repeat(4,1fr)}.portfolio-table .table-row>div:first-child,.portfolio-table .table-row>span{flex-direction:column;gap:3px;display:flex}.portfolio-table .table-row small{color:var(--muted);font-size:.65rem}.investment-contract{border:1px solid var(--border);background:#0a1523;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:22px;padding:15px;display:flex}.investment-contract span,.investment-contract small{color:var(--muted);font-size:.72rem}.movement-button{margin:0 0 14px auto}.investments-table .table-row>strong:first-child{color:var(--text)}.interactive-row{border-inline:0;text-align:left;background:0 0;border-top:0;width:100%}.interactive-row:hover{background:#101f30}.reversed-row{opacity:.5;text-decoration:line-through}.reconciled-icon{color:var(--green);vertical-align:middle;margin-left:6px}.interactive-card{width:100%;color:var(--text);text-align:left;cursor:pointer}.interactive-card:hover{border-color:#345069}.table-empty{text-align:center;min-width:760px}.account-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.account-card{flex-direction:column;gap:5px;display:flex;position:relative}.account-card .account-icon{width:42px;height:42px;color:var(--green);background:#12352e;border-radius:11px;place-items:center;margin-bottom:12px;display:grid}.account-card>span,.account-card>small{color:var(--muted);font-size:.72rem}.account-card h2{font-size:1rem}.account-card>strong{margin:8px 0 3px;font:700 1.5rem Manrope}.icon-button{width:32px;height:32px;color:var(--muted);background:#142338;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.icon-button:hover{color:var(--green)}.planning-grid{grid-template-columns:.8fr 1.2fr;gap:16px;display:grid}.planning-metrics{grid-template-columns:repeat(3,1fr)}.priority-planning-grid{grid-template-columns:1fr 1fr;margin-top:16px}.config-grid{margin-top:16px}.planning-panel{padding:0;overflow:hidden}.planning-panel>.panel-title{border-bottom:1px solid var(--border);padding:20px 22px}.planning-panel>.panel-title>button{width:32px;height:32px;color:var(--green);background:#12352e;border:0;border-radius:8px;place-items:center;display:grid}.recurrence-list>div{border-bottom:1px solid var(--border);grid-template-columns:9px 1fr auto 32px auto;align-items:center;gap:10px;padding:14px 18px;display:grid}.recurrence-list>div>i{background:var(--red);border-radius:50%;width:8px;height:8px}.recurrence-list>div>i.income{background:var(--green)}.recurrence-list>div>div{flex-direction:column;gap:3px;display:flex}.recurrence-list span,.goal-list span{color:var(--muted);font-size:.68rem}.recurrence-list>div>strong{font-size:.76rem}.recurrence-list button,.goal-list button{color:var(--muted);background:#142338;border:0;border-radius:7px;padding:7px}.recurrence-list .small-toggle{font-size:.65rem}.muted-row{opacity:.5}.goal-list>div{border-bottom:1px solid var(--border);padding:15px 18px}.goal-head{grid-template-columns:9px 1fr 32px;align-items:center;gap:10px;display:grid}.goal-head>i{border-radius:3px;width:9px;height:9px}.goal-head>div{flex-direction:column;gap:3px;display:flex}.goal-list .progress{margin:13px 0 8px}.goal-actions{align-items:center;gap:7px;display:flex}.goal-actions small{color:var(--muted);flex:1}.goal-actions button{padding:6px 8px;font-size:.64rem}.projection-panel{margin-top:16px;padding:0;overflow:hidden}.projection-panel>.panel-title,.anomaly-panel>.panel-title{border-bottom:1px solid var(--border);padding:20px 22px}.projection-grid{grid-template-columns:repeat(6,minmax(130px,1fr));display:grid;overflow-x:auto}.projection-grid>div{border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:18px;display:flex}.projection-grid span{color:var(--muted);text-transform:capitalize;font-size:.7rem}.projection-grid strong{font:700 1rem Manrope}.projection-grid small{font-size:.65rem}.anomaly-panel{margin-bottom:16px;padding:0}.anomaly-row{color:var(--yellow);border-bottom:1px solid var(--border);grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:13px 20px;display:grid}.anomaly-row>div{flex-direction:column;gap:3px;display:flex}.anomaly-row span{color:var(--muted);font-size:.7rem}.anomaly-row b{font-size:.75rem}.empty-copy{color:var(--muted);padding:24px 20px;font-size:.75rem}.category-management,.budget-list{flex-direction:column;display:flex}.category-management>div{border-bottom:1px solid var(--border);grid-template-columns:10px 1fr 32px 32px;align-items:center;gap:10px;padding:13px 20px;display:grid}.category-management i{border-radius:3px;width:9px;height:9px}.category-management>div>div{flex-direction:column;gap:2px;display:flex}.category-management span{color:var(--muted);font-size:.68rem}.category-management button,.budget-list button{width:30px;height:30px;color:var(--muted);background:#142338;border:0;border-radius:7px;place-items:center;display:grid}.category-management .danger-action:hover,.budget-list .danger-action:hover{color:var(--red);background:#3d1924}.budget-list>div{border-bottom:1px solid var(--border);padding:15px 20px}.budget-list>div>div:first-child{grid-template-columns:1fr auto 30px 30px;align-items:center;gap:9px;display:grid}.budget-list span,.budget-list small{color:var(--muted);font-size:.69rem}.budget-list .progress{margin-block:12px 7px}.progress i.over{background:var(--red)}.details-content{padding:22px 24px 24px}.detail-metrics{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.detail-metrics>div,.payment-summary{background:#101f30;border-radius:10px;flex-direction:column;gap:5px;padding:15px;display:flex}.detail-metrics span,.payment-summary span{color:var(--muted);font-size:.72rem}.detail-metrics strong,.payment-summary strong{font:700 1.2rem Manrope}.payment-summary{margin-bottom:2px}.details-list h3{margin-bottom:10px;font-size:.85rem}.details-list>div{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.details-list>div>div:first-child{flex-direction:column;flex:1;gap:3px;display:flex}.details-list span{color:var(--muted);font-size:.68rem}.details-list>div>strong{font-size:.8rem}.details-list button{padding:7px 10px;font-size:.7rem}.installment-value{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.details-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.transaction-state{background:#0a1523;border-radius:10px;grid-template-columns:auto 1fr;gap:9px 16px;padding:15px;display:grid}.transaction-state span{color:var(--muted);font-size:.72rem}.transaction-state strong{text-align:right;font-size:.78rem}.settlement-button{width:100%;margin-bottom:22px}.payment-summary small{color:var(--yellow);font-size:.7rem}.inline-actions{gap:6px;display:flex}.danger-action-text{color:var(--red);background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.payment-history{margin-top:22px}.loan-domain-actions{grid-template-columns:1fr auto;gap:10px;margin-bottom:22px;display:grid}.loan-domain-actions .primary-button{width:100%}.statement-button{margin:0 0 14px auto}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#020711cc;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#0c1827;border:1px solid #28384d;border-radius:16px;width:min(540px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #0009}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;padding:22px 24px 18px;display:flex}.modal-head h2{margin-top:5px}.modal-head button{color:var(--muted);background:0 0;border:0}.modal form{flex-direction:column;gap:18px;padding:22px 24px;display:flex}.segmented{background:#07111f;border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:9px}.segmented button.active{color:var(--green);background:#173329}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.modal form .check-row{color:var(--muted);flex-direction:row;align-items:center;gap:9px;font-size:.76rem;display:flex}.check-row input{width:auto}.file-picker{text-align:center;cursor:pointer;min-height:150px;color:var(--green);background:#0a1523;border:1px dashed #365066;border-radius:12px;justify-content:center;align-items:center;display:flex}.file-picker span{color:var(--muted);font-weight:400}.file-picker input{background:0 0;border:0;width:auto;max-width:90%;padding:8px}.import-preview{padding:22px 24px}.import-summary{color:var(--green);background:#113329;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.import-summary>div{flex-direction:column;display:flex}.import-summary span{color:#82a99d;font-size:.75rem}.preview-list{border:1px solid var(--border);border-radius:10px;margin:16px 0;overflow:hidden}.preview-list>div{border-bottom:1px solid var(--border);grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:.75rem;display:grid}.preview-list>div:last-child{border-bottom:0}.preview-list span{color:var(--muted)}.preview-list i{color:var(--red);font-style:normal}.preview-list i.income{color:var(--green)}.import-preview>small{color:var(--muted)}.import-preview .modal-actions{margin-top:20px}.loading{min-height:60vh;color:var(--muted);place-items:center;display:grid}.global-error{margin-bottom:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{padding:0;overflow:hidden}.settings-card-title{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:22px 24px;display:flex}.settings-card-title h2{margin-bottom:4px;font-size:1rem}.settings-card-title p{color:var(--muted);font-size:.76rem}.settings-icon{width:39px;height:39px;color:var(--green);background:#12352e;border-radius:10px;flex:none;place-items:center;display:grid}.settings-card form{flex-direction:column;gap:18px;padding:22px 24px 24px;display:flex}.settings-actions{justify-content:flex-end;display:flex}.form-feedback{border:1px solid;border-radius:9px;padding:11px 13px;font-size:.82rem}.form-feedback.success{color:#baf8e5;background:#11372e;border-color:#286856}.form-feedback.error{color:#fecdd3;background:#4c1423;border-color:#7f1d35}.security-note{color:var(--green);grid-column:1/-1;align-items:center;gap:13px;display:flex}.security-note>div{flex-direction:column;gap:4px;display:flex}.security-note strong{color:var(--text);font-size:.88rem}.security-note span{color:var(--muted);font-size:.75rem;line-height:1.5}.search-backdrop,.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020711bb;position:fixed;inset:0}.search-backdrop{padding:max(11vh, env(safe-area-inset-top)) 20px 20px;justify-content:center;align-items:flex-start;display:flex}.global-search{background:#0c1827;border:1px solid #2b3d52;border-radius:15px;width:min(680px,100%);overflow:hidden;box-shadow:0 30px 90px #0009}.global-search-input{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:24px 1fr 32px;align-items:center;gap:10px;padding:16px 18px;display:grid}.global-search-input input{box-shadow:none;background:0 0;border:0;padding:5px}.global-search-input button,.drawer-title button{color:var(--muted);background:0 0;border:0}.search-results{max-height:60vh;padding:8px;overflow:auto}.search-results>button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px;display:grid}.search-results>button:hover{background:#122236}.search-results>button i{width:36px;height:36px;color:var(--green);background:#12352e;border-radius:9px;place-items:center;display:grid}.search-results>button div{flex-direction:column;gap:3px;display:flex}.search-results span,.search-results small,.search-hint{color:var(--muted);font-size:.7rem}.search-hint{text-align:center;padding:28px}.drawer-backdrop{justify-content:flex-end;display:flex}.notification-drawer{width:min(420px,100%);height:100%;padding:max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));border-left:1px solid var(--border);background:#0a1523;box-shadow:-20px 0 60px #0007}.drawer-title,.drawer-title>div{justify-content:space-between;align-items:center;gap:11px;display:flex}.drawer-title>div>div{flex-direction:column;display:flex}.drawer-title span{color:var(--muted);font-size:.7rem}.mark-all{color:var(--green);background:0 0;border:0;align-items:center;gap:7px;margin:20px 0 10px;font-size:.76rem;display:flex}.notification-list{flex-direction:column;gap:8px;max-height:calc(100vh - 130px);display:flex;overflow:auto}.notification-list>button{border:1px solid var(--border);color:var(--text);text-align:left;background:#0f1d2d;border-radius:10px;grid-template-columns:7px 1fr;gap:10px;padding:13px;display:grid}.notification-list>button>i{background:var(--yellow);border-radius:50%;width:7px;height:7px;margin-top:5px}.notification-list>button.critical>i{background:var(--red)}.notification-list>button.read{opacity:.55}.notification-list>button.read>i{background:#52647a}.notification-list>button div{flex-direction:column;gap:4px;display:flex}.notification-list span,.notification-list small{color:var(--muted);font-size:.69rem;line-height:1.45}.audit-badge{color:var(--green);background:#11372e;border:1px solid #286856;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:.76rem;display:flex}.audit-panel{padding:0;overflow:hidden}.audit-row{border-bottom:1px solid var(--border);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px 20px;display:grid}.audit-row>i{width:36px;height:36px;color:var(--green);background:#12352e;border-radius:9px;place-items:center;display:grid}.audit-row>div{flex-direction:column;gap:3px;display:flex}.audit-row span,.audit-row time{color:var(--muted);font-size:.69rem}@media (width<=1150px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.alerts-panel{grid-column:1/-1}.spending-layout{grid-template-columns:115px 1fr}.donut{width:110px;height:110px}.donut>div{width:72px;height:72px}.account-grid{grid-template-columns:repeat(2,1fr)}.transaction-filters{grid-template-columns:1fr 1fr}}@media (width<=820px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:40vh;padding:max(40px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 40px max(28px, env(safe-area-inset-left))}.login-copy h1{margin-bottom:12px;font-size:2.4rem}.login-copy p,.login-metric{display:none}.login-panel{padding:38px max(24px, env(safe-area-inset-right)) max(38px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.app-shell{display:block}.main{grid-column:auto}.sidebar{transition:transform .25s;transform:translate(-105%);box-shadow:20px 0 60px #0008}.sidebar-open{transform:translate(0)}.close-menu,.menu-button{display:block}.topbar{padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}.topbar>span{display:none}.top-action,.menu-button{min-width:40px;min-height:40px}.content{padding:30px max(20px, env(safe-area-inset-right)) max(50px, calc(30px + env(safe-area-inset-bottom))) max(20px, env(safe-area-inset-left))}.page-heading{flex-direction:column;align-items:flex-start}.dashboard-grid,.dashboard-grid.lower,.loan-grid,.settings-grid,.planning-grid{grid-template-columns:1fr}.portfolio-metrics{grid-template-columns:repeat(2,1fr)}.alerts-panel,.security-note{grid-column:auto}.cards-showcase{grid-template-columns:repeat(3,280px);padding-bottom:10px;overflow-x:auto}.table-panel{overflow-x:auto}}.text-button{color:var(--green);background:0 0;border:0;font-weight:700}.settings-card-body>label{width:100%}.settings-card-body>.secondary-button,.settings-card-body>.danger-button{align-items:center;gap:7px;display:inline-flex}.sessions-card,.privacy-card{min-height:100%}.privacy-card details{border:1px solid var(--border);background:#0a1523;border-radius:9px;width:100%;padding:12px 14px}.privacy-card summary{cursor:pointer;color:var(--text);font-size:.78rem;font-weight:700}.privacy-card details p{color:var(--muted);margin-top:10px;font-size:.72rem;line-height:1.6}.deletion-warning{color:#fff1bd;background:#4a3514;border:1px solid #8a6a20;border-radius:9px;width:100%;padding:11px 13px;font-size:.75rem}.settings-help{align-items:center;gap:6px;display:flex}input[readonly]{color:var(--muted);cursor:not-allowed}@media (width<=560px){.metrics-grid,.investment-metrics,.portfolio-metrics,.account-grid{grid-template-columns:1fr}.metric-card{min-height:110px}.page-heading .primary-button,.heading-actions,.heading-actions button,.settings-actions button{width:100%}.heading-actions{flex-direction:column-reverse}.chart-panel{padding-inline:14px}.spending-layout{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.form-row,.transaction-filters{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.loan-values{gap:18px}.loan-values strong{font-size:1.1rem}.preview-list>div{grid-template-columns:75px 1fr}.preview-list i{grid-column:2}.detail-metrics{grid-template-columns:1fr}.details-list>div{flex-wrap:wrap}.budget-list>div>div:first-child{grid-template-columns:1fr 30px 30px}.budget-list>div>div:first-child>span{grid-area:2/1/auto/-1}.recurrence-list>div{grid-template-columns:9px 1fr auto 32px}.recurrence-list .small-toggle{grid-column:2/-1;justify-self:start}.notification-drawer{border-left:0}}.splash-brand{flex-direction:column;align-items:center;gap:12px;animation:.45s both splash-in;display:flex}.splash-brand .brand-mark{animation:1.4s ease-in-out infinite splash-pulse}.splash-brand strong{font:700 1.3rem Manrope}.splash-brand span{color:var(--muted);font-size:.78rem}@keyframes splash-in{0%{opacity:0;transform:translateY(8px)}}@keyframes splash-pulse{50%{transform:scale(1.05);box-shadow:0 16px 42px #0fd5a055}}.update-banner{z-index:95;right:20px;bottom:max(20px, env(safe-area-inset-bottom));background:#102d27f5;border:1px solid #286856;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;box-shadow:0 18px 50px #0009}.update-banner span{font-size:.78rem}.update-banner button{color:var(--green);background:0 0;border:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.settings-card-body{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 24px 24px;display:flex}.settings-help{color:var(--muted);font-size:.75rem;line-height:1.55}.security-device{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:13px;display:flex}.security-device>div{flex-direction:column;gap:3px;display:flex}.security-device strong{font-size:.8rem}.security-device span{color:var(--muted);font-size:.68rem}.settings-feedback{grid-column:1/-1}.biometric-login{justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}.receipt-picker small{color:var(--muted);font-weight:400}.receipt-section{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.receipt-section>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.receipt-camera{cursor:pointer;align-items:center;gap:7px;font-size:.72rem;display:inline-flex}.receipt-camera input{display:none}.receipt-row{border-bottom:1px solid var(--border);grid-template-columns:1fr repeat(3,32px);align-items:center;gap:7px;padding:10px 0;display:grid}.receipt-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.receipt-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.receipt-row span,.receipt-section>small{color:var(--muted);font-size:.67rem}.receipt-row button{width:32px;height:32px;color:var(--muted);background:#142338;border:0;border-radius:7px;place-items:center;display:grid}.mobile-navigation,.quick-actions,.quick-actions-backdrop{display:none}@media (width<=820px){.content{padding-bottom:max(120px, calc(95px + env(safe-area-inset-bottom)))}.settings-feedback{grid-column:auto}.mobile-navigation{z-index:45;min-height:calc(68px + env(safe-area-inset-bottom));padding:7px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#091423f7;border-top:1px solid #223247;grid-template-columns:repeat(5,1fr);align-items:start;display:grid;position:fixed;inset:auto 0 0}.mobile-navigation button{color:#71839a;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:52px;font-size:.61rem;display:flex}.mobile-navigation button svg{width:20px}.mobile-navigation button.active{color:var(--green)}.mobile-navigation .mobile-add{color:#05231b;background:var(--green);border-radius:16px;width:50px;min-height:50px;margin:-25px auto 0;box-shadow:0 10px 28px #0008}.mobile-navigation .mobile-add svg{width:24px}.mobile-navigation .mobile-add.active{transform:rotate(45deg)}.quick-actions{z-index:44;right:max(18px, env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:9px;position:fixed}.quick-actions.open{display:flex}.quick-actions button{color:var(--text);background:#112033;border:1px solid #2a3d52;border-radius:11px;align-items:center;gap:8px;padding:12px 15px;font-weight:700;display:inline-flex;box-shadow:0 12px 30px #0008}.quick-actions button:first-child svg{color:var(--red)}.quick-actions button:last-child svg{color:var(--green)}.quick-actions-backdrop{z-index:43;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02071199;border:0;display:block;position:fixed;inset:0}.update-banner{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));justify-content:space-between}}
