:root{--bg:#010715;--panel:#031126;--panel2:#041c42;--line:#174873;--text:#f8f3e8;--muted:#a9c2d3;--plum:#073a82;--rose:#39c7ff;--peach:#f1ce6f;--mint:#35ead6;--red:#ff8a7a;--shadow:0 24px 60px -38px #000}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(900px 550px at 0 0,#17377b 0,transparent 62%),radial-gradient(700px 500px at 100% 15%,#0f907b 0,transparent 64%),linear-gradient(155deg,#010715,#061432 55%,#041127);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:rgba(3,17,38,.9);box-shadow:0 40px 90px -45px #000;text-align:center;backdrop-filter:blur(18px)}.auth-icon{width:104px;height:104px;border-radius:26px;box-shadow:0 20px 50px -20px #000;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#74d8ff}.auth-card h1{font-size:34px;margin:9px 0 7px}.auth-card>p{color:var(--muted);line-height:1.55;margin:0 0 24px}.auth-card form,.auth-card #resetBox{display:grid;gap:13px}.auth-card label,dialog label{display:grid;gap:6px;text-align:left;color:var(--muted);font-size:11px;font-weight:700}.auth-card input,dialog input,dialog select,.period select,.filters select,.search input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#021326;color:var(--text);outline:none}.auth-card input:focus,dialog input:focus,select:focus,.search input:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(57,199,255,.14)}.primary{border:0;border-radius:11px;min-height:48px;padding:10px 16px;color:#fff;font-weight:800;background:linear-gradient(120deg,var(--plum),var(--rose));box-shadow:0 12px 30px -18px var(--rose)}.link-btn{border:0;background:none;color:#74d8ff;margin:15px 0 4px;font-size:12px}.message{min-height:20px;margin-top:12px;color:#f1ce6f;font-size:12px;line-height:1.45}.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(18px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(255,255,255,.11);background:rgba(1,7,21,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;border-radius:14px}.brand span{font-size:8px;letter-spacing:1.4px;color:#74d8ff;font-weight:850}.brand h1{font-size:18px;margin:3px 0 0}.header-actions{display:flex;gap:7px}.header-actions button,.quick button,.quiet{min-height:40px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);color:var(--text);padding:8px 12px;font-size:11px;font-weight:700}main{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:20px 0 100px}.sync-state{display:flex;align-items:center;gap:9px;padding:11px 14px;margin-bottom:15px;border:1px solid rgba(53,234,214,.35);border-radius:11px;background:rgba(53,234,214,.1)}.sync-state i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.sync-state b{font-size:11px;color:var(--mint)}.sync-state span{margin-left:auto;color:var(--muted);font-size:10px}.sync-state.error{border-color:rgba(255,138,122,.45);background:rgba(255,138,122,.1)}.sync-state.error i{background:var(--red);box-shadow:none}.sync-state.error b{color:var(--red)}.card{border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(3,17,38,.88);box-shadow:var(--shadow)}.period{padding:20px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-head h2{margin:4px 0 0;font-size:22px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.period .section-head>label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.period select{width:auto;min-height:40px}.quick{display:flex;gap:7px;margin:16px 0 11px}.months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.months button{min-height:43px;border:1px solid var(--line);border-radius:10px;background:#031126;color:var(--muted);font-size:11px;font-weight:750}.months button.active{border-color:var(--rose);background:rgba(57,199,255,.18);color:#9cecff}.period>p{margin:13px 2px 0;color:var(--muted);font-size:10px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:16px 0}.sum-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(3,17,38,.92)}.sum-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--mint)}.sum-card.expense:before{background:var(--rose)}.sum-card.balance:before{background:#55d5ff}.sum-card.projected:before{background:var(--peach)}.sum-card span{font-size:10px;font-weight:750}.sum-card strong{display:block;margin:9px 0;font-size:clamp(24px,3vw,35px);color:var(--mint);overflow-wrap:anywhere}.sum-card.expense strong{color:var(--rose)}.sum-card.balance strong{color:#74d8ff}.sum-card.projected strong{color:var(--peach)}.sum-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}.plan-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 16px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--line)}.plan-strip>div{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;background:var(--panel)}.plan-strip span{font-size:9px;color:var(--muted)}.plan-strip span small{display:block;margin-top:2px;font-size:8px}.plan-strip strong{white-space:nowrap}.mydash-box{padding:18px 20px;margin-bottom:16px;background:linear-gradient(120deg,rgba(53,234,214,.12),rgba(3,17,38,.92))}.mydash-box .section-head{align-items:center}.mydash-box h2{color:var(--mint);font-size:29px}.mydash-box p{color:var(--muted);font-size:10px}.mydash-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.mydash-split div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:9px;background:rgba(0,0,0,.14);font-size:10px}.mydash-split b{white-space:nowrap}.add-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 28px}.add-actions button{min-height:52px;border:0;border-radius:12px;color:#fff;font-weight:850}.add-actions button:first-child{background:linear-gradient(120deg,#078b68,var(--mint))}.add-actions button:last-child{background:linear-gradient(120deg,#0868a9,var(--rose))}.ledger{margin-top:25px}.search{display:grid;gap:5px;color:var(--muted);font-size:9px;min-width:240px}.search input{min-height:41px}.filters{display:grid;grid-template-columns:1fr 1fr minmax(180px,.55fr);gap:12px;align-items:end;margin:14px 0 8px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(3,17,38,.78)}.filters>div>span,.filters>label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.filters nav{display:flex;gap:6px;margin-top:6px}.filters button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#031126;color:var(--text);padding:7px 10px;font-size:10px;font-weight:750}.filters button.active{border-color:var(--rose);background:rgba(57,199,255,.18);color:#9cecff}.filters button b{font-size:8px;margin-left:3px}.filters select{min-height:38px;padding:6px 8px;font-size:10px}.result-count{color:var(--muted);font-size:10px}.rows{display:grid;gap:9px}.row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--rose);border-radius:13px;background:rgba(3,17,38,.9)}.row.income{border-left-color:var(--mint)}.row.planned{border-style:dashed}.row-main{display:flex;align-items:center;gap:11px;min-width:0}.row-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(57,199,255,.14);color:var(--rose);font-weight:900}.income .row-icon{background:rgba(53,234,214,.14);color:var(--mint)}.row h3{font-size:13px;margin:0}.row p,.row small{display:block;color:var(--muted);font-size:9px;margin:3px 0 0}.row>strong{font-size:19px;white-space:nowrap}.row-actions{display:flex;gap:6px}.row-actions button{min-height:37px;border:1px solid var(--line);border-radius:8px;background:#031126;color:var(--text);font-size:9px;font-weight:750;padding:7px 9px}.row-actions .mark{border-color:var(--mint);color:#a6ffec}.row-actions .delete{color:#ff9f93}.empty{padding:28px;border:1px dashed var(--line);border-radius:13px;text-align:center;color:var(--muted)}dialog{width:min(720px,calc(100% - 24px));max-height:calc(100vh - 30px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:20px;background:#031126;color:var(--text);box-shadow:0 40px 100px #000}dialog::backdrop{background:rgba(8,4,13,.78);backdrop-filter:blur(5px)}dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}dialog h2{margin:5px 0 0}.close{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mode-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.mode-fields#fixedFields{grid-template-columns:repeat(3,1fr)}#variableFields{margin-top:13px}.variable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.variable-grid label{font-size:9px}.variable-grid input{min-height:40px}.lower{margin-top:13px}dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.wide{width:100%}#installDialog{width:min(430px,calc(100% - 24px))}#installDialog li{margin:12px 0;color:var(--muted);line-height:1.5}#toast{position:fixed;z-index:100;left:50%;bottom:88px;transform:translate(-50%,20px);max-width:calc(100% - 28px);padding:11px 15px;border-radius:10px;background:#fff;color:#031126;font-size:11px;font-weight:750;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{display:none}
@media(max-width:900px){.months{grid-template-columns:repeat(6,1fr)}.summary{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters>label{grid-column:1/-1}.row{grid-template-columns:1fr auto}.row-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:620px){body{padding-bottom:70px}.app-header{position:relative;padding:12px 14px}.brand img{width:43px;height:43px}.brand h1{font-size:15px}.header-actions #syncBtn,.header-actions .quiet{display:none}.header-actions button{padding:7px 9px}.sync-state{align-items:flex-start;flex-wrap:wrap}.sync-state span{width:100%;margin-left:18px}.section-head{align-items:flex-start;flex-direction:column}.period{padding:16px}.period .section-head{flex-direction:row}.months{grid-template-columns:repeat(4,1fr)}main{width:calc(100% - 20px);padding-top:10px}.summary{gap:8px}.sum-card{padding:15px 12px}.sum-card strong{font-size:23px}.plan-strip{grid-template-columns:1fr}.mydash-split{grid-template-columns:1fr}.add-actions{grid-template-columns:1fr}.search{width:100%;min-width:0}.filters{grid-template-columns:1fr;padding:11px}.filters>label{grid-column:auto}.filters nav{display:grid;grid-template-columns:repeat(3,1fr)}.filters button{padding:6px 3px}.row{grid-template-columns:1fr auto;padding:13px 12px}.row-main{grid-column:1/2}.row>strong{grid-column:2/3;grid-row:1}.row-actions{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1}.row-actions .mark{grid-column:1/-1}.form-grid,.mode-fields,.mode-fields#fixedFields{grid-template-columns:1fr}.variable-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:16px}.bottom-nav{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(3,17,38,.94);backdrop-filter:blur(16px);box-shadow:0 18px 50px #000}.bottom-nav button{display:grid;place-items:center;gap:2px;min-height:48px;border:0;background:none;color:#fff;font-size:19px}.bottom-nav span{font-size:8px;color:var(--muted)}}
.activity-box{margin:0 0 15px;border:1px solid rgba(116,216,255,.42);border-radius:15px;overflow:hidden;background:linear-gradient(120deg,rgba(7,58,130,.22),rgba(57,199,255,.1));box-shadow:var(--shadow)}.activity-box>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(116,216,255,.18)}.activity-box h2{font-size:17px;margin:4px 0 0}.activity-box header button{min-height:36px;border:1px solid rgba(116,216,255,.4);border-radius:9px;background:rgba(57,199,255,.12);color:var(--text);padding:7px 12px;font-size:10px;font-weight:800}.activity-box>div{display:grid;gap:1px;background:rgba(116,216,255,.14)}.activity-box article{display:flex;gap:10px;align-items:flex-start;padding:11px 15px;background:rgba(3,17,38,.96)}.activity-box article i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(53,234,214,.14);color:var(--mint);font-style:normal;font-weight:900}.activity-box article p{margin:0;font-size:11px;line-height:1.45}.activity-box article small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.people-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 16px}.people-box article{padding:14px 16px;border:1px solid rgba(116,216,255,.18);border-radius:13px;background:rgba(3,17,38,.74)}.people-box span{font-size:9px;font-weight:850;color:#74d8ff;text-transform:uppercase;letter-spacing:.6px}.people-box strong{display:block;margin:7px 0 3px;font-size:20px;color:var(--mint)}.people-box p{margin:0;color:var(--text);font-size:9px}.people-box small{display:block;margin-top:7px;color:var(--muted);font-size:8px;line-height:1.45}
@media(max-width:620px){.people-box{grid-template-columns:1fr}.activity-box>header,.activity-box article{padding-left:12px;padding-right:12px}.activity-box article p{font-size:10px}}
[hidden]{display:none!important}
.auth-help{display:grid;gap:4px;margin:16px 0 5px;padding:12px 13px;border:1px solid rgba(116,216,255,.24);border-radius:11px;background:rgba(57,199,255,.08);text-align:left}.auth-help b{font-size:11px;color:#74d8ff}.auth-help span{font-size:10px;line-height:1.45;color:var(--muted)}.auth-card .link-btn{display:block;width:100%;margin:7px 0 0;padding:6px}

.auth-divider{display:flex;align-items:center;gap:10px;margin:15px 0 11px;color:var(--muted);font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.13)}.google-btn{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:#fff;color:#07111f;font-weight:850}.google-btn b{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:#fff}
.version-mark{display:block;margin:6px auto 0;width:max-content;padding:4px 8px;border:1px solid rgba(145,231,255,.32);border-radius:999px;color:#b7efff;font-size:8px;font-weight:850;letter-spacing:.9px}

/* v2.18: safe-area, help, message history, light theme and clearer totals. */
.auth-screen{padding-top:max(24px,calc(16px + env(safe-area-inset-top)));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left))}
.app-header{padding-top:max(14px,calc(10px + env(safe-area-inset-top)));padding-right:max(18px,calc((100vw - 1240px)/2));padding-left:max(18px,calc((100vw - 1240px)/2))}
.plan-strip span small{display:block;margin-top:4px;font-size:8px;line-height:1.35}.plan-strip .future-net strong{color:var(--peach)}
.theme-toggle{position:fixed;z-index:45;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(3,17,38,.9);color:#f1ce6f;box-shadow:0 15px 40px -18px #000;font-size:21px;backdrop-filter:blur(15px)}
.bottom-nav #messagesBtn{position:relative}.bottom-nav #messageBadge{position:absolute;top:2px;right:calc(50% - 20px);display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:8px;line-height:1;box-shadow:0 4px 12px rgba(255,138,122,.45)}
.info-dialog{width:min(720px,calc(100% - 24px))}.info-dialog>header p{margin:5px 0 0;color:var(--muted);font-size:10px}.info-dialog footer{align-items:center}.activity-history{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}.activity-history article{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;background:var(--panel)}.activity-history article.unread{background:linear-gradient(110deg,rgba(57,199,255,.17),var(--panel))}.activity-history article i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(53,234,214,.14);color:var(--mint);font-style:normal;font-weight:900}.activity-history article p{margin:0;font-size:11px;line-height:1.45}.activity-history article small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.help-grid article{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.help-grid b{color:#74d8ff}.help-grid p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
html[data-theme="light"]{--bg:#f3f9fc;--panel:#fff;--panel2:#eaf6f7;--line:#bdeeff;--text:#07111f;--muted:#5f6d7d;--shadow:0 24px 60px -38px rgba(3,17,38,.42);background:var(--bg)}
html[data-theme="light"] body{color:var(--text);background:radial-gradient(900px 550px at 0 0,#d6f7ff 0,transparent 62%),radial-gradient(700px 500px at 100% 15%,#d1fff9 0,transparent 64%),linear-gradient(155deg,#f8fcff,#eef7f7 55%,#eaf6f7)}
html[data-theme="light"] .app-header{border-color:rgba(7,17,31,.13);background:rgba(248,253,255,.91)}
html[data-theme="light"] .card,html[data-theme="light"] .sum-card,html[data-theme="light"] .row,html[data-theme="light"] .filters,html[data-theme="light"] .people-box article,html[data-theme="light"] .activity-history article{background:rgba(255,255,255,.94)}
html[data-theme="light"] .plan-strip>div,html[data-theme="light"] .mydash-split div{background:#fff}
html[data-theme="light"] .months button,html[data-theme="light"] .filters button,html[data-theme="light"] .row-actions button,html[data-theme="light"] .header-actions button,html[data-theme="light"] .quick button,html[data-theme="light"] .quiet{background:#eaf6f7;color:var(--text)}
html[data-theme="light"] .auth-card,html[data-theme="light"] dialog{background:#fff;color:var(--text)}
html[data-theme="light"] .auth-card input,html[data-theme="light"] dialog input,html[data-theme="light"] dialog select,html[data-theme="light"] .period select,html[data-theme="light"] .filters select,html[data-theme="light"] .search input{background:#fff;color:var(--text)}
html[data-theme="light"] .bottom-nav{border-color:rgba(7,17,31,.17);background:rgba(248,253,255,.95);box-shadow:0 18px 50px rgba(3,17,38,.2)}html[data-theme="light"] .bottom-nav button{color:var(--text)}html[data-theme="light"] .theme-toggle{border-color:rgba(7,17,31,.2);background:#fff;color:#073a82}
@media(max-width:620px){
  .app-header{padding-top:max(12px,calc(10px + env(safe-area-inset-top)));padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .header-actions #helpBtn{display:inline-flex}.header-actions #installBtn{display:none}
  .bottom-nav{grid-template-columns:repeat(5,1fr)}
  .theme-toggle{right:max(10px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:40px;height:40px;font-size:19px}
  .help-grid{grid-template-columns:1fr}.info-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(display-mode:standalone){.app-header{padding-top:max(14px,calc(10px + env(safe-area-inset-top)))}}

/* v2.18: compact period and drill-down reports. */
.compact-period{padding:14px 17px}.compact-period .section-head h2{font-size:17px}.compact-period .quick{margin:9px 0 8px}.compact-period .quick button{min-height:33px;padding:5px 10px}.compact-period .months{gap:5px}.compact-period .months button{min-height:34px;border-radius:9px}.compact-period>p{margin-top:8px}
.report{padding:18px;margin:15px 0}.report>.section-head{align-items:flex-start}.report-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 11px}.report-tabs button{min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);font-size:10px;font-weight:800}.report-tabs button.active{border-color:var(--rose);background:rgba(57,199,255,.18);color:#9cecff}.report-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.report-content.income,.report-content.expense{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.report-card{display:flex;flex-direction:column;align-items:flex-start;min-height:108px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--text);text-align:left}.report-card:hover{border-color:var(--rose)}.report-card span{font-size:9px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;color:#74d8ff}.report-card strong{margin:7px 0 5px;font-size:21px;color:var(--mint)}.report-card small,.report-card em{font-size:8px;line-height:1.4;color:var(--muted);font-style:normal}.report-card em{display:block;margin-top:4px}.filters{grid-template-columns:1fr 1fr repeat(3,minmax(145px,.55fr))}.bottom-nav{grid-template-columns:repeat(6,1fr)}
html[data-theme="light"] .report-card{background:#fff}html[data-theme="light"] .report-tabs button{background:#eaf6f7;color:var(--text)}
@media(max-width:900px){.filters{grid-template-columns:1fr 1fr 1fr}.report-content{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.compact-period{padding:12px}.compact-period .section-head{align-items:center}.compact-period .months{grid-template-columns:repeat(6,1fr)}.compact-period .months button{min-height:31px;padding:3px 1px;font-size:9px}.compact-period .quick{margin:7px 0}.report{padding:14px 12px}.report-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:11px}.report-tabs button:first-child{grid-column:1/-1}.report-content,.report-content.income,.report-content.expense{grid-template-columns:1fr}.report-card{min-height:0}.filters{grid-template-columns:1fr}.bottom-nav span{font-size:7px}.bottom-nav button{font-size:17px}}

/* v2.19: family photo identity, direct Hub/account actions and auditable forecast. */
.header-start{display:flex;align-items:center;gap:12px;min-width:0}.hub-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);color:var(--text);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.account-button{border-color:rgba(116,216,255,.4)!important}.account-short{display:none}.pending-breakdown{padding:17px 19px;margin:-2px 0 16px}.pending-head h2{margin:4px 0 0;font-size:18px}.pending-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.pending-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.pending-columns>div{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.pending-columns h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;font-size:11px}.pending-columns h3 b{font-size:16px;color:var(--mint);white-space:nowrap}.pending-columns>div:last-child h3 b{color:var(--rose)}.pending-columns ul{list-style:none;margin:0;padding:0}.pending-columns li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.pending-columns li>div{min-width:0}.pending-columns li b{display:block;font-size:10px;overflow-wrap:anywhere}.pending-columns li small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.pending-columns li strong{font-size:12px;white-space:nowrap}.pending-columns button{width:100%;min-height:38px;margin-top:9px;border:1px solid rgba(57,199,255,.42);border-radius:9px;background:rgba(57,199,255,.1);color:var(--text);font-size:10px;font-weight:800}.pending-empty{margin:0;color:var(--muted);font-size:10px}.future-net strong{font-variant-numeric:tabular-nums}
html[data-theme="light"] .hub-link,html[data-theme="light"] .pending-columns>div{background:#fff;color:var(--text)}
@media(max-width:760px){.app-header{align-items:flex-start}.header-start{gap:7px}.hub-link{padding:7px 8px}.hub-link span{display:none}.header-actions{align-items:center}.account-button .account-full{display:none}.account-button .account-short{display:inline}.brand{gap:7px}.brand span{display:none}.brand h1{font-size:13px}.brand img{width:39px;height:39px}.pending-columns{grid-template-columns:1fr}}
@media(max-width:430px){.app-header{gap:6px}.header-actions{gap:4px}.header-actions button{padding:7px 8px}.hub-link{min-width:38px}.brand h1{font-size:12px}.pending-breakdown{padding:14px 12px}}

/* v2.20: monthly receivables tab, visible account and complete dates. */
.account-button{display:inline-flex;align-items:center;gap:4px}.ledger-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 12px;padding:6px;border:1px solid var(--line);border-radius:13px;background:rgba(3,17,38,.76)}.ledger-view-tabs button{min-height:45px;padding:8px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:850}.ledger-view-tabs button.active{border-color:rgba(53,234,214,.45);background:rgba(53,234,214,.13);color:var(--mint)}.upcoming-months{padding:18px 20px;margin:0 0 25px}.upcoming-head h2{margin:4px 0 0;font-size:20px}.upcoming-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.upcoming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;margin-top:14px}.upcoming-grid>article{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.upcoming-grid>article>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:13px 14px;background:linear-gradient(115deg,rgba(53,234,214,.14),rgba(57,199,255,.08))}.upcoming-grid header h3{margin:0;font-size:14px}.upcoming-grid header span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.upcoming-grid header>strong{font-size:20px;color:var(--mint);white-space:nowrap}.upcoming-grid article>section{padding:11px 14px;border-top:1px solid var(--line)}.upcoming-grid h4{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;color:var(--text);font-size:9px}.upcoming-grid h4 b{color:var(--mint);white-space:nowrap}.upcoming-grid ul{list-style:none;margin:0;padding:0}.upcoming-grid li{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:7px 0;border-top:1px solid var(--line)}.upcoming-grid li div{min-width:0}.upcoming-grid li b{display:block;font-size:10px;overflow-wrap:anywhere}.upcoming-grid li small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.upcoming-grid li strong{font-size:11px;white-space:nowrap}.variable-head{display:grid;grid-template-columns:1fr 1fr;gap:11px}.variable-head input,.variable-head select{width:100%}.row p{font-variant-numeric:tabular-nums}
html[data-theme="light"] .ledger-view-tabs,html[data-theme="light"] .upcoming-grid>article{background:#fff}html[data-theme="light"] .ledger-view-tabs button{color:var(--muted)}html[data-theme="light"] .ledger-view-tabs button.active{color:#078b68}
@media(max-width:620px){.bottom-nav{grid-template-columns:repeat(7,1fr)}.bottom-nav button{min-width:0;padding:2px}.bottom-nav span{font-size:6.5px}.ledger-view-tabs{position:sticky;z-index:12;top:8px;margin-top:18px;background:rgba(3,17,38,.94);backdrop-filter:blur(14px)}html[data-theme="light"] .ledger-view-tabs{background:rgba(248,253,255,.95)}.ledger-view-tabs button{min-height:42px;padding:6px 4px;font-size:9px}.upcoming-months{padding:14px 12px}.upcoming-grid{grid-template-columns:1fr}.variable-head{grid-template-columns:1fr}.account-button .account-short{max-width:64px;overflow:hidden;text-overflow:ellipsis}}

/* v2.23: motivational welcome, automatic MyDash income and alert control. */
.row.auto-income{border-style:solid;border-color:rgba(53,234,214,.45);background:linear-gradient(110deg,rgba(53,234,214,.12),rgba(3,17,38,.93))}.row.auto-income .row-main small{color:var(--mint);font-weight:800}.motivation-dialog{width:min(760px,calc(100% - 24px));padding:0;overflow:hidden;border-color:rgba(255,255,255,.2);background:var(--panel)}.motivation-dialog::backdrop{background:rgba(1,7,21,.72);backdrop-filter:blur(7px)}.motivation-dialog>img{display:block;width:100%;height:230px;object-fit:cover}.motivation-dialog>div{padding:24px 27px 27px}.motivation-dialog span{font-size:9px;letter-spacing:1.5px;color:#74d8ff;font-weight:900}.motivation-dialog h2{margin:8px 0;font-size:clamp(24px,4vw,38px);line-height:1.08}.motivation-dialog p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.motivation-dialog>div button{width:100%;min-height:48px;margin-top:20px;border:0;border-radius:11px;background:linear-gradient(120deg,var(--plum),var(--rose));color:#fff;font-weight:850}.motivation-close{position:absolute;z-index:2;top:12px;right:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(3,17,38,.72);color:#fff;font-size:25px;line-height:1;backdrop-filter:blur(8px)}html[data-theme="light"] .row.auto-income{background:linear-gradient(110deg,rgba(53,234,214,.13),#fff)}
@media(max-width:620px){.motivation-dialog>img{height:180px}.motivation-dialog>div{padding:20px 19px 22px}.motivation-dialog p{font-size:12px}.header-actions #notificationsBtn{font-size:0;min-width:38px}.header-actions #notificationsBtn:first-letter{font-size:14px}}

/* v2.23: MyDash cards stay at the top and motivational photo credit. */
.motivation-credit{display:inline-block;margin-top:10px;color:var(--rose);font-size:9px;font-weight:800;text-decoration:none}.motivation-credit:hover{text-decoration:underline}.mydash-updated{display:block;margin-top:7px;color:var(--mint);font-size:9px;font-weight:800}.row.auto-income.planned{border-color:rgba(116,216,255,.5);background:linear-gradient(110deg,rgba(116,216,255,.13),rgba(3,17,38,.93))}


/* v2.23: paleta Alura Hub — bleumarin, albastru, turcoaz și smarald. */
::selection{background:rgba(57,199,255,.28);color:#fff}
.auth-card,.card,.sum-card,.row,.filters,dialog{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--shadow)}
.primary{background:linear-gradient(120deg,#073a82,#0868a9 55%,#0f907b)}
.add-actions button:first-child{background:linear-gradient(120deg,#078b68,#11d18d)}
.add-actions button:last-child{background:linear-gradient(120deg,#073a82,#39c7ff)}
.sum-card.projected:before{background:#f1ce6f}
.bottom-nav{border-color:rgba(116,216,255,.2)}
html[data-theme="light"]{--bg:#f3f9fc;--panel:#fff;--panel2:#eaf6f7;--line:#bdeeff;--text:#07111f;--muted:#5f6d7d}
html[data-theme="light"] body{background:radial-gradient(900px 550px at 0 0,#d6f7ff 0,transparent 62%),radial-gradient(700px 500px at 100% 15%,#d1fff9 0,transparent 64%),linear-gradient(155deg,#f8fcff,#eef7f7 55%,#eaf6f7)}

/* v2.23: mesaje scrise între Cătălin și Elena. */
.message-compose{display:grid;gap:7px;margin:0 0 14px;padding:14px;border:1px solid rgba(57,199,255,.3);border-radius:13px;background:linear-gradient(120deg,rgba(7,58,130,.2),rgba(17,209,141,.08))}.message-compose>label{color:#74d8ff;font-size:10px;font-weight:850;letter-spacing:.55px;text-transform:uppercase}.message-compose>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.message-compose textarea{min-height:72px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#021326;color:var(--text);font:inherit;line-height:1.45;outline:none}.message-compose textarea:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(57,199,255,.14)}.message-compose button{min-width:140px}.message-compose small{color:var(--muted);font-size:8px;line-height:1.45}.activity-history article.chat-message{background:linear-gradient(110deg,rgba(57,199,255,.13),var(--panel))}.activity-history article.chat-message i{background:rgba(57,199,255,.16);color:#74d8ff}.activity-history article.chat-message p{font-size:12px}.activity-history article.chat-message small{font-size:8px}
.header-messages{position:relative}.header-messages b{display:grid;place-items:center;position:absolute;top:-6px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#39c7ff;color:#031126;font-size:8px;box-shadow:0 4px 14px rgba(57,199,255,.42)}
html[data-theme="light"] .message-compose{background:linear-gradient(120deg,#eaf6f7,#f8fcff)}html[data-theme="light"] .message-compose textarea{background:#fff;color:var(--text)}
@media(max-width:620px){.header-messages{display:none}.message-compose{padding:11px}.message-compose>div{grid-template-columns:1fr}.message-compose button{min-width:0}.activity-history article.chat-message p{font-size:11px}}

/* v2.24: paletă metalizată Alura Hub — albastru irizat + galben auriu. */
:root{
  --bg:#020817;
  --panel:#06152c;
  --panel2:#0a2648;
  --line:#317fb4;
  --text:#f7f8fb;
  --muted:#b9cada;
  --plum:#073e95;
  --rose:#59d7ff;
  --mint:#66ddff;
  --peach:#ffd35e;
  --metal-blue:linear-gradient(118deg,#042b73 0%,#0b62bd 24%,#9eeeff 46%,#2378c8 57%,#063d8c 76%,#008f92 100%);
  --metal-blue-deep:linear-gradient(125deg,#031b4d 0%,#06408e 33%,#0d77be 58%,#02346e 100%);
  --metal-gold:linear-gradient(118deg,#704100 0%,#c88809 22%,#fff0a4 46%,#e6aa19 59%,#895100 100%);
  --metal-gold-soft:linear-gradient(118deg,rgba(112,65,0,.42),rgba(255,229,126,.18) 48%,rgba(201,132,8,.34));
}
::selection{background:#8ce8ff;color:#03152d}
body{
  background:
    radial-gradient(780px 520px at -12% -10%,rgba(32,119,212,.62),transparent 62%),
    radial-gradient(620px 500px at 108% 8%,rgba(0,151,145,.42),transparent 63%),
    radial-gradient(520px 380px at 72% 105%,rgba(177,113,5,.17),transparent 68%),
    linear-gradient(155deg,#020817 0%,#061b3c 52%,#031126 100%);
}
.app-header{
  border-bottom-color:rgba(126,220,255,.34);
  background:linear-gradient(105deg,rgba(2,15,43,.96),rgba(5,48,104,.9) 55%,rgba(4,92,112,.78));
  box-shadow:0 12px 32px -27px #8ce8ff;
}
.auth-card,.card,.sum-card,.row,.filters,dialog,.bottom-nav{
  border-color:rgba(115,211,255,.29);
  background-color:rgba(5,20,43,.9);
  box-shadow:inset 0 1px 0 rgba(197,242,255,.11),0 24px 60px -42px #000;
}
.auth-card,.period,.report,.mydash-box,.pending-breakdown,.upcoming-months{
  background-image:linear-gradient(132deg,rgba(8,61,126,.22),rgba(5,20,43,.92) 42%,rgba(0,130,138,.12));
}
.hub-link,.header-actions button,.quick button,.months button,.filters button,.report-tabs button,.ledger-view-tabs button,.row-actions button,.pending-columns button{
  border-color:rgba(105,214,255,.46);
  background:linear-gradient(130deg,rgba(7,44,93,.9),rgba(11,77,134,.72));
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(190,239,255,.12);
}
.hub-link:hover,.header-actions button:hover,.quick button:hover,.months button:hover,.filters button:hover,.report-tabs button:hover,.ledger-view-tabs button:hover,.row-actions button:hover,.pending-columns button:hover{
  border-color:#9cecff;
  box-shadow:0 0 0 1px rgba(156,236,255,.17),0 8px 22px -16px #80e8ff;
}
.primary,.motivation-dialog>div button,.add-actions button:first-child{
  background:var(--metal-blue);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 30px -20px #47d8ff;
}
.add-actions button:last-child{
  background:var(--metal-gold);
  color:#271600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 30px -20px #f1b521;
}
.months button.active,.quick button.active,.filters button.active,.report-tabs button.active,.ledger-view-tabs button.active{
  border-color:#9feeff;
  background:var(--metal-blue);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 22px -17px #6de3ff;
}
.report-tabs button[data-report="expense"].active{
  border-color:#ffe68a;
  background:var(--metal-gold);
  color:#2a1900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 22px -17px #f1b521;
}
.sync-state{
  border-color:rgba(111,218,255,.6);
  background:linear-gradient(112deg,rgba(8,76,139,.5),rgba(0,143,145,.26));
}
.sync-state i{background:#83e9ff;box-shadow:0 0 14px #73e4ff}
.sync-state b{color:#a8efff}
.eyebrow,.brand span,.report-card span,.message-compose>label,.motivation-dialog span{color:#91e7ff}
.sum-card:before,.sum-card.balance:before,.row.income{border-left-color:#59d7ff}
.sum-card:before,.sum-card.balance:before{background:var(--metal-blue)}
.sum-card.expense:before{background:var(--metal-gold)}
.sum-card.projected:before{background:linear-gradient(118deg,#bf7800,#ffe891 48%,#c88608)}
.sum-card strong,.sum-card.balance strong,.report-card strong,.people-box strong,.pending-columns h3 b,.upcoming-grid header>strong,.upcoming-grid h4 b{
  color:#7de5ff;
  text-shadow:0 0 18px rgba(104,221,255,.2);
}
.sum-card.expense strong,.sum-card.projected strong,.pending-columns>div:last-child h3 b{color:#ffe08a;text-shadow:0 0 18px rgba(255,203,72,.2)}
.row{border-left-color:#f3bd2d;background:linear-gradient(108deg,rgba(105,61,0,.16),rgba(5,20,43,.94) 36%)}
.row.income{background:linear-gradient(108deg,rgba(6,88,157,.27),rgba(5,20,43,.94) 36%)}
.row-icon{background:rgba(239,178,30,.16);color:#ffda71}
.income .row-icon{background:rgba(89,215,255,.15);color:#8be9ff}
.row-actions .mark{border-color:#80e8ff;color:#a9f2ff}
.mydash-box{border-color:rgba(107,220,255,.52);background-image:linear-gradient(118deg,rgba(5,64,128,.52),rgba(3,148,148,.19) 54%,rgba(5,20,43,.92))}
.mydash-box h2,.mydash-updated{color:#8feaff}
.report-card{border-color:rgba(105,210,255,.29);background:linear-gradient(135deg,rgba(7,58,120,.22),rgba(5,20,43,.86))}
.report-card:hover{border-color:#a0edff;box-shadow:0 10px 28px -23px #71e1ff}
.report-content.expense .report-card{border-color:rgba(247,191,49,.38);background:linear-gradient(135deg,rgba(117,69,0,.24),rgba(5,20,43,.9))}
.report-content.expense .report-card span,.report-content.expense .report-card strong{color:#ffe189;text-shadow:0 0 18px rgba(255,205,76,.18)}
.pending-columns>div{border-color:rgba(105,210,255,.32);background:linear-gradient(135deg,rgba(5,54,111,.3),rgba(5,20,43,.72))}
.pending-columns>div:last-child{border-color:rgba(247,191,49,.38);background:linear-gradient(135deg,rgba(117,69,0,.25),rgba(5,20,43,.78))}
.upcoming-grid>article>header{background:linear-gradient(118deg,rgba(8,89,165,.46),rgba(4,163,158,.22))}
.upcoming-grid header>strong,.upcoming-grid h4 b{color:#9feeff}
.activity-box,.message-compose{border-color:rgba(105,210,255,.45);background:linear-gradient(118deg,rgba(6,54,118,.54),rgba(5,20,43,.82) 66%,rgba(0,142,142,.16))}
.activity-history article.unread,.activity-history article.chat-message{background:linear-gradient(112deg,rgba(8,87,160,.34),var(--panel))}
.header-messages b{background:var(--metal-gold);color:#291900;box-shadow:0 4px 14px rgba(242,183,29,.42)}
.theme-toggle{border-color:rgba(255,224,126,.78);background:var(--metal-gold);color:#302000;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 15px 40px -18px #e6a915}
.bottom-nav{border-color:rgba(104,214,255,.42);background:linear-gradient(112deg,rgba(3,27,70,.96),rgba(6,63,116,.94),rgba(0,105,115,.86))}
.bottom-nav button[data-add="income"]{color:#8ceaff}.bottom-nav button[data-add="expense"]{color:#ffe083}
.bottom-nav #messagesBtn{color:#ffe08a}
.motivation-dialog{border-color:rgba(107,220,255,.55);background:var(--panel)}
html[data-theme="light"]{
  --bg:#edf7ff;--panel:#fff;--panel2:#e9f5ff;--line:#78c9ed;--text:#082144;--muted:#597187;
}
html[data-theme="light"] body{background:radial-gradient(820px 520px at 0 0,#bdeeff 0,transparent 62%),radial-gradient(680px 480px at 100% 10%,#b9f2e7 0,transparent 62%),linear-gradient(155deg,#f8fcff,#eaf6ff 54%,#fff7df)}
html[data-theme="light"] .auth-card,html[data-theme="light"] .card,html[data-theme="light"] .sum-card,html[data-theme="light"] .row,html[data-theme="light"] .filters,html[data-theme="light"] dialog,html[data-theme="light"] .bottom-nav{background-color:rgba(255,255,255,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 20px 45px -36px rgba(4,55,104,.42)}
html[data-theme="light"] .hub-link,html[data-theme="light"] .header-actions button,html[data-theme="light"] .quick button,html[data-theme="light"] .months button,html[data-theme="light"] .filters button,html[data-theme="light"] .report-tabs button,html[data-theme="light"] .ledger-view-tabs button,html[data-theme="light"] .row-actions button,html[data-theme="light"] .pending-columns button{color:#082144;background:linear-gradient(130deg,#effaff,#d9effa)}
html[data-theme="light"] .bottom-nav{background:linear-gradient(112deg,rgba(242,250,255,.97),rgba(219,245,255,.96),rgba(231,255,250,.94))}
html[data-theme="light"] .bottom-nav button{color:#082144}
html[data-theme="light"] .theme-toggle{background:var(--metal-gold);color:#302000}
@media(max-width:620px){.bottom-nav{box-shadow:inset 0 1px 0 rgba(195,241,255,.2),0 18px 50px rgba(0,10,28,.5)}.ledger-view-tabs{background:rgba(4,26,57,.95)}}

/* v2.25: fundalul este prioritar — metal Alura Hub, albastru/turcoaz cu reflex auriu. */
:root{
  --hub-metal-page:linear-gradient(132deg,#031441 0%,#0756ad 27%,#087ca9 51%,#008982 73%,#042a65 100%);
  --hub-metal-card:linear-gradient(132deg,#073572 0%,#075ca0 30%,#087e97 62%,#04336d 100%);
  --hub-metal-gold-glow:rgba(238,184,37,.22);
}
body{
  background:
    radial-gradient(850px 560px at -8% -12%,rgba(41,151,236,.82),transparent 62%),
    radial-gradient(780px 600px at 108% 4%,rgba(0,173,153,.74),transparent 64%),
    radial-gradient(720px 450px at 74% 112%,rgba(222,163,23,.25),transparent 66%),
    var(--hub-metal-page);
  background-attachment:fixed;
}
.app-header{
  background:
    linear-gradient(108deg,rgba(2,17,53,.92),rgba(4,54,115,.9) 48%,rgba(0,118,120,.83)),
    var(--hub-metal-page);
  border-bottom-color:rgba(156,234,255,.52);
}
.auth-card,.card,.sum-card,.row,.filters,dialog,.bottom-nav,.report-card,.pending-columns>div,.upcoming-grid>article{
  background:
    linear-gradient(115deg,rgba(197,245,255,.18) 0%,rgba(197,245,255,.04) 13%,transparent 31%,transparent 72%,rgba(255,222,118,.11) 100%),
    radial-gradient(95% 115% at 106% 112%,var(--hub-metal-gold-glow),transparent 57%),
    var(--hub-metal-card);
  border-color:rgba(148,229,255,.48);
  box-shadow:inset 0 1px 0 rgba(229,250,255,.23),inset 0 -1px 0 rgba(0,12,50,.28),0 25px 60px -43px #00102c;
}
.auth-card,.period,.report,.mydash-box,.pending-breakdown,.upcoming-months{
  background-image:
    linear-gradient(115deg,rgba(198,245,255,.22) 0%,rgba(198,245,255,.06) 14%,transparent 31%,transparent 68%,rgba(255,226,126,.13) 100%),
    radial-gradient(96% 120% at 108% 112%,rgba(238,184,37,.25),transparent 56%),
    linear-gradient(132deg,#073a7d 0%,#0865a8 31%,#068b98 64%,#04306d 100%);
}
.row{background:
  linear-gradient(115deg,rgba(198,245,255,.16),transparent 29%,transparent 73%,rgba(255,224,115,.1)),
  linear-gradient(132deg,#06336d 0%,#075795 39%,#087783 70%,#042b5f 100%);
  border-left-color:#ffd15a;
}
.row.income{background:
  linear-gradient(115deg,rgba(198,245,255,.2),transparent 31%,transparent 73%,rgba(255,224,115,.08)),
  linear-gradient(132deg,#073b80 0%,#0870b8 38%,#088f96 70%,#04316d 100%);
  border-left-color:#8eeaff;
}
.report-card{background:
  linear-gradient(115deg,rgba(199,244,255,.17),transparent 30%,transparent 74%,rgba(255,226,128,.1)),
  linear-gradient(132deg,#073773 0%,#075b9c 43%,#087a8a 100%);
}
.report-content.expense .report-card,.pending-columns>div:last-child{
  background:
    linear-gradient(115deg,rgba(255,242,183,.16),transparent 29%,transparent 74%,rgba(255,224,119,.17)),
    linear-gradient(132deg,#18375d 0%,#345e76 43%,#7e682a 100%);
  border-color:rgba(255,219,112,.52);
}
.mydash-box,.upcoming-grid>article>header,.activity-box,.message-compose{
  background:
    linear-gradient(115deg,rgba(202,246,255,.2),transparent 30%,transparent 75%,rgba(255,227,125,.12)),
    linear-gradient(132deg,#073d83 0%,#0870b7 38%,#078d95 70%,#043170 100%);
}
.pending-columns>div{background:
  linear-gradient(115deg,rgba(202,246,255,.16),transparent 30%,transparent 73%,rgba(255,227,125,.1)),
  linear-gradient(132deg,#073672 0%,#075b9d 42%,#087c8b 100%);
}
.plan-strip>div,.mydash-split div,.upcoming-grid article>section,.activity-history article,.help-grid article{
  background:linear-gradient(130deg,rgba(5,50,104,.73),rgba(3,107,116,.52));
  border-color:rgba(146,226,255,.29);
}
.bottom-nav{
  background:
    linear-gradient(115deg,rgba(174,239,255,.12),transparent 28%,transparent 77%,rgba(255,220,110,.09)),
    linear-gradient(112deg,rgba(2,23,66,.97),rgba(6,70,132,.95) 53%,rgba(0,111,112,.92));
}
html[data-theme="light"] body{
  background:
    radial-gradient(820px 560px at -8% -10%,rgba(105,207,255,.62),transparent 64%),
    radial-gradient(720px 520px at 108% 6%,rgba(64,215,186,.47),transparent 64%),
    radial-gradient(620px 400px at 76% 112%,rgba(247,193,50,.22),transparent 65%),
    linear-gradient(132deg,#dff4ff 0%,#d7f4ff 44%,#e1fff4 72%,#fff5d9 100%);
}
html[data-theme="light"] .auth-card,html[data-theme="light"] .card,html[data-theme="light"] .sum-card,html[data-theme="light"] .row,html[data-theme="light"] .filters,html[data-theme="light"] dialog,html[data-theme="light"] .bottom-nav,html[data-theme="light"] .report-card,html[data-theme="light"] .pending-columns>div,html[data-theme="light"] .upcoming-grid>article{
  background:
    linear-gradient(115deg,rgba(255,255,255,.86),rgba(255,255,255,.28) 23%,transparent 50%,rgba(255,228,132,.16)),
    linear-gradient(132deg,#e5f7ff 0%,#ccefff 46%,#d8faf0 75%,#f9efd2 100%);
  border-color:rgba(49,157,205,.37);
}

/* v2.26: fundal mai închis și mai liniștit; tema luminoasă rămâne albă. */
:root{
  --hub-metal-page:linear-gradient(132deg,#020f35 0%,#054790 29%,#076d91 54%,#00746f 75%,#032552 100%);
  --hub-metal-card:linear-gradient(132deg,#062b5e 0%,#064a7e 35%,#066d78 66%,#03274f 100%);
  --hub-metal-gold-glow:rgba(213,158,24,.07);
}
body{
  background:
    radial-gradient(850px 560px at -8% -12%,rgba(32,118,191,.57),transparent 62%),
    radial-gradient(780px 600px at 108% 4%,rgba(0,137,124,.49),transparent 64%),
    radial-gradient(720px 450px at 74% 112%,rgba(194,140,14,.08),transparent 66%),
    var(--hub-metal-page);
}
.app-header{
  background:linear-gradient(108deg,rgba(2,14,43,.94),rgba(4,45,96,.91) 50%,rgba(0,94,97,.84));
  border-bottom-color:rgba(132,216,239,.38);
}
.auth-card,.card,.sum-card,.row,.filters,dialog,.bottom-nav,.report-card,.pending-columns>div,.upcoming-grid>article{
  background:
    linear-gradient(115deg,rgba(197,241,255,.075) 0%,transparent 18%,transparent 83%,rgba(255,225,127,.035) 100%),
    radial-gradient(95% 115% at 106% 112%,var(--hub-metal-gold-glow),transparent 57%),
    var(--hub-metal-card);
  border-color:rgba(125,207,231,.33);
  box-shadow:inset 0 1px 0 rgba(218,247,255,.09),0 24px 54px -44px #000d26;
}
.auth-card,.period,.report,.mydash-box,.pending-breakdown,.upcoming-months{
  background-image:linear-gradient(115deg,rgba(196,241,255,.085),transparent 20%,transparent 82%,rgba(255,224,122,.035)),linear-gradient(132deg,#062d62 0%,#064e84 37%,#066f78 68%,#032950 100%);
}
.row{background:linear-gradient(115deg,rgba(196,241,255,.06),transparent 25%,transparent 83%,rgba(255,223,117,.035)),linear-gradient(132deg,#05295a 0%,#064677 42%,#06636e 72%,#03264d 100%)}
.row.income{background:linear-gradient(115deg,rgba(196,241,255,.08),transparent 25%,transparent 83%,rgba(255,223,117,.03)),linear-gradient(132deg,#063163 0%,#075289 42%,#06757a 72%,#032a54 100%)}
.report-card,.pending-columns>div{background:linear-gradient(115deg,rgba(196,241,255,.06),transparent 25%,transparent 84%,rgba(255,223,117,.03)),linear-gradient(132deg,#062b5d 0%,#064a7d 45%,#066771 100%)}
.report-content.expense .report-card,.pending-columns>div:last-child{background:linear-gradient(115deg,rgba(255,239,183,.06),transparent 25%,transparent 84%,rgba(255,223,117,.055)),linear-gradient(132deg,#17314f 0%,#305267 46%,#635b33 100%)}
.mydash-box,.upcoming-grid>article>header,.activity-box,.message-compose{background:linear-gradient(115deg,rgba(196,241,255,.08),transparent 24%,transparent 83%,rgba(255,223,117,.035)),linear-gradient(132deg,#063064 0%,#07548b 41%,#06777b 72%,#032b55 100%)}
.pending-columns>div{background:linear-gradient(115deg,rgba(196,241,255,.06),transparent 25%,transparent 84%,rgba(255,223,117,.03)),linear-gradient(132deg,#062b5c 0%,#06497a 45%,#06656f 100%)}
.bottom-nav{background:linear-gradient(112deg,rgba(2,18,54,.97),rgba(5,57,107,.95) 53%,rgba(0,90,92,.92))}

.mydash-receipts{margin-top:12px;border:1px solid rgba(147,221,241,.32);border-radius:11px;background:rgba(1,18,44,.24);overflow:hidden}
.mydash-receipts summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 12px;cursor:pointer;list-style:none;color:var(--text);font-size:10px;font-weight:800}
.mydash-receipts summary::-webkit-details-marker{display:none}
.mydash-receipts summary::after{content:'⌄';margin-left:4px;color:#9cecff;font-size:15px;transition:transform .18s ease}
.mydash-receipts[open] summary{border-bottom:1px solid rgba(147,221,241,.24);background:rgba(3,37,76,.24)}
.mydash-receipts[open] summary::after{transform:rotate(180deg)}
.mydash-receipts summary span{min-width:0}.mydash-receipts summary b{margin-left:auto;color:#b7efff;font-size:10px;white-space:nowrap}
.mydash-receipt-list{display:grid;gap:1px;background:rgba(147,221,241,.17)}
.mydash-receipt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;background:rgba(3,26,57,.72)}
.mydash-receipt>div{min-width:0}.mydash-receipt strong{display:block;font-size:11px;overflow-wrap:anywhere}.mydash-receipt small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.mydash-receipt>b{color:#b7efff;font-size:12px;white-space:nowrap}.mydash-receipt-empty{margin:0;padding:12px;color:var(--muted);font-size:9px;line-height:1.45;background:rgba(3,26,57,.72)}.mydash-receipt-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-top:1px solid rgba(147,221,241,.24);background:rgba(4,46,81,.76);font-size:10px;font-weight:800}.mydash-receipt-total span{color:#c8efff}.mydash-receipt-total b{color:#b7efff;font-size:13px;white-space:nowrap}.mydash-receipt-warning{margin:0;padding:11px 12px;color:#ffe4a1;background:rgba(104,68,10,.2);font-size:9px;line-height:1.5}
html[data-theme="light"] body{background:#fff}
html[data-theme="light"] .auth-card,html[data-theme="light"] .card,html[data-theme="light"] .sum-card,html[data-theme="light"] .row,html[data-theme="light"] .filters,html[data-theme="light"] dialog,html[data-theme="light"] .bottom-nav,html[data-theme="light"] .report-card,html[data-theme="light"] .pending-columns>div,html[data-theme="light"] .upcoming-grid>article{background:#fff;border-color:#d9e6ed;box-shadow:0 18px 42px -38px rgba(9,44,70,.34)}
html[data-theme="light"] .app-header{background:rgba(255,255,255,.94);border-bottom-color:#d9e6ed}
html[data-theme="light"] .mydash-box,html[data-theme="light"] .upcoming-grid>article>header,html[data-theme="light"] .activity-box,html[data-theme="light"] .message-compose{background:#fff}
html[data-theme="light"] .mydash-receipts{border-color:#d9e6ed;background:#fff}
html[data-theme="light"] .mydash-receipts[open] summary,html[data-theme="light"] .mydash-receipt,html[data-theme="light"] .mydash-receipt-empty{background:#fff}html[data-theme="light"] .mydash-receipt-total{border-top-color:#d9e6ed;background:#eef8ff;color:#082144}html[data-theme="light"] .mydash-receipt-total span,html[data-theme="light"] .mydash-receipt-total b{color:#1e6c96}html[data-theme="light"] .mydash-receipt-warning{background:#fff8de;color:#735406}
html[data-theme="light"] .mydash-receipts[open] summary{border-bottom-color:#d9e6ed}
html[data-theme="light"] .mydash-receipt-list{background:#edf3f6}
html[data-theme="light"] .mydash-receipts summary b,html[data-theme="light"] .mydash-receipt>b{color:#1e6c96}
@media(max-width:620px){.mydash-receipts summary{min-height:48px}.mydash-receipt{padding:10px 11px}}

/* v2.29: culori de fundal mai adânci, cu galben și verde neon foarte discrete. */
:root{
  --hub-metal-page:linear-gradient(132deg,#020d2e 0%,#043e7d 30%,#075d78 56%,#08675f 75%,#032046 100%);
  --hub-metal-card:linear-gradient(132deg,#052653 0%,#06416e 42%,#075f67 70%,#032344 100%);
  --hub-metal-gold-glow:rgba(235,184,29,.045);
  --hub-metal-neon-glow:rgba(108,255,135,.036);
}
body{
  background:
    radial-gradient(900px 620px at -10% -14%,rgba(27,102,176,.46),transparent 64%),
    radial-gradient(760px 600px at 108% 4%,rgba(0,122,111,.38),transparent 65%),
    radial-gradient(520px 420px at 78% 108%,rgba(235,184,29,.095),transparent 70%),
    radial-gradient(470px 390px at 105% 54%,rgba(108,255,135,.075),transparent 72%),
    var(--hub-metal-page);
}
.app-header{background:linear-gradient(108deg,rgba(1,12,38,.95),rgba(3,40,82,.93) 52%,rgba(2,81,80,.89));border-bottom-color:rgba(121,201,221,.28)}
.auth-card,.card,.sum-card,.row,.filters,dialog,.bottom-nav,.report-card,.pending-columns>div,.upcoming-grid>article{
  background:
    radial-gradient(92% 112% at 104% 113%,var(--hub-metal-gold-glow),transparent 60%),
    radial-gradient(74% 94% at 101% 43%,var(--hub-metal-neon-glow),transparent 65%),
    var(--hub-metal-card);
  border-color:rgba(120,198,219,.29);
  box-shadow:inset 0 1px 0 rgba(218,247,255,.055),0 22px 48px -45px #000a21;
}
.auth-card,.period,.report,.mydash-box,.pending-breakdown,.upcoming-months{
  background-image:
    radial-gradient(90% 110% at 102% 114%,rgba(235,184,29,.055),transparent 61%),
    radial-gradient(73% 95% at 103% 42%,rgba(108,255,135,.042),transparent 67%),
    linear-gradient(132deg,#052854 0%,#064673 42%,#075f67 70%,#032446 100%);
}
.row{background:radial-gradient(85% 110% at 104% 110%,rgba(235,184,29,.03),transparent 62%),linear-gradient(132deg,#05234e 0%,#063c65 43%,#07585f 73%,#032143 100%)}
.row.income{background:radial-gradient(78% 96% at 101% 42%,rgba(108,255,135,.032),transparent 66%),linear-gradient(132deg,#052956 0%,#064877 43%,#07666b 73%,#03264b 100%)}
.report-card,.pending-columns>div{background:radial-gradient(88% 108% at 104% 112%,rgba(235,184,29,.026),transparent 63%),linear-gradient(132deg,#052652 0%,#06416d 46%,#075c62 100%)}
.report-content.expense .report-card,.pending-columns>div:last-child{background:radial-gradient(78% 94% at 102% 47%,rgba(235,184,29,.045),transparent 68%),linear-gradient(132deg,#102b49 0%,#28485c 48%,#4f5837 100%)}
.mydash-box,.upcoming-grid>article>header,.activity-box,.message-compose{background:radial-gradient(74% 95% at 102% 43%,rgba(108,255,135,.04),transparent 67%),radial-gradient(90% 112% at 104% 113%,rgba(235,184,29,.048),transparent 62%),linear-gradient(132deg,#052a58 0%,#064a78 43%,#07676b 72%,#03264d 100%)}
.bottom-nav{background:linear-gradient(112deg,rgba(1,15,45,.98),rgba(4,48,91,.96) 54%,rgba(3,80,78,.94))}
html[data-theme="light"] body{background:#fff}
html[data-theme="light"] .auth-card,html[data-theme="light"] .card,html[data-theme="light"] .sum-card,html[data-theme="light"] .row,html[data-theme="light"] .filters,html[data-theme="light"] dialog,html[data-theme="light"] .bottom-nav,html[data-theme="light"] .report-card,html[data-theme="light"] .pending-columns>div,html[data-theme="light"] .upcoming-grid>article,html[data-theme="light"] .mydash-box,html[data-theme="light"] .upcoming-grid>article>header,html[data-theme="light"] .activity-box,html[data-theme="light"] .message-compose{background:#fff}