/*! RIVET — a black-and-neon finance dashboard with motion that behaves — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050507;--frame:#08090c;--side:#0a0b10;--card:#111218;--card-top:#15161e;--well:#1a1b24;--well-2:#22232e;--hair:#ffffff14;--hair-2:#ffffff29;--ink:#f4f5f9;--dim:#aab0c2;--faint:#7d8296;--accent:#d4ff3f;--accent-2:#3ef2ff;--accent-3:#d4ff3f24;--n-lime:#d4ff3f;--n-cyan:#3ef2ff;--n-violet:#a98bff;--n-amber:#ffbe4d;--n-pink:#ff5c8a;--n-mint:#4dffc3;--n-sand:#e8c9a0;--slate:#33364a;--slate-2:#464a62;--ok:#d4ff3f;--bad:#ff5c8a;--glow:0 0 0 1px #d4ff3f59, 0 0 22px -4px #d4ff3f8c;--shadow-pop:0 10px 30px -10px #000c, 0 0 0 1px var(--hair-2);--font-display:"Manrope", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--r-card:18px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.4;overflow:hidden}.sprite{width:0;height:0;position:absolute;overflow:hidden}.ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}button{font:inherit;color:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}p,h1,h2,h3{margin:0}a{color:inherit}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.main,.side{scrollbar-width:thin;scrollbar-color:var(--well-2) transparent}.main::-webkit-scrollbar{width:8px}.side::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb{background:var(--well-2);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.side::-webkit-scrollbar-thumb{background:var(--well-2);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.stage{height:100svh}.frame{background:radial-gradient(70% 45% at 8% 0%, #d4ff3f0f, transparent 60%), radial-gradient(60% 50% at 100% 100%, #3ef2ff0d, transparent 55%), var(--frame);height:100%;transition:grid-template-columns .45s var(--ease);grid-template-rows:minmax(0,1fr);grid-template-columns:236px minmax(0,1fr);display:grid;position:relative;overflow:hidden}html.js .frame{opacity:0}.side{background:var(--side);border-right:1px solid var(--hair);flex-direction:column;min-width:0;min-height:0;padding:22px 14px 18px;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px 22px;text-decoration:none;display:flex}.brand__mark{background:var(--accent);width:30px;height:30px;color:var(--bg);border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:0 0 18px -4px #d4ff3f99}.brand__mark svg{fill:currentColor;width:18px;height:18px}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800}.nav{flex:1;position:relative}.nav__pill{z-index:0;background:var(--well);height:40px;box-shadow:inset 0 0 0 1px var(--hair);opacity:0;border-radius:10px;position:absolute;top:0;left:0;right:0}.nav__pill:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 10px #d4ff3fb3}.nav__list{z-index:1;gap:2px;display:grid;position:relative}.nav__list--secondary{border-top:1px solid var(--hair);margin-top:26px;padding-top:14px}.nav__item{width:100%;height:40px;color:var(--dim);text-align:left;transition:color .25s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav__item .ico{color:var(--faint);transition:color .25s var(--ease), transform .35s var(--ease)}.nav__item:hover{color:var(--ink)}.nav__item:hover .ico{transform:translateY(-1px)scale(1.08)}.nav__item.is-active{color:var(--ink)}.nav__item.is-active .ico{color:var(--accent)}.nav__item--toggle .ico--chev{width:16px;height:16px;transition:transform .4s var(--ease);margin-left:auto}.nav__group:not(.is-open) .ico--chev{transform:rotate(-90deg)}.nav__sub{transition:grid-template-rows .45s var(--ease);grid-template-rows:1fr;display:grid}.nav__sub>ul{gap:1px;padding-left:21px;display:grid;overflow:hidden}.nav__group:not(.is-open) .nav__sub{grid-template-rows:0fr}.nav__subitem{height:30px;color:var(--faint);align-items:center;gap:8px;padding-left:18px;font-size:12.5px;text-decoration:none;transition:color .25s;display:flex;position:relative}.nav__subitem:before{content:"";background:var(--hair-2);width:1px;position:absolute;top:0;bottom:0;left:0}.nav__subitem.is-active:before{background:var(--accent);box-shadow:0 0 8px #d4ff3f99}.nav__subitem.is-active,.nav__subitem:hover{color:var(--ink)}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--bg);border-radius:9px;place-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-grid}.promo{background:linear-gradient(180deg, var(--card-top), var(--card));border:1px solid var(--hair);border-radius:14px;margin-top:18px;padding:16px;position:relative}.promo.is-gone{visibility:hidden;pointer-events:none}.promo__close{width:24px;height:24px;color:var(--faint);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.promo__close .ico{width:14px;height:14px}.promo__close:hover{color:var(--ink)}.promo__icon{background:var(--accent-3);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #d4ff3f4d}.promo__icon .ico{fill:currentColor;stroke:none;width:16px;height:16px}.promo__title{font-family:var(--font-display);margin-top:12px;font-size:14px;font-weight:700}.promo__text{color:var(--faint);margin-top:4px;font-size:11.5px;line-height:1.45}.promo__btn{width:100%;margin-top:12px}.side__foot{flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px;display:flex}.side__collapse{color:var(--faint);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:500;transition:color .25s;display:flex}.side__collapse:hover{color:var(--ink)}.side__collapse span{white-space:nowrap}.side__collapse .ico{width:16px;height:16px;transition:transform .4s var(--ease)}.side__hub{letter-spacing:.04em;color:var(--faint);border-bottom:1px solid var(--hair-2);white-space:nowrap;margin-left:10px;font-size:11px;text-decoration:none;transition:color .25s}.side__hub:hover{color:var(--ink)}.frame.is-collapsed{grid-template-columns:74px minmax(0,1fr)}.frame.is-collapsed .side{padding-left:12px;padding-right:12px}.frame.is-collapsed .brand__name,.frame.is-collapsed .nav__item span,.frame.is-collapsed .ico--chev,.frame.is-collapsed .side__collapse span,.frame.is-collapsed .side__hub,.frame.is-collapsed .nav__sub,.frame.is-collapsed .promo{display:none}.frame.is-collapsed .nav__item{justify-content:center;padding:0}.frame.is-collapsed .nav__pill:before{display:none}.frame.is-collapsed .side__foot{justify-content:center}.frame.is-collapsed .side__collapse .ico{transform:rotate(180deg)}.scrim{z-index:15;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);background:#0000009e;border:0;display:none;position:absolute;inset:0}.main{flex-direction:column;gap:16px;min-width:0;min-height:0;padding:18px 20px 24px;display:flex;overflow-y:auto}.topbar{align-items:center;gap:10px;display:flex}.topbar .topbar__menu{display:none}.topbar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.search{background:var(--card);border:1px solid var(--hair);height:40px;color:var(--faint);transition:box-shadow .3s var(--ease), border-color .3s;border-radius:10px;flex:0 300px;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-3);color:var(--accent)}.search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--faint)}.search kbd{font:10.5px/1 var(--font-body);color:var(--faint);background:var(--well);border:1px solid var(--hair);border-radius:5px;padding:4px 6px}.iconbtn{background:var(--card);border:1px solid var(--hair);width:40px;height:40px;color:var(--dim);transition:transform .3s var(--ease), color .25s, border-color .3s;border-radius:10px;place-items:center;display:inline-grid;position:relative}.iconbtn:hover{color:var(--ink);border-color:var(--hair-2);transform:translateY(-1px)}.iconbtn:active{transform:translateY(0)scale(.95)}.iconbtn--sm{border-radius:8px;width:30px;height:30px}.iconbtn--sm .ico{width:15px;height:15px}.iconbtn__dot{background:var(--n-pink);width:8px;height:8px;box-shadow:0 0 0 2px var(--card), 0 0 10px #ff5c8acc;border-radius:50%;position:absolute;top:9px;right:10px}.user{background:var(--card);border:1px solid var(--hair);height:40px;transition:transform .3s var(--ease), border-color .3s;border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 4px;display:flex}.user:hover{border-color:var(--hair-2);transform:translateY(-1px)}.user__text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.user__name{font-size:12px;font-weight:600}.user__mail{color:var(--faint);font-size:10.5px}.avatar{--a:var(--dim);width:32px;height:32px;font-family:var(--font-display);letter-spacing:.02em;background:color-mix(in srgb, var(--a) 14%, transparent);color:var(--a);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--a) 28%, transparent);border-radius:50%;flex:none;place-items:center;font-size:11.5px;font-weight:800;display:inline-grid}.avatar--sq{border-radius:10px;width:34px;height:34px}.avatar--em{--a:var(--n-lime)}.avatar--nk{--a:var(--n-amber)}.avatar--ir{--a:var(--n-mint)}.avatar--kt{--a:var(--n-cyan)}.avatar--sl{--a:var(--n-pink)}.avatar--tb{--a:var(--n-sand)}.avatar--mv{--a:var(--n-violet)}.btn{height:40px;transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .25s, background-color .25s;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.97)}.btn--ghost{background:var(--card);border-color:var(--hair);color:var(--ink)}.btn--ghost:hover{border-color:var(--hair-2)}.btn--neon{background:var(--accent);color:var(--bg);box-shadow:0 0 #d4ff3f00}.btn--neon:hover{box-shadow:var(--glow);background:#e2ff6e}.btn--sm{border-radius:8px;height:30px;padding:0 10px;font-size:12px}.btn--sm .ico{width:15px;height:15px}.btn .ico{transition:transform .4s var(--ease)}.btn:hover .ico{transform:rotate(90deg)}.btn--neon:hover .ico{transform:none}.pill{background:var(--well);border:1px solid var(--hair);height:30px;color:var(--dim);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:color .25s,border-color .3s;display:inline-flex}.pill .ico{width:14px;height:14px;transition:transform .35s var(--ease)}.pill:hover{color:var(--ink);border-color:var(--hair-2)}.pill--sm{height:26px;padding:0 8px;font-size:11.5px}.menu{position:relative}.menu.is-open .pill .ico{transform:rotate(180deg)}.menu__list{z-index:8;background:var(--well);min-width:156px;box-shadow:var(--shadow-pop);opacity:0;transform-origin:100% 0;pointer-events:none;transition:opacity .25s var(--ease), transform .35s var(--ease);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-6px)scale(.97)}.menu.is-open .menu__list{opacity:1;pointer-events:auto;transform:none}.menu__list li{color:var(--dim);cursor:pointer;border-radius:7px;padding:8px 10px;font-size:12.5px;transition:background-color .2s,color .2s}.menu__list li:hover{background:var(--well-2);color:var(--ink)}.menu__list li[aria-selected=true]{color:var(--accent);font-weight:600}.seg{background:var(--well);border:1px solid var(--hair);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.seg__btn{width:24px;height:22px;color:var(--faint);background:0 0;border:0;border-radius:6px;place-items:center;transition:background-color .25s,color .25s,box-shadow .25s;display:grid}.seg__btn .ico{width:14px;height:14px}.seg__btn.is-active{background:var(--well-2);color:var(--accent);box-shadow:inset 0 0 0 1px var(--hair-2)}.board{grid-template-columns:minmax(0,2.45fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.board__left,.board__right{gap:16px;min-width:0;display:grid}.row{gap:16px;display:grid}.row--2{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(180deg, var(--card-top), var(--card) 40%);border:1px solid var(--hair);border-radius:var(--r-card);min-width:0;padding:20px;position:relative}.card:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--hair-2);opacity:0;transition:opacity .45s var(--ease);position:absolute;inset:-1px}.card:hover:after{opacity:1}.card__head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.card__head>div:first-child{min-width:0}.card__head .card__title{white-space:nowrap}.card__head--tight{align-items:center;margin:18px 0 10px}.card__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:15px;font-weight:700}.card__title--sm{font-size:13px}.card__sub{color:var(--faint);margin-top:2px;font-size:11.5px}.card__sub--wrap{max-width:34ch;margin-top:6px;line-height:1.5}.card__foot{color:var(--faint);margin-top:12px;font-size:11px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:12px 0 2px;font-size:10.5px;font-weight:600}.eyebrow:first-of-type{margin-top:0}.link{color:var(--accent);align-items:center;gap:2px;margin-top:12px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.link .ico{width:15px;height:15px;transition:transform .35s var(--ease)}.link:hover .ico{transform:translate(3px)}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800;line-height:1.1}.num--xl{font-size:34px}.num--lg{font-size:26px}.num--md{font-size:22px}.num--sm{font-family:var(--font-body);letter-spacing:0;font-size:12.5px;font-weight:600}.delta{color:var(--faint);align-items:center;gap:4px;margin-top:6px;font-size:11.5px;display:inline-flex}.delta b{font-weight:600}.delta .ico{stroke-width:2px;width:14px;height:14px}.delta--up b,.delta--up .ico{color:var(--ok)}.delta--down b,.delta--down .ico{color:var(--bad)}.card--balance{grid-template-columns:minmax(0,1fr) 172px;gap:20px;display:grid}.balance{min-width:0}.balance__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.balance__tools{align-items:center;gap:8px;display:flex}.legend{color:var(--dim);justify-content:flex-end;gap:14px;margin-top:4px;font-size:11px;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.dot{background:var(--c,var(--slate-2));border-radius:50%;flex:none;width:8px;height:8px}.dot--savings{--c:var(--accent-2)}.dot--income{--c:var(--accent)}.dot--expenses{--c:var(--slate-2)}.chart{grid-template-rows:220px auto;grid-template-columns:28px minmax(0,1fr);column-gap:8px;margin-top:12px;display:grid}.chart__axis{color:var(--faint);text-align:right;font-size:10.5px;position:relative}.chart__axis span{position:absolute;right:0;transform:translateY(-50%)}.chart__axis span:first-child{top:0}.chart__axis span:nth-child(2){top:25%}.chart__axis span:nth-child(3){top:50%}.chart__axis span:nth-child(4){top:75%}.chart__axis span:nth-child(5){top:100%}.chart__plot{height:220px;position:relative}.chart__grid i{background:var(--hair);height:1px;position:absolute;left:0;right:0}.chart__grid i:first-child{top:0}.chart__grid i:nth-child(2){top:25%}.chart__grid i:nth-child(3){top:50%}.chart__grid i:nth-child(4){background:var(--hair-2);top:75%}.chart__grid i:nth-child(5){top:100%}.chart__cols,.chart__labels{justify-content:space-around;gap:8px;display:flex}.chart__cols{position:absolute;inset:0}.chart__labels{color:var(--faint);grid-column:2;margin-top:10px;font-size:10.5px}.chart__labels span,.col{text-align:center;flex:1 1 0;max-width:72px}.col{height:100%;transition:opacity .3s var(--ease);position:relative}.chart.is-hover .col:not(.is-on){opacity:.4}.col:before{content:"";background:var(--well);opacity:0;transition:opacity .3s var(--ease);border-radius:8px;position:absolute;inset:0 8%}.col.is-on:before{opacity:1}.col__pos,.col__neg{flex-direction:column;gap:2px;display:flex;position:absolute;left:22%;right:22%}.col__pos{justify-content:flex-end;height:75%;bottom:25%}.col__neg{justify-content:flex-start;height:25%;top:calc(75% + 2px)}.bar{will-change:transform;transition:opacity .35s var(--ease);border-radius:5px}.col__pos .bar{transform-origin:50% 100%}.col__neg .bar{transform-origin:50% 0}.bar--income{background:var(--accent);height:calc(var(--k) * 8.3333%)}.bar--savings{background:var(--accent-2) repeating-linear-gradient(135deg, transparent 0 4px, #00000047 4px 6px);height:calc(var(--k) * 8.3333%)}.bar--expenses{background:var(--slate);height:calc(var(--k) * 25%)}.col.is-on .bar--expenses{background:var(--slate-2)}.chart__line{opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0;overflow:visible}.chart__line path{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px}.chart__line circle{fill:var(--card);stroke:var(--accent);stroke-width:2.5px}.chart.is-line .chart__line{opacity:1}.chart.is-line .col .bar{opacity:.18}.tip{z-index:5;background:var(--ink);min-width:150px;color:var(--bg);opacity:0;pointer-events:none;will-change:transform;border-radius:10px;padding:9px 11px 10px;position:absolute;top:0;left:0;box-shadow:0 10px 30px -8px #000c}.tip__day{color:#05050799;margin-bottom:6px;font-size:10.5px}.tip__rows li{align-items:center;gap:6px;padding:1.5px 0;font-size:11px;display:flex}.tip__rows b{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.tip .dot--income{--c:#86a800}.tip .dot--savings{--c:#00a9b8}.tip .dot--expenses{--c:#8a8fa6}.stats{border-left:1px solid var(--hair);align-content:start;gap:16px;padding-left:20px;display:grid}.stat__label{color:var(--faint);font-size:11.5px}.stat .num{margin-top:4px}.meter{margin-top:26px}.meter__track{background:var(--well);height:12px;box-shadow:inset 0 0 0 1px var(--hair);border-radius:6px;overflow:hidden}.meter__track--thin{border-radius:3px;height:6px;margin-top:8px}.meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));width:100%;height:100%;transform:scaleX(var(--p,0));transform-origin:0}.meter__ends{color:var(--faint);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.card--tips{grid-template-columns:minmax(0,1fr) auto;gap:14px;display:grid;overflow:hidden}.tiles{grid-template-columns:repeat(4,22px);align-self:center;gap:5px;margin:-4px -6px -4px 0;display:grid}.tiles i{background:var(--accent);width:22px;height:22px;opacity:var(--o,.12);will-change:transform;border-radius:6px}.stack{gap:3px;height:14px;margin:14px 0 12px;display:flex}.stack i{flex:var(--w) 1 0;background:var(--c);transform-origin:50%;transition:transform .35s var(--ease), opacity .35s var(--ease);border-radius:4px}.stack.is-focus i:not(.is-on){opacity:.25}.stack i.is-on{transform:scaleY(1.4)}.cats li{color:var(--dim);cursor:default;transition:background-color .2s, transform .3s var(--ease);border-radius:7px;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:grid}.cats li:hover{background:var(--well);transform:translate(2px)}.cats b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.gauge{margin-top:10px;position:relative}.gauge svg{width:100%;max-width:250px;height:auto;margin:0 auto;display:block;overflow:visible}.gauge__track,.gauge__arc{fill:none;stroke-width:16px;stroke-linecap:round}.gauge__track{stroke:var(--well)}.gauge__arc{stroke-dasharray:100;stroke-dashoffset:calc((100 - var(--v,0)) * 1px)}.gauge__label{text-align:center;position:absolute;bottom:0;left:0;right:0}.goal{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:7px 0;display:grid}.goal__thumb{--a:var(--accent);background:color-mix(in srgb, var(--a) 12%, transparent);width:40px;height:40px;color:var(--a);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--a) 26%, transparent);transition:transform .4s var(--ease);border-radius:11px;place-items:center;display:grid}.goal:hover .goal__thumb{transform:rotate(-6deg)scale(1.06)}.goal__row{justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.goal__row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.goal__row b{white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;font-weight:700;line-height:1.15;display:flex}.goal__row small{color:var(--faint);font-size:10.5px;font-weight:500}.goal__note{color:var(--faint);margin-top:5px;font-size:10.5px}.deck{perspective:1000px;height:168px;margin:0 -20px 16px -4px;padding:4px 0 4px 4px;position:relative;overflow:hidden}.bank{cursor:pointer;width:calc(100% - 68px);transform-style:preserve-3d;will-change:transform;border-radius:16px;position:absolute;top:4px;bottom:4px;left:4px}.bank--front{z-index:2}.bank--peek{z-index:1}.bank__inner{border-radius:inherit;will-change:transform;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px 18px;display:flex;position:relative;overflow:hidden}.bank--indigo{color:var(--bg)}.bank--indigo .bank__inner{background:radial-gradient(90% 80% at 100% 0,#ffffff59,#0000 55%),radial-gradient(70% 60% at 0 100%,#3ef2ff73,#0000 60%),linear-gradient(135deg,#b9f21a,#d4ff3f 55%,#e6ff86);box-shadow:0 0 0 1px #d4ff3f80,0 18px 40px -18px #d4ff3f8c}.bank--ink{color:var(--ink)}.bank--ink .bank__inner{box-shadow:inset 0 0 0 1px var(--hair-2);background:radial-gradient(90% 80% at 100% 0,#ffffff14,#0000 55%),linear-gradient(135deg,#1a1b23,#23242f)}.bank__row{justify-content:space-between;align-items:center;display:flex}.bank__kind{opacity:.75;font-size:11px}.bank__net{font-family:var(--font-display);letter-spacing:.04em;font-size:13px;font-style:italic;font-weight:800}.bank__num{font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;gap:clamp(6px,3%,12px);font-size:clamp(13px,1.1vw,16px);font-weight:700;display:flex}.bank__holder{font-size:11.5px;font-weight:600}.bank__exp{opacity:.75;font-variant-numeric:tabular-nums;font-size:11px}.bank__shine{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#ffffff4d,#0000 70%);width:150%;height:190%;position:absolute;top:-55%;left:-35%}.bank--ink .bank__shine{background:radial-gradient(closest-side,#ffffff1f,#0000 70%)}.actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.action{color:var(--dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:11px;display:flex}.action__ico{background:var(--well);border:1px solid var(--hair);width:42px;height:42px;color:var(--ink);transition:transform .35s var(--ease), border-color .25s, color .25s;border-radius:12px;place-items:center;display:grid}.action:hover .action__ico{border-color:var(--hair-2);color:var(--accent);transform:translateY(-3px)}.action:active .action__ico{transform:translateY(-1px)scale(.94)}.people{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.person{color:var(--dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 0;font-size:10.5px;display:flex}.person .avatar{width:38px;height:38px;transition:transform .35s var(--ease), box-shadow .3s var(--ease);font-size:12px}.person:hover .avatar{transform:translateY(-3px)scale(1.06)}.person[aria-pressed=true] .avatar{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent), 0 0 16px #d4ff3f80}.person[aria-pressed=true]{color:var(--ink);font-weight:600}.tx__cols{color:var(--faint);border-bottom:1px solid var(--hair);justify-content:space-between;padding:0 6px 8px;font-size:11px;display:flex}.tx__cols span{align-items:center;gap:4px;display:inline-flex}.tx__cols .ico{width:13px;height:13px}.tx{margin-top:4px}.tx__row{cursor:default;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;display:grid;position:relative}.tx__row:before{content:"";border-radius:inherit;background:var(--well);opacity:0;transition:opacity .25s var(--ease);z-index:0;position:absolute;inset:0}.tx__row:hover:before{opacity:1}.tx__row>*{z-index:1;position:relative}.tx__row .avatar{transition:transform .35s var(--ease)}.tx__row:hover .avatar{transform:scale(1.06)rotate(-3deg)}.tx__body{flex-direction:column;min-width:0;display:flex}.tx__name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.tx__date{color:var(--faint);margin-top:1px;font-size:10.5px}.tx__amt{text-align:right}.tx__amt b{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;display:block}.tx__amt b.up{color:var(--ok)}.tx__amt small{color:var(--faint);margin-top:1px;font-size:10.5px;display:block}.tx__amt small.pending{color:var(--n-amber)}@media (width<=1180px){.board{grid-template-columns:minmax(0,1fr)}.board__right{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}@media (width<=980px){.frame{grid-template-columns:minmax(0,1fr)}.side{z-index:20;width:260px;transition:transform .5s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:translate(-104%)}.frame.is-menu .side{transform:none}.scrim{display:block}.frame.is-menu .scrim{opacity:1;pointer-events:auto}.topbar .topbar__menu{display:inline-grid}.side__collapse{display:none}.search{flex:auto}.card--balance{grid-template-columns:minmax(0,1fr)}.stats{border-left:0;border-top:1px solid var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0 0}}@media (width<=760px){.row--2,.row--3,.board__right{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.user__text{display:none}.user{padding-right:4px}.card--tips{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(8,22px);margin:0}}@media (width<=560px){.main{padding:12px 12px 18px}.card{padding:16px}.num--xl{font-size:28px}.balance__head{flex-direction:column}#widget span{display:none}#widget{width:40px;padding:0}.search kbd{display:none}.chart__labels span,.col{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html.js .frame{opacity:1}}