.vb,.vb-hero{display:grid;gap:16px}.vb-hero{padding:20px;border-radius:22px;background:radial-gradient(120% 140% at 0 0,rgba(243,198,107,.16),transparent 55%),var(--sm-card);border:1px solid var(--sm-line)}.vb-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vb-amount{font-size:34px;line-height:1.1;font-weight:750;color:var(--sm-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.vb-amount small{font-size:15px;font-weight:600;color:var(--sm-muted);margin-left:4px}.vb-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vb-split>div{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--sm-panel);border:1px solid var(--sm-line);min-width:0}.vb-split dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sm-muted)}.vb-split dd{margin:0;font-size:17px;font-weight:700;color:var(--sm-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vb-pay{display:grid;gap:10px}.vb-pay__row{display:flex;gap:10px;flex-wrap:wrap}.vb-pay__row input{flex:1 1 180px;min-height:48px;padding:0 14px;border-radius:14px;font-size:15px;color:var(--sm-ink);background:var(--sm-panel);border:1px solid var(--sm-line)}.vb-pay__row .vsm-btn{flex:1 1 200px}.vb-paybtn{width:100%;min-height:52px;font-size:16px}.vb-paynote{display:flex;align-items:flex-start;gap:6px}.vb-paynote svg{flex:none;margin-top:2px;color:var(--sm-ok)}.vb-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vb-tile{display:grid;gap:6px;align-content:start;padding:14px;border-radius:18px;background:var(--sm-card);border:1px solid var(--sm-line);min-width:0}.vb-tile__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--sm-gold);background:rgba(243,198,107,.12)}.vb-tile__count{font-size:22px;font-weight:750;color:var(--sm-ink);font-variant-numeric:tabular-nums}.vb-tile__label{font-size:13px;font-weight:600;color:var(--sm-text)}.vb-tile__price{font-size:12px;color:var(--sm-muted)}.vb-months{display:grid;gap:10px}.vb-month{border-radius:18px;background:var(--sm-card);border:1px solid var(--sm-line);overflow:hidden}.vb-month>summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.vb-month>summary::-webkit-details-marker{display:none}.vb-month>summary:focus-visible{outline:2px solid var(--sm-gold);outline-offset:-2px}.vb-month__name{flex:1;min-width:0;display:grid;gap:2px}.vb-month__name b{font-size:15px;font-weight:650;color:var(--sm-ink)}.vb-month__name span{font-size:12px;color:var(--sm-muted)}.vb-month__total{font-size:16px;font-weight:700;color:var(--sm-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.vb-chev{flex:none;color:var(--sm-muted);transition:transform .2s var(--sm-ease)}.vb-month[open] .vb-chev{transform:rotate(180deg)}.vb-month__body{display:grid;gap:12px;padding:0 16px 16px}.vb-lines{display:grid;margin:0;border:1px solid var(--sm-line);border-radius:14px;overflow:hidden}.vb-lines>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px}.vb-lines>div+div{border-top:1px solid var(--sm-line)}.vb-lines dt{color:var(--sm-text);min-width:0}.vb-lines dt small{display:block;font-size:12px;color:var(--sm-muted)}.vb-lines dd{margin:0;font-weight:650;color:var(--sm-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.vb-lines>div[data-strong]{background:var(--sm-panel)}.vb-lines>div[data-strong] dd,.vb-lines>div[data-strong] dt{font-weight:700;color:var(--sm-ink)}.vb-events summary{font-size:13px;font-weight:600;color:var(--sm-gold);cursor:pointer}.vb-events ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.vb-events li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--sm-text)}.vb-events li span:first-child{min-width:0;overflow-wrap:anywhere}.vb-events li time{display:block;font-size:11px;color:var(--sm-muted)}.vb-events li b{font-weight:650;color:var(--sm-ink);white-space:nowrap;font-variant-numeric:tabular-nums}.vb-free{display:grid;gap:10px;margin:0;padding:0;list-style:none}.vb-free li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--sm-text)}.vb-free li>span:first-child{min-width:0;overflow-wrap:anywhere}.vb-free li>span:last-child{display:inline-flex;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.vb-free time{display:block;font-size:11px}.vb-free s,.vb-free time{color:var(--sm-muted)}.vb-free b{font-weight:650;color:var(--sm-ok)}.vb-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;font-size:13px}.vb-prices>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--sm-line)}.vb-prices dt{color:var(--sm-muted)}.vb-prices dd{margin:0;font-weight:650;color:var(--sm-ink);white-space:nowrap}.vb-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px;background:var(--sm-panel);border:1px solid var(--sm-line)}.vb-tabs button{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border-radius:13px;text-align:left;color:var(--sm-muted);transition:transform .16s var(--sm-ease),background-color .2s;-webkit-tap-highlight-color:transparent}.vb-tabs button:active{transform:scale(.98)}.vb-tabs button:focus-visible{outline:2px solid var(--sm-gold);outline-offset:2px}.vb-tabs button>svg{flex:none}.vb-tabs button span{display:grid;min-width:0}.vb-tabs b{font-size:14px;font-weight:650}.vb-tabs small{font-size:12px;color:var(--sm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-tabs button[aria-selected=true]{color:var(--sm-ink);background:var(--sm-card);box-shadow:0 6px 18px -10px rgba(0,0,0,.6)}.vb-tabs button[aria-selected=true]>svg{color:var(--sm-gold)}.vba-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px}.vba-back{display:inline-flex;align-items:center;gap:6px;flex-basis:100%}.vba-title{flex:1 1 260px;display:grid;gap:4px;min-width:0}.vba-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vba-kpi{display:grid;gap:4px;padding:16px;border-radius:18px;background:var(--sm-card);border:1px solid var(--sm-line);min-width:0}.vba-kpi span{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--sm-muted)}.vba-kpi b{font-size:24px;font-weight:750;color:var(--sm-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vba-kpi b em{font-style:normal;font-size:14px;font-weight:600;color:var(--sm-muted)}.vba-kpi small{font-size:12px;color:var(--sm-muted)}.vba-kpi[data-tone=bad] b{color:var(--sm-bad)}.vba-kpi[data-tone=ok] b{color:var(--sm-ok)}.vba-tools{display:grid;gap:10px}.vba-views{grid-template-columns:repeat(3,minmax(0,1fr))}.vba-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:14px;background:var(--sm-panel);border:1px solid var(--sm-line);color:var(--sm-muted)}.vba-search:focus-within{border-color:var(--sm-gold)}.vba-search input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-size:15px;color:var(--sm-ink)}.vba-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.vba-chips button{flex:none;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--sm-muted);background:var(--sm-panel);border:1px solid var(--sm-line)}.vba-chips button[aria-pressed=true]{color:#1a1206;background:linear-gradient(135deg,#f8d88f,#e3a740);border-color:transparent}.vba-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vba-card{display:grid;gap:12px;align-content:start;padding:16px;border-radius:18px;background:var(--sm-card);border:1px solid var(--sm-line);min-width:0}.vba-card[data-status=overdue]{border-color:color-mix(in srgb,var(--sm-bad) 50%,transparent)}.vba-card[data-status=due]{border-color:color-mix(in srgb,var(--sm-warn) 45%,transparent)}.vba-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.vba-card__who{display:grid;gap:3px;min-width:0}.vba-card__who b{font-size:15px;font-weight:650;color:var(--sm-ink);overflow-wrap:anywhere}.vba-card__who span{font-size:12px;color:var(--sm-muted);overflow-wrap:anywhere}.vba-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.vba-nums>div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--sm-panel);min-width:0}.vba-nums dt{font-size:11px;color:var(--sm-muted)}.vba-nums dd{margin:0;font-size:15px;font-weight:700;color:var(--sm-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vba-nums dd[data-strong]{color:var(--sm-bad)}.vba-usage{font-size:12px;color:var(--sm-muted)}.vba-months summary{font-size:13px;font-weight:600;color:var(--sm-gold);cursor:pointer}.vba-months ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.vba-months li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:13px;color:var(--sm-text)}.vba-months li b{font-variant-numeric:tabular-nums;color:var(--sm-ink)}.vba-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.vba-call{color:#04241a;background:linear-gradient(135deg,#86efac,#34d399);border-color:transparent;text-decoration:none}.vba-list:has(.vba-card--row){grid-template-columns:1fr}.vba-card--row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center}.vba-nums--row{grid-template-columns:repeat(2,minmax(0,1fr))}.vba-row__end{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.vba-err{font-size:12px;color:var(--sm-bad)}.vba-empty{grid-column:1/-1;padding:24px;text-align:center}@media (max-width:900px){.vba-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vba-list{grid-template-columns:1fr}}@media (max-width:640px){.vba-card--row{grid-template-columns:1fr}.vba-row__end{justify-content:space-between}.vba-kpi{padding:12px}.vba-kpi b{font-size:20px}.vba-views button{min-height:48px;padding:6px 8px;gap:6px}.vba-views button>svg{display:none}}.vbc{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:18px;padding:22px;border-radius:22px;border:1px solid rgba(243,198,107,.28);background:linear-gradient(160deg,rgba(30,41,66,.96),rgba(12,17,30,.96))}html.light .vbc{background:linear-gradient(160deg,#fffaf0,#ffffff);border-color:rgba(143,91,12,.22)}.vbc-glow{position:absolute;inset:-40% -20% auto auto;z-index:-1;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(243,198,107,.22),transparent 65%);animation:vbc-drift 9s var(--sm-ease) infinite alternate}.vbc-head{display:flex;align-items:center;gap:18px}.vbc-copy{display:grid;gap:6px;min-width:0}.vbc-title{font-size:20px;line-height:1.25;font-weight:750;color:var(--sm-ink);letter-spacing:-.01em}.vbc-shield{position:relative;flex:none;display:grid;place-items:center;width:84px;height:84px}.vbc-shield svg{position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(227,167,64,.45));animation:vbc-pop .7s var(--sm-spring) both}.vbc-shield__tick{stroke-dasharray:40;stroke-dashoffset:40;animation:vbc-draw .52s var(--sm-ease) .52s forwards}.vbc-ring{position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(243,198,107,.55);opacity:0;animation:vbc-pulse 2.8s var(--sm-ease) .9s infinite}.vbc-ring--2{animation-delay:2.3s}.vbc-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.vbc-pillars li{display:grid;gap:10px;align-content:start;padding:14px;border-radius:16px;background:var(--sm-panel);border:1px solid var(--sm-line);opacity:0;animation:vbc-rise .52s var(--sm-ease) calc(.25s + var(--i) * .11s) forwards}.vbc-pillars b{display:block;font-size:14px;font-weight:650;color:var(--sm-ink)}.vbc-pillars small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--sm-muted)}.vbc-pillar__icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--sm-gold);background:rgba(243,198,107,.12)}.vbc-pillar__check{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;transform:scale(0);animation:vbc-pop .42s var(--sm-spring) calc(.7s + var(--i) * .11s) forwards}.vbc-pillar__check circle{fill:#34d399}.vbc-pillar__check path{fill:none;stroke:#04241a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vbc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px;border:1px solid var(--sm-line);overflow:hidden}.vbc-stat{display:grid;gap:2px;padding:12px 14px;text-align:center}.vbc-stat+.vbc-stat{border-left:1px solid var(--sm-line)}.vbc-stat b{font-size:22px;font-weight:750;color:var(--sm-gold);font-variant-numeric:tabular-nums}.vbc-foot,.vbc-stat span{font-size:12px;color:var(--sm-muted)}.vbc-foot{display:flex;flex-wrap:wrap;gap:8px 20px;line-height:1.45}.vbc-foot span{display:inline-flex;align-items:flex-start;gap:6px}.vbc-foot svg{flex:none;margin-top:2px;color:var(--sm-ok)}@keyframes vbc-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vbc-draw{to{stroke-dashoffset:0}}@keyframes vbc-pulse{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.35);opacity:0}}@keyframes vbc-rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes vbc-drift{0%{transform:translate(0)}to{transform:translate(-18%,12%)}}@media (prefers-reduced-motion:reduce){.vbc *,.vbc-glow{animation:none!important}.vbc-pillars li,.vbc-shield svg{opacity:1}.vbc-shield__tick{stroke-dashoffset:0}.vbc-pillar__check{transform:none}}@media (max-width:900px){.vbc-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.vb-usage{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:520px){.vb-hero{padding:16px;border-radius:18px}.vb-amount{font-size:28px}.vb-split{grid-template-columns:1fr 1fr}.vb-split>div:last-child{grid-column:1/-1}.vb-usage{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-prices{grid-template-columns:1fr}.vbc{padding:16px;gap:14px;border-radius:18px}.vbc-head{gap:12px;align-items:flex-start}.vbc-shield{width:60px;height:60px}.vbc-shield svg{width:46px;height:46px}.vbc-title{font-size:17px}.vbc-pillars{gap:8px}.vbc-pillars li{padding:12px;gap:8px}.vbc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vbc-stat:nth-child(3){border-left:0}.vbc-stat:nth-child(n+3){border-top:1px solid var(--sm-line)}.vb-month>summary{padding:12px 14px;gap:10px}.vb-month__body{padding:0 12px 14px}}