:root{--accent:#4fae7b;--accent-hover:#3d9366;--accent-lite:#7fd6a5;--accent-ink:#1f6e46;--bg-primary:#fff;--bg-secondary:color-mix(in srgb,var(--accent) 5%,#fff);--bg-tertiary:color-mix(in srgb,var(--accent) 12%,#fff);--card-bg:#fff;--card-glass:hsla(0,0%,100%,.72);--accent-soft:color-mix(in srgb,var(--accent) 20%,#fff);--text-primary:color-mix(in srgb,var(--accent) 18%,#14201b);--text-secondary:color-mix(in srgb,var(--accent) 14%,#5c6660);--text-muted:color-mix(in srgb,var(--accent) 12%,#949c98);--pastel-lav:#e4e0fb;--pastel-lav-ink:#5b4bc4;--pastel-peach:#ffe6c7;--pastel-peach-ink:#b26a13;--pastel-sky:#d6ecfb;--pastel-sky-ink:#1d6ea3;--pastel-rose:#ffdde3;--pastel-rose-ink:#b8365a;--pastel-mint:var(--accent-soft);--pastel-mint-ink:var(--accent-ink);--danger:#e0546f;--warning:#e79a2b;--success:#4fae7b;--border-color:color-mix(in srgb,var(--accent) 14%,#eef1ef);--shadow-color:color-mix(in srgb,var(--accent-ink) 14%,transparent);--shadow-soft:color-mix(in srgb,var(--accent-ink) 7%,transparent);--toggle-bg:var(--bg-tertiary);--toggle-knob:#fff;--grid-color:color-mix(in srgb,var(--accent-ink) 10%,transparent);--grid-size:28px;--grid-dot:1px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-pill:999px;--clay-1:0 2px 6px var(--shadow-soft),0 8px 24px var(--shadow-color);--clay-2:0 4px 10px var(--shadow-soft),0 18px 40px var(--shadow-color);--clay-in:inset 0 2px 0 hsla(0,0%,100%,.9),inset 0 -3px 6px rgba(24,63,45,.05)}[data-theme=dark]{--bg-primary:color-mix(in srgb,var(--accent) 9%,#101613);--bg-secondary:color-mix(in srgb,var(--accent) 6%,#0b100e);--bg-tertiary:color-mix(in srgb,var(--accent) 13%,#1a211d);--card-bg:color-mix(in srgb,var(--accent) 8%,#161d19);--card-glass:color-mix(in srgb,var(--accent) 10%,rgba(28,38,33,.66));--accent-soft:color-mix(in srgb,var(--accent) 24%,#121915);--text-primary:color-mix(in srgb,var(--accent) 12%,#e7ece9);--text-secondary:color-mix(in srgb,var(--accent) 16%,#9aa6a0);--text-muted:color-mix(in srgb,var(--accent) 14%,#6d7a74);--pastel-lav:#2a2745;--pastel-lav-ink:#b1a6f5;--pastel-peach:#3a2c19;--pastel-peach-ink:#f0b866;--pastel-sky:#17303f;--pastel-sky-ink:#7cc3ec;--pastel-rose:#3a212a;--pastel-rose-ink:#f0899f;--danger:#f0899f;--warning:#f0b866;--success:#6cc794;--border-color:color-mix(in srgb,var(--accent) 16%,#242c28);--shadow-color:rgba(0,0,0,.45);--shadow-soft:rgba(0,0,0,.28);--toggle-knob:#e6efe9;--grid-color:hsla(0,0%,100%,.06);--clay-1:0 2px 6px var(--shadow-soft),0 8px 24px var(--shadow-color);--clay-2:0 4px 10px var(--shadow-soft),0 18px 40px var(--shadow-color);--clay-in:inset 0 1px 0 hsla(0,0%,100%,.06),inset 0 -3px 6px rgba(0,0,0,.25)}[data-palette=mint]{--accent:#4fae7b;--accent-hover:#3d9366;--accent-lite:#7fd6a5;--accent-ink:#1f6e46}[data-palette=ocean]{--accent:#3287c4;--accent-hover:#26709f;--accent-lite:#6fc0ea;--accent-ink:#1a5680}[data-palette=sunset]{--accent:#e8763f;--accent-hover:#c85f2c;--accent-lite:#f7a875;--accent-ink:#9c4718}[data-palette=grape]{--accent:#7c5cd6;--accent-hover:#6547bb;--accent-lite:#ab93ef;--accent-ink:#4b3392}[data-palette=rose]{--accent:#e0546f;--accent-hover:#c23e58;--accent-lite:#f28ba1;--accent-ink:#9d2f4a}[data-palette=slate]{--accent:#5b7183;--accent-hover:#48596a;--accent-lite:#93a9b9;--accent-ink:#37454f}[data-theme=dark][data-palette=mint]{--accent:#6cc794;--accent-hover:#8bd8ac;--accent-lite:#8bd8ac;--accent-ink:#8bd8ac}[data-theme=dark][data-palette=ocean]{--accent:#54a8de;--accent-hover:#7cc3ec;--accent-lite:#7cc3ec;--accent-ink:#7cc3ec}[data-theme=dark][data-palette=sunset]{--accent:#f0925f;--accent-hover:#f7b083;--accent-lite:#f7b083;--accent-ink:#f7b083}[data-theme=dark][data-palette=grape]{--accent:#9a80e6;--accent-hover:#b1a6f5;--accent-lite:#b1a6f5;--accent-ink:#b1a6f5}[data-theme=dark][data-palette=rose]{--accent:#e8768d;--accent-hover:#f0899f;--accent-lite:#f0899f;--accent-ink:#f0899f}[data-theme=dark][data-palette=slate]{--accent:#7e94a6;--accent-hover:#9db0be;--accent-lite:#9db0be;--accent-ink:#9db0be}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}body{font-family:Segoe UI Variable Display,-apple-system,BlinkMacSystemFont,Nunito,SF Pro Rounded,Segoe UI,system-ui,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);position:relative;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--grid-color) var(--grid-dot),transparent var(--grid-dot));background-size:var(--grid-size) var(--grid-size);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 20%,transparent 70%)}body>*{position:relative;z-index:1}body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--clay-1);padding:1.25rem}.card-title{font-size:1.02rem;font-weight:800;margin-bottom:1rem}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);background:radial-gradient(120% 140% at 100% 0,var(--pastel-mint) 0,transparent 55%),var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--clay-2);padding:1.6rem}.hero h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800}.hero .sub{color:var(--text-secondary);margin-top:.35rem;font-size:.95rem}.spend-card{margin-top:1.25rem;padding:1.1rem 1.25rem;border-radius:var(--r-lg);background:var(--card-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--clay-1);display:flex;align-items:center;gap:1rem}.spend-num{font-size:2.1rem;font-weight:800;letter-spacing:-.03em}.spend-num small{font-size:.9rem;font-weight:700;color:var(--text-muted)}.tile{width:54px;height:54px;border-radius:var(--r-md);display:grid;place-items:center;flex:0 0 auto;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.65),inset 0 -4px 8px rgba(0,0,0,.07),0 6px 14px var(--shadow-soft)}.tile.sm{width:40px;height:40px;border-radius:var(--r-sm)}.tile.mint{background:var(--pastel-mint);color:var(--pastel-mint-ink)}.tile.lav{background:var(--pastel-lav);color:var(--pastel-lav-ink)}.tile.peach{background:var(--pastel-peach);color:var(--pastel-peach-ink)}.tile.sky{background:var(--pastel-sky);color:var(--pastel-sky-ink)}.tile.rose{background:var(--pastel-rose);color:var(--pastel-rose-ink)}.chip{font-size:.7rem;font-weight:800;padding:.3rem .7rem;border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap}.chip.rose{background:var(--pastel-rose);color:var(--pastel-rose-ink)}.chip.peach{background:var(--pastel-peach);color:var(--pastel-peach-ink)}.chip.mint{background:var(--pastel-mint);color:var(--pastel-mint-ink)}.chip.sky{background:var(--pastel-sky);color:var(--pastel-sky-ink)}.btn{font:inherit;font-weight:700;cursor:pointer;border:none;padding:.7rem 1.2rem;border-radius:var(--r-pill);background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-hover),0 10px 20px var(--shadow-color);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-hover)}.btn.ghost{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--clay-in)}.btn.ghost:active{transform:translateY(1px)}.bar,.btn.ghost:active{box-shadow:var(--clay-in)}.bar{height:12px;background:var(--bg-tertiary);overflow:hidden}.bar,.bar>span{border-radius:var(--r-pill)}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-lite));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5)}.row{display:flex;align-items:center;gap:.85rem;padding:.75rem;border-radius:var(--r-md)}.row+.row{margin-top:.3rem}.row:hover{background:var(--bg-secondary)}.row .meta{flex:1 1;min-width:0}.row .meta b{display:block;font-size:.92rem;font-weight:700}.row .meta span{font-size:.78rem;color:var(--text-muted)}.pan{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em}.shell-grid{display:grid;height:100vh;overflow:hidden;transition:grid-template-columns .2s ease}.sidebar{padding:1.25rem 1rem;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem;height:100%;overflow:hidden}.sidebar.collapsed{padding:1.25rem .6rem}.sidebar .nav-icon{flex:0 0 auto;display:grid;place-items:center}.sidebar .label{white-space:nowrap;overflow:hidden}.sidebar.collapsed .label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;padding:.3rem .3rem 1.1rem}.sidebar.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.brand-toggle{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer}.brand-toggle:hover{color:var(--accent-ink)}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:var(--r-md);font-size:.88rem;font-weight:700;color:var(--text-secondary);cursor:pointer}.nav-item:hover{background:var(--bg-tertiary)}.nav-item.active{background:var(--card-bg);color:var(--accent-ink);box-shadow:var(--clay-1)}.main{padding:1.6rem;background:var(--bg-primary);height:100%;overflow-y:auto}.grid-2{grid-template-columns:1.35fr 1fr;grid-gap:1.1rem;gap:1.1rem}.grid-2,.grid-4{display:grid;margin-top:1.1rem}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:.8rem;gap:.8rem}.quick{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .5rem;border-radius:var(--r-lg);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--clay-1);cursor:pointer;font-size:.8rem;font-weight:700;color:var(--text-secondary);transition:transform .15s ease}.quick:hover{transform:translateY(-3px)}.chart{display:flex;align-items:flex-end;gap:.55rem;height:132px;padding-top:.5rem}.chart div{flex:1 1;border-radius:var(--r-sm) var(--r-sm) 6px 6px;background:linear-gradient(180deg,var(--accent-lite),var(--accent));box-shadow:inset 0 2px 0 hsla(0,0%,100%,.4);position:relative}.chart div.dim{background:var(--bg-tertiary);box-shadow:var(--clay-in)}.chart-x{display:flex;gap:.55rem;margin-top:.5rem}.chart-x span{flex:1 1;text-align:center;font-size:.68rem;color:var(--text-muted);font-weight:700}.seg{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--r-pill);box-shadow:var(--clay-in)}.seg button{border:none;font:inherit;cursor:pointer;font-size:.74rem;font-weight:700;padding:.35rem .8rem;border-radius:var(--r-pill);background:transparent;color:var(--text-secondary)}.seg button[aria-pressed=true]{background:var(--card-bg);color:var(--accent-ink);box-shadow:var(--clay-1)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.credit{border-radius:var(--r-lg);padding:1.1rem;color:color-mix(in srgb,var(--accent) 35%,#10201a);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 38%,#fff),color-mix(in srgb,var(--accent) 18%,#fff) 55%,color-mix(in srgb,var(--accent) 7%,#fff));box-shadow:var(--clay-2),inset 0 2px 0 hsla(0,0%,100%,.7);position:relative;overflow:hidden}.credit.lav{background:linear-gradient(140deg,#cfc9fb,#e4e0fb 55%,#f0eefd);color:#241b52}.credit .brand-row{display:flex;justify-content:space-between;align-items:center}.credit .num{font-size:1.05rem;margin-top:1.4rem;font-weight:800}.credit .foot{display:flex;justify-content:space-between;margin-top:.9rem;font-size:.7rem;font-weight:700;opacity:.75}.pal{font:inherit;cursor:pointer;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .45rem;background:var(--card-bg);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--r-pill);box-shadow:var(--clay-1);transition:transform .15s ease,border-color .2s ease}.pal:hover{transform:translateY(-2px)}.pal[aria-checked=true]{border-color:var(--accent);color:var(--accent-ink)}.pal i{width:22px;height:22px;border-radius:50%;display:block;box-shadow:inset 0 -2px 3px rgba(0,0,0,.15),inset 0 2px 2px hsla(0,0%,100%,.45)}.pal[data-palette=mint] i{background:linear-gradient(140deg,#7fd6a5,#4fae7b)}.pal[data-palette=ocean] i{background:linear-gradient(140deg,#6fc0ea,#3287c4)}.pal[data-palette=sunset] i{background:linear-gradient(140deg,#f7a875,#e8763f)}.pal[data-palette=grape] i{background:linear-gradient(140deg,#ab93ef,#7c5cd6)}.pal[data-palette=rose] i{background:linear-gradient(140deg,#f28ba1,#e0546f)}.pal[data-palette=slate] i{background:linear-gradient(140deg,#93a9b9,#5b7183)}.input{font:inherit;padding:.65rem .85rem;border-radius:var(--r-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);box-shadow:var(--clay-in)}.input:focus{outline:2px solid var(--accent);outline-offset:1px}