:root{--vs-ink:#18261f;--vs-ink-2:#293a30;--vs-lime:#d8fc77;--vs-paper:#f8f8f3;--vs-sage:#e9eee3;--vs-line:#dce0d7;--portal-ink:#18261f;--portal-lime:#d8fc77;--portal-paper:#f8f8f3;--portal-soft:#e9eee3;--portal-line:#dce0d7}
body.portal-page{overflow-x:hidden;background:var(--vs-paper)}
.portal-public-header{background:rgba(248,248,243,.97);border-bottom:1px solid var(--vs-line)}
.portal-entry{min-height:calc(100vh - 88px);overflow:hidden}.entry-panel,.entry-inner{min-width:0}
.portal-form .button,.demo-box button,.account-callout button,.portal-app button{appearance:none;-webkit-appearance:none;font:inherit}
.demo-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--vs-line);border-bottom:1px solid var(--vs-line)}
.demo-box .text-link{flex:0 0 auto;border:1px solid var(--vs-ink);background:transparent;color:var(--vs-ink);padding:12px 16px;font-weight:800;text-decoration:none}
.demo-box .text-link:hover{background:var(--vs-ink);color:#fff}
.account-callout{display:grid;grid-template-columns:1fr;align-items:start;gap:18px;padding:24px;background:var(--vs-sage);border-left:4px solid var(--vs-lime);border-radius:0}
.account-callout>div>span{font-size:10px;font-weight:900;letter-spacing:.13em}.account-callout p{margin:7px 0 0;line-height:1.55}.account-callout .button,.account-callout .button-dark{display:flex;width:100%;align-items:center;justify-content:space-between;white-space:nowrap;text-decoration:none;background:var(--vs-ink);border:1px solid var(--vs-ink);color:#fff;padding:14px 16px}.account-callout .button:hover{background:var(--vs-ink-2);color:#fff}
.portal-sidebar{background:var(--vs-ink)}.portal-nav button.active{border-color:var(--vs-lime);background:rgba(216,252,119,.1)}
.overview-hero,.credit-card{background:var(--vs-lime);color:var(--vs-ink)}
.stats button{margin-top:auto;border:1px solid var(--vs-ink);background:var(--vs-ink);color:#fff;padding:12px 14px;font-weight:800;text-align:left}.stats button:hover{background:var(--vs-ink-2)}
@media(max-width:680px){.account-callout{grid-template-columns:1fr}.account-callout .button{width:100%;justify-content:space-between}.demo-box{align-items:flex-start;flex-direction:column}.demo-box .text-link{width:100%}}