.vb-page{min-height:100vh;padding:18px 18px 48px;color:var(--pc-text)}
.vb-shell{width:min(1480px,100%);margin:0 auto;--vb-accent:var(--pc-navbar-accent,59,130,246)}
.vb-topbar{margin-bottom:14px}
.vb-surface{border:1px solid rgba(255,255,255,.055);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),color-mix(in srgb,var(--pc-surface) 95%,#08090d 5%);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.vb-hero{position:relative;overflow:hidden;padding:28px}
.vb-hero:before{content:"";position:absolute;inset:auto -8% -80% auto;width:540px;height:540px;border-radius:50%;background:rgba(var(--vb-accent),.12);filter:blur(80px);pointer-events:none}
.vb-hero>*{position:relative;z-index:1}
.vb-kicker{display:inline-flex;align-items:center;gap:8px;color:rgb(var(--vb-accent));font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.vb-title{margin-top:8px;color:#fff;font-size:clamp(2rem,4vw,3.45rem);font-weight:950;line-height:1.02;letter-spacing:-.055em}
.vb-copy{max-width:760px;margin-top:12px;color:rgba(220,220,231,.56);font-size:13px;line-height:1.7}
.vb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vb-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);padding:0 14px;color:rgba(255,255,255,.8);font-size:11px;font-weight:900;text-decoration:none;transition:transform .17s ease,border-color .17s ease,background-color .17s ease,color .17s ease}
.vb-btn:hover{transform:translateY(-1px);border-color:rgba(var(--vb-accent),.24);background:rgba(var(--vb-accent),.07);color:#fff}
.vb-btn--primary{border-color:rgba(var(--vb-accent),.35);background:linear-gradient(135deg,rgba(var(--vb-accent),.95),rgba(var(--vb-accent),.76));color:#fff;box-shadow:0 10px 24px rgba(var(--vb-accent),.14)}
.vb-btn--danger{border-color:rgba(251,113,133,.18);color:#fda4af}.vb-btn--danger:hover{border-color:rgba(251,113,133,.36);background:rgba(251,113,133,.07)}
.vb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.vb-card{position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.012);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}
.vb-card:hover{transform:translateY(-2px);border-color:rgba(var(--vb-accent),.2);background:rgba(var(--vb-accent),.028)}
.vb-card__media{position:relative;aspect-ratio:16/7;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(var(--vb-accent),.14),transparent 42%),#0c0e13}
.vb-card__media>img{width:100%;height:100%;object-fit:cover}
.vb-card__mosaic{display:grid;height:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.03)}
.vb-card__mosaic span{display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.018);color:rgba(var(--vb-accent),.82);font-size:18px;font-weight:950}.vb-card__mosaic img{width:100%;height:100%;object-fit:cover}
.vb-card__badge{position:absolute;top:10px;left:10px;display:inline-flex;min-height:26px;align-items:center;border:1px solid rgba(var(--vb-accent),.22);border-radius:999px;background:rgba(7,9,13,.72);padding:0 9px;color:#fff;font-size:9px;font-weight:950;backdrop-filter:blur(10px)}
.vb-card__body{padding:16px}.vb-card__body h2{overflow:hidden;color:#fff;font-size:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.vb-card__body p{display:-webkit-box;min-height:40px;margin-top:7px;overflow:hidden;color:rgba(215,215,226,.48);font-size:11px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vb-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.vb-card__meta span{color:rgba(210,210,222,.42);font-size:10px;font-weight:800}.vb-card__meta strong{color:#fff;font-size:16px;font-weight:950}.vb-card__save{margin-left:6px;color:#6ee7b7;font-size:9px;font-weight:900}
.vb-empty{grid-column:1/-1;padding:42px;text-align:center}.vb-empty i{font-size:28px;color:rgba(var(--vb-accent),.72)}.vb-empty h3{margin-top:12px;color:#fff;font-size:18px;font-weight:950}.vb-empty p{margin-top:7px;color:rgba(210,210,222,.45);font-size:11px}
.vb-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;margin-top:14px}.vb-detail__main,.vb-detail__aside{min-width:0}.vb-detail__aside{align-self:start;position:sticky;top:14px}
.vb-detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:22px}.vb-detail-cover{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:radial-gradient(circle at 30% 20%,rgba(var(--vb-accent),.18),transparent 50%),rgba(0,0,0,.18);color:rgb(var(--vb-accent));font-size:36px}.vb-detail-cover img{width:100%;height:100%;object-fit:cover}
.vb-detail-title{margin-top:6px;color:#fff;font-size:clamp(2rem,4vw,3.25rem);font-weight:950;line-height:1.02;letter-spacing:-.05em}.vb-owner{display:flex;align-items:center;gap:8px;margin-top:10px;color:rgba(214,214,226,.48);font-size:10px;font-weight:800}.vb-owner a{color:#fff;text-decoration:none}.vb-owner i{color:rgb(var(--vb-accent))}
.vb-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.vb-stat{display:inline-flex;min-height:31px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.018);padding:0 9px;color:rgba(255,255,255,.65);font-size:9px;font-weight:900}.vb-stat i{color:rgb(var(--vb-accent))}
.vb-section{margin-top:12px;padding:18px}.vb-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.vb-section-head span{display:block;color:rgb(var(--vb-accent));font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.vb-section-head h2{margin-top:3px;color:#fff;font-size:17px;font-weight:950}.vb-section-head small{color:rgba(210,210,222,.4);font-size:9px;font-weight:800}
.vb-item-list{display:grid;gap:7px}.vb-item{display:grid;grid-template-columns:auto 46px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:66px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.012);padding:9px 11px}.vb-item:hover{border-color:rgba(var(--vb-accent),.15);background:rgba(var(--vb-accent),.022)}.vb-item__check{display:grid;place-items:center}.vb-item__check input{width:15px;height:15px;accent-color:rgb(var(--vb-accent))}.vb-item__image{display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border-radius:10px;background:rgba(var(--vb-accent),.07);color:rgb(var(--vb-accent));font-size:13px;font-weight:950}.vb-item__image img{width:100%;height:100%;object-fit:cover}.vb-item__copy{min-width:0}.vb-item__copy strong{display:block;overflow:hidden;color:#fff;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.vb-item__copy small{display:block;margin-top:4px;color:rgba(210,210,222,.38);font-size:9px;font-weight:750}.vb-item__price{text-align:right}.vb-item__price strong{display:block;color:#fff;font-size:11px;font-weight:950}.vb-item__price small{display:block;margin-top:3px;color:#6ee7b7;font-size:8px;font-weight:900}
.vb-purchase{padding:20px}.vb-purchase__label{color:rgba(210,210,222,.4);font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.vb-purchase__price{margin-top:6px;color:#fff;font-size:34px;font-weight:950;letter-spacing:-.04em}.vb-purchase__old{margin-left:6px;color:rgba(210,210,222,.32);font-size:12px;text-decoration:line-through}.vb-purchase__save{display:inline-flex;margin-top:7px;border-radius:999px;background:rgba(16,185,129,.08);padding:5px 8px;color:#6ee7b7;font-size:9px;font-weight:950}.vb-purchase__copy{margin-top:12px;color:rgba(210,210,222,.45);font-size:10px;line-height:1.55}.vb-purchase form{display:grid;gap:7px;margin-top:15px}.vb-purchase .vb-btn{width:100%}
.vb-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.vb-panel{padding:18px}.vb-panel h2{color:#fff;font-size:16px;font-weight:950}.vb-panel p{margin-top:5px;color:rgba(210,210,222,.43);font-size:10px;line-height:1.5}.vb-fields{display:grid;gap:10px;margin-top:14px}.vb-field{display:grid;gap:6px}.vb-field>span{color:rgba(216,216,228,.48);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.vb-input,.vb-select,.vb-textarea{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(0,0,0,.17);padding:0 12px;color:#fff;font-size:11px;font-weight:750;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.vb-input,.vb-select{height:42px}.vb-textarea{min-height:108px;padding-top:11px;resize:vertical}.vb-input:focus,.vb-select:focus,.vb-textarea:focus{border-color:rgba(var(--vb-accent),.36);box-shadow:0 0 0 3px rgba(var(--vb-accent),.06)}.vb-checkbox{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:10px;font-weight:850}.vb-checkbox input{accent-color:rgb(var(--vb-accent))}
.vb-manage-list{display:grid;gap:8px;margin-top:12px}.vb-manage-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.012);padding:9px;text-decoration:none}.vb-manage-row:hover{border-color:rgba(var(--vb-accent),.18);background:rgba(var(--vb-accent),.025)}.vb-manage-row__image{display:grid;width:50px;height:50px;place-items:center;overflow:hidden;border-radius:10px;background:rgba(var(--vb-accent),.07);color:rgb(var(--vb-accent));font-weight:950}.vb-manage-row__image img{width:100%;height:100%;object-fit:cover}.vb-manage-row strong{display:block;overflow:hidden;color:#fff;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.vb-manage-row small{display:block;margin-top:4px;color:rgba(210,210,222,.38);font-size:9px}.vb-status{display:inline-flex;min-height:25px;align-items:center;border-radius:999px;padding:0 8px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.6);font-size:8px;font-weight:950;text-transform:uppercase}.vb-status--active{background:rgba(16,185,129,.08);color:#6ee7b7}.vb-status--pending{background:rgba(245,158,11,.08);color:#fbbf24}
.vb-cover-preview{position:relative;overflow:hidden;aspect-ratio:16/7;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:radial-gradient(circle at 25% 10%,rgba(var(--vb-accent),.16),transparent 48%),rgba(0,0,0,.15)}.vb-cover-preview img{width:100%;height:100%;object-fit:cover}.vb-cover-preview__empty{display:grid;height:100%;place-items:center;color:rgba(var(--vb-accent),.72);font-size:28px}
.vb-collab{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.045);padding:10px 0}.vb-collab:first-child{border-top:0}.vb-collab strong{color:#fff;font-size:10px}.vb-collab small{display:block;margin-top:3px;color:rgba(210,210,222,.38);font-size:8px}
@media(max-width:1050px){.vb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-detail{grid-template-columns:1fr}.vb-detail__aside{position:static}.vb-form-grid{grid-template-columns:1fr}}
@media(max-width:680px){.vb-page{padding:10px 10px 36px}.vb-hero{padding:20px}.vb-grid{grid-template-columns:1fr}.vb-detail-hero{grid-template-columns:1fr}.vb-detail-cover{width:120px}.vb-item{grid-template-columns:auto 42px minmax(0,1fr)}.vb-item__price{grid-column:3;text-align:left}.vb-title{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.vb-btn,.vb-card{transition:none!important}.vb-btn:hover,.vb-card:hover{transform:none!important}}