/* Original user artwork, kept intact. Cream veils keep the content readable. */
:root{--forest:#203f32;--ink:#243e32;--muted:#59695b;--cream:#f8f5e9;--light:#e8eddf;--line:#dce1d2;--green:#eceddd}
body{background:#f8f5e9;color:var(--ink);isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('strippi-landscape-logo.png') center center/cover no-repeat;opacity:.3}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(248,245,233,.15),rgba(248,245,233,.93) 29%,rgba(248,245,233,.97) 65%,rgba(248,245,233,.25))}
aside{background:rgba(245,244,229,.94);border-right-color:#d8ddcd;box-shadow:8px 0 40px #263d2d08}
.brand{justify-content:center}.brand-logo{width:132px;height:132px;border-radius:26px;object-fit:contain;box-shadow:0 8px 24px #253b2d14}.brand-wordmark{display:none}
nav{margin-top:30px}nav button{border-radius:12px}nav button.active{background:#254b38;color:#fffdf4;box-shadow:inset 4px 0 #c3a366,0 5px 15px #203f3214}nav button:hover:not(.active){background:#e6eadc}
header{background:#faf8efdd;border-bottom-color:#dfe3d5}
h1,h2,h3{color:#203f32}.eyebrow{color:#77603b}.card{background:rgba(255,254,248,.96);border-color:#dde2d4;box-shadow:0 8px 30px #233c2a06}.featured{background:#254b38;color:#fffdf3;border-color:#254b38;border-top:4px solid #c3a366;box-shadow:0 10px 30px #203f321a}.featured label{color:#f0e6c9}.featured small{color:#e1e9d8}
.primary{background:#315b42;border-color:#315b42;color:#fffdf5}.primary:hover{background:#21442f;border-color:#21442f}button:hover{background:#edf0e4}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#93733d}.pill,.bank-icon,.segmented{background:#e7ecdf;color:#354f3b}.segmented [aria-pressed=true]{background:#fffdf5;box-shadow:0 2px 8px #26413212}
select,input{background:#fffef9;color:#243e32;border-color:#d4ddcc}.note{background:#f5f0df;border-color:#e2d8ba;border-left-color:#af9154}.badge{background:#f5efdd;color:#755c2e;border-color:#dfd1ae}.calendar{background:#f1ead6;color:#725934}.income{color:#315d40}.track{background:#e8ecdf}.track span,.bar,.legend i{background:#879970}.bar.spent,.legend i.dark{background:#315b42}.forecast{background:#e8eddf}.donut>div{background:#fffef8}.cost-row input[type=checkbox]{accent-color:#315b42}.aside-note hr{border-color:#d4dcca}dialog{background:#fffef7;box-shadow:0 28px 100px #1e362e38}dialog::backdrop{background:#1e362e66;backdrop-filter:blur(3px)}.gate-card>img{border-radius:24px;box-shadow:0 8px 25px #263d2d16}.gate-card{background:#fffdf6f5}
#content{position:relative}#content.nav-mist::after{content:"";position:absolute;inset:-12px;z-index:3;pointer-events:none;border-radius:24px;background:radial-gradient(ellipse at 25% 25%,#fffdf4b8,transparent 65%),linear-gradient(115deg,#e5e9d96b,transparent 75%);animation:mist-dissolve 520ms ease-out both}
#content.nav-mist>.card,#content.nav-mist>.kpis,#content.nav-mist>.grid{animation:page-emerge 420ms cubic-bezier(.2,.7,.2,1) both}
@keyframes page-emerge{from{opacity:.55;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes mist-dissolve{from{opacity:.9;transform:translateX(-7px)}to{opacity:0;transform:translateX(10px)}}
@media(max-width:760px){.brand{justify-content:flex-start}.brand-logo{width:70px;height:70px;border-radius:16px}nav{margin-top:16px}body::before{background-position:35% center;opacity:.2}body::after{background:#f8f5e9b8}}
@media(prefers-reduced-motion:reduce){#content.nav-mist::after{display:none}#content.nav-mist>.card,#content.nav-mist>.kpis,#content.nav-mist>.grid{animation:none}button{transition:none!important}}
/* Blend the original image's white canvas into the cream navigation surface. */
.brand-logo,.gate-card>img{mix-blend-mode:multiply;box-shadow:none;background:transparent;border-radius:0}