/* Savlumo: translucent layers, soft light and a legible glass surface system. */
:root{--bg:#f2f1fa;--card:rgba(255,255,255,.78);--ink:#29243f;--muted:#6e6880;--rule:rgba(112,96,153,.16);--accent:#7455d9;--soft:rgba(226,217,255,.65);--mint:rgba(202,239,223,.77);--peach:rgba(255,224,213,.82);--lavender:rgba(220,209,255,.8);--glass-border:rgba(255,255,255,.83);--glass-shadow:0 12px 40px rgba(58,40,103,.07),inset 0 1px 0 rgba(255,255,255,.8)}
body{background-color:#ececf7;background-image:radial-gradient(ellipse at 8% 10%,#dcd0ff 0,transparent 42%),radial-gradient(ellipse at 92% 35%,#d2efe5 0,transparent 43%),radial-gradient(ellipse at 40% 90%,#f7dfe9 0,transparent 42%);background-attachment:fixed;color:var(--ink)}
body.dark{--bg:#211e34;--card:rgba(39,33,61,.85);--ink:#f4f0ff;--muted:#c1b8d2;--rule:rgba(216,200,255,.16);--accent:#b09aff;--soft:rgba(85,65,133,.55);--mint:rgba(45,88,75,.7);--peach:rgba(102,65,70,.75);--lavender:rgba(96,72,151,.7);--glass-border:rgba(225,210,255,.16);--glass-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.06);background-color:#171425;background-image:radial-gradient(ellipse at 8% 10%,#352456 0,transparent 44%),radial-gradient(ellipse at 92% 35%,#193d3b 0,transparent 44%),radial-gradient(ellipse at 40% 90%,#3c243f 0,transparent 45%)}
.app,.public-site,.auth-shell,.setup{background:rgba(247,246,255,.47);border:1px solid var(--glass-border);box-shadow:0 25px 75px #3b2a6510}
.dark .app,.dark .setup{background:rgba(28,24,44,.5)}
.panel,.summarybox,.price-card,.goalcard,.setup-expense{background:var(--card);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
.sidebar,.topbar,.public-header{background:rgba(255,255,255,.5);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.dark .sidebar,.dark .topbar{background:rgba(32,26,48,.65)}
.topbar{border-bottom:1px solid var(--glass-border);margin-bottom:12px}
.sidebar{border-right:1px solid var(--glass-border)}
.brand{font-size:26px;letter-spacing:-1.3px}.brand i{box-shadow:inset 0 1px 0 #ffffff55,0 5px 12px #7455d92b;background:linear-gradient(140deg,#9b83ee,#6b4bcf)}.brand i:after{content:'s'}
.envelope{background:rgba(255,255,255,.48);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #ffffff8c;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dark .envelope{background:rgba(63,51,88,.45);border-color:var(--rule);box-shadow:inset 0 1px 0 #ffffff09}
.balancebox,.preview-balance{background:linear-gradient(130deg,rgba(54,42,89,.95),rgba(94,68,145,.91));border:1px solid #ffffff30;box-shadow:0 10px 30px #42296a20,inset 0 1px 0 #ffffff38}
.balancebox:after{border-color:#ffffff08}
.public-cta,.quickaction,.primary{background:linear-gradient(135deg,#8a6ae6,#6847c8);color:#fff;border:1px solid #ffffff35;box-shadow:0 5px 15px #6847c824,inset 0 1px 0 #ffffff38}
.dark .textbtn{color:#c4b2ff}.dark .public-cta,.dark .quickaction,.dark .primary{color:#fff}
.nav button.active{background:var(--soft);box-shadow:inset 0 1px 0 #ffffff66}.dark .nav button.active{box-shadow:inset 0 1px 0 #ffffff0d}
.field input,.field select,.search,.auth-form-wrap .field input{background:rgba(255,255,255,.73);border-color:rgba(143,127,180,.25);box-shadow:inset 0 1px 2px #5d478205}
.dark .field input,.dark .field select,.dark .search{background:rgba(21,17,36,.6);border-color:var(--rule)}
.setup footer,.expenditure-setup footer{background:rgba(248,246,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.dark .setup footer{background:rgba(29,23,45,.88)}
.preview-dashboard{background:rgba(255,255,255,.72);border-color:#ffffffcf;box-shadow:0 22px 65px #6645931a,inset 0 1px 0 #ffffff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.preview-cards>div,.preview-sticker,.landing-bottom,.household-summary>div,.recommendteaser,.sidepromo,.coachintro,.local-account-note{border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 #ffffff60}
.landing-features{background:rgba(255,255,255,.36);border-color:var(--glass-border)}
.auth-story{background:linear-gradient(145deg,rgba(48,37,79,.96),rgba(96,65,143,.9));box-shadow:inset -1px 0 0 #ffffff20}
.auth-main{background:rgba(255,255,255,.53);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.price-card.plus-price{background:linear-gradient(145deg,rgba(237,231,255,.9),rgba(228,216,255,.7));border-color:#ac93ed;box-shadow:0 15px 40px #7552be18,inset 0 1px 0 #ffffff}
.dark .price-card.plus-price{background:linear-gradient(145deg,rgba(75,54,113,.9),rgba(49,37,77,.8));border-color:#8e75bb;box-shadow:var(--glass-shadow)}
.secondary,.chip,.iconbutton,.period{background:rgba(255,255,255,.62);border-color:var(--glass-border);box-shadow:inset 0 1px 0 #ffffff66}
.dark .secondary,.dark .chip,.dark .iconbutton,.dark .period{background:rgba(52,41,76,.7);border-color:var(--rule);box-shadow:none}
dialog{background:rgba(250,248,255,.94);border:1px solid #ffffff;box-shadow:0 30px 100px #25123738;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.dark dialog{background:rgba(32,26,47,.97);border-color:var(--glass-border)}
dialog::backdrop{background:#22173570;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.callout,.outlook,.due-banner,.coachnotice{border:1px solid var(--glass-border)}
.household-summary>div:last-child{color:var(--ink)}
.public-footer{border-top:1px solid var(--glass-border);background:rgba(255,255,255,.25)}
.wp-sync-status{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(hover:hover) and (pointer:fine){.envelope:hover{background:rgba(255,255,255,.83);border-color:#c6b2f4;box-shadow:0 12px 26px #65409812,inset 0 1px 0 #ffffff}.dark .envelope:hover{background:rgba(83,63,115,.7);border-color:#9d80c1}}
@media(min-width:761px){.public-site,.auth-shell,.setup{margin:24px auto;border-radius:26px;overflow:hidden}.auth-shell{min-height:calc(100dvh - 48px)}.setup{min-height:calc(100dvh - 48px)}.public-header{border-radius:26px 26px 0 0}}
@media(max-width:760px){body{background-attachment:scroll}.app,.public-site,.auth-shell,.setup{border:0;border-radius:0;box-shadow:none}.sidebar{background:rgba(251,248,255,.94);border:1px solid var(--glass-border);border-bottom:0}.dark .sidebar{background:rgba(31,24,47,.95)}.panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.public-header .brand{font-size:24px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.panel,.summarybox,.price-card,.goalcard,.setup-expense,.sidebar,.public-header,.auth-main,.preview-dashboard,.envelope{background:#faf9ff}.dark .panel,.dark .sidebar,.dark .envelope{background:#292139}}
@media(prefers-contrast:more){:root{--card:#fff;--muted:#50465d;--glass-border:#bdb0d1}.panel,.envelope,.sidebar,.price-card,.auth-main{background:#fff;backdrop-filter:none}.dark .panel,.dark .envelope,.dark .sidebar{background:#201a2d;color:#fff}}