.vb-portal{background:var(--vb-bg);min-height:100dvh;color:var(--vb-ink);flex-direction:column;display:flex}.vb-portal-bar{z-index:20;background:var(--vb-dark);color:var(--vb-dark-fg);border-bottom:1px solid var(--vb-dark-line);position:sticky;top:0}.vb-portal-bar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:60rem;margin:0 auto;padding:1rem 1.25rem;display:flex}.vb-portal-logout{appearance:none;border:1px solid var(--vb-dark-line);border-radius:var(--vb-r-sm);color:var(--vb-dark-fg);cursor:pointer;transition:border-color .2s var(--vb-ease-out), color .2s var(--vb-ease-out);background:0 0;padding:.5rem .875rem;font-size:.875rem;font-weight:600}.vb-portal-logout:hover{border-color:var(--vb-copper);color:var(--vb-copper)}.vb-portal-navlink{color:var(--vb-dark-muted);transition:color .2s var(--vb-ease-out);font-size:.9375rem;font-weight:600}.vb-portal-navlink:hover,.vb-portal-navlink[data-active=true]{color:var(--vb-dark-fg)}.vb-portal-main{flex:1;width:100%;max-width:60rem;margin:0 auto;padding:1.75rem 1.25rem 4rem}.vb-portal-narrow{max-width:26rem}.vb-portal-title{letter-spacing:-.03em;font-size:clamp(1.6rem,5vw,2.25rem);font-weight:800;line-height:1.1}.vb-portal-subtitle{color:var(--vb-muted);margin-top:.5rem}.vb-mono{font-family:var(--font-fragment-mono)}.vb-card{border:1px solid var(--vb-line);border-radius:var(--vb-r-lg);background:var(--vb-bg);padding:1.25rem}.vb-portal-section-heading{font-family:var(--font-fragment-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--vb-muted);margin:2rem 0 .75rem;font-size:.8125rem}.vb-portal-section-heading:first-of-type{margin-top:0}.vb-invoice-list{flex-direction:column;gap:.75rem;display:flex}.vb-invoice-card{border:1px solid var(--vb-line);border-radius:var(--vb-r-md);color:inherit;transition:border-color .2s var(--vb-ease-out);grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;padding:1rem 1.125rem;text-decoration:none;display:grid}.vb-invoice-card:hover{border-color:var(--vb-line-strong)}.vb-invoice-card:focus-visible{outline:2px solid var(--vb-copper-deep);outline-offset:2px}.vb-invoice-number{font-family:var(--font-fragment-mono);font-size:.9375rem}.vb-invoice-meta{color:var(--vb-muted);margin-top:.15rem;font-size:.875rem}.vb-invoice-amount{font-family:var(--font-fragment-mono);text-align:right;white-space:nowrap;font-size:1rem}.vb-badge{border-radius:var(--vb-r-pill);border:1px solid var(--vb-line-strong);color:var(--vb-muted);white-space:nowrap;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.vb-badge:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.vb-badge[data-status=paid]{color:#137738;color:lab(43.6193% -39.4536 26.2495);border-color:#13773866;border-color:lab(43.6193% -39.4536 26.2495/.4)}.vb-badge[data-status=unpaid]{color:var(--vb-copper-deep);border-color:#af4e0066;border-color:lab(45.5935% 40.6853 63.7951/.4)}.vb-badge[data-status=overdue]{color:var(--vb-error);border-color:#b7191c66;border-color:lab(40.095% 59.891 42.9038/.4)}.vb-badge[data-status=draft]{color:var(--vb-muted)}.vb-detail-grid{grid-template-columns:1fr;gap:.875rem 1.5rem;display:grid}@media (min-width:30rem){.vb-detail-grid{grid-template-columns:repeat(2,1fr)}}.vb-detail-label{color:var(--vb-muted);font-size:.8125rem}.vb-detail-value{font-family:var(--font-fragment-mono);margin-top:.15rem;font-size:.9375rem}.vb-portal-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.vb-note{color:var(--vb-muted);font-size:.875rem;line-height:1.6}.vb-note[data-tone=success]{color:#09672e;color:lab(37.6918% -36.456 24.3006)}.vb-empty{border:1px dashed var(--vb-line-strong);border-radius:var(--vb-r-lg);text-align:center;color:var(--vb-muted);padding:2rem 1.5rem}