:root{--vh-black:#0d0b08;--vh-ink:#191510;--vh-cream:#fbf7ef;--vh-card:#fffdf8;--vh-gold:#c89532;--vh-gold-2:#e5c66b;--vh-muted:#796b5d;--vh-line:#eadfce;--vh-green:#0b7a45;--vh-red:#d63142;--vh-shadow:0 24px 70px rgba(35,24,12,.12);--vh-radius:28px}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:linear-gradient(180deg,#fffdf8,#f7efe2);color:var(--vh-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vh-feed-topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:18px;align-items:center;padding:20px 4vw;background:rgba(255,253,248,.94);border-bottom:1px solid var(--vh-line);backdrop-filter:blur(16px)}.vh-feed-topbar.private{grid-template-columns:auto 1fr}.vh-brand{display:flex;align-items:center;gap:12px;color:var(--vh-black);text-decoration:none;font-size:27px;font-weight:950;letter-spacing:-.06em;white-space:nowrap}.vh-brand span:last-child{color:var(--vh-gold)}.vh-logo{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#916a19,#100d08 75%);color:#fff;font-size:18px;font-weight:950;letter-spacing:-.02em;box-shadow:0 12px 30px rgba(0,0,0,.16)}.vh-feed-search{display:flex;align-items:center;gap:10px;min-width:0;max-width:680px;width:100%;margin:auto;padding:0 18px;border:2px solid #eadfce;border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(38,27,12,.05)}.vh-feed-search input{width:100%;border:0;outline:0;padding:15px 0;background:transparent;font-size:15px;color:var(--vh-ink)}.vh-feed-nav{display:flex;align-items:center;gap:8px;white-space:nowrap}.vh-feed-nav a,.vh-role-shortcuts a{color:var(--vh-ink);text-decoration:none;font-weight:850;font-size:14px;padding:12px 16px;border-radius:999px}.vh-feed-nav a.active,.vh-feed-nav a:hover,.vh-role-shortcuts a{background:#f4ead9}.vh-role-shortcuts{display:flex;gap:8px}.vh-role-shortcuts a.strong{background:#0d0b08;color:#fff}.vh-feed-shell{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,760px) minmax(240px,320px);gap:24px;align-items:start;max-width:1580px;margin:0 auto;padding:28px 4vw 70px}.vh-feed-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}.vh-panel,.vh-feed-hero,.vh-post-card,.vh-create-public,.vh-admin-hero{background:rgba(255,253,248,.92);border:1px solid var(--vh-line);border-radius:var(--vh-radius);box-shadow:var(--vh-shadow)}.vh-panel{padding:22px}.vh-panel h2,.vh-panel h3{margin:0 0 12px;font-size:22px;letter-spacing:-.04em}.vh-panel p{margin:0;color:var(--vh-muted);line-height:1.55}.eyebrow{margin:0 0 8px!important;text-transform:uppercase;letter-spacing:.16em;color:var(--vh-gold)!important;font-weight:950;font-size:12px!important}.vh-trust-mini{margin-top:16px;padding:12px 14px;background:#10100f;color:#fff;border-radius:18px;font-weight:800;font-size:13px}.vh-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.vh-chip,.vh-feed-tabs button{border:1px solid var(--vh-line);background:#fff9ef;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer;color:#4b3b2a}.vh-chip.active,.vh-feed-tabs button.active{background:#0d0b08;color:#fff;border-color:#0d0b08}.vh-link-row{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--vh-ink);font-weight:850;padding:13px 0;border-bottom:1px solid var(--vh-line)}.vh-link-row:last-child{border-bottom:0}.vh-feed-main{min-width:0}.vh-feed-hero{padding:26px;margin-bottom:18px;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;background:linear-gradient(135deg,#130f0a,#2b1d0d 70%,#c89532)}.vh-feed-hero h1{margin:0;font-size:46px;letter-spacing:-.07em;color:#fff;line-height:.95}.vh-feed-hero p:not(.eyebrow){color:#eadfce;max-width:600px;margin:10px 0 0;line-height:1.5}.vh-feed-tabs{display:flex;flex-wrap:wrap;gap:8px}.vh-feed-tabs.compact button{padding:9px 12px;font-size:13px}.vh-create-public{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;margin-bottom:18px}.vh-create-public button,.vh-load-more,.primary,.vh-admin-hero button{border:0;background:#0d0b08;color:#fff;border-radius:999px;padding:13px 18px;font-weight:950;cursor:pointer}.vh-create-public span{color:var(--vh-muted);font-size:13px;font-weight:700}.vh-results-note{padding:13px 16px;margin-bottom:16px;background:#fff3d8;border:1px solid #ecd6a8;border-radius:18px;color:#5d4520;font-weight:800}.vh-post-list{display:flex;flex-direction:column;gap:20px}.vh-post-card{overflow:hidden;background:#fff}.vh-post-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px}.vh-author{display:flex;align-items:center;gap:12px;min-width:0}.vh-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0d0b08,#6b4a16);color:#fff;font-weight:950}.vh-author strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vh-author span{display:block;color:var(--vh-muted);font-weight:700;font-size:13px}.vh-follow{border:1px solid var(--vh-line);background:#fff9ef;color:#0d0b08;border-radius:999px;padding:10px 14px;font-weight:950;cursor:pointer}.vh-follow.following{background:#e7f7ee;color:#087643}.vh-post-caption{padding:0 18px 14px;line-height:1.55;font-size:16px}.vh-media{display:block;width:100%;max-height:520px;object-fit:cover;background:#1b160f}.vh-commerce-card{margin:16px 18px;background:#fff9ef;border:1px solid var(--vh-line);border-radius:22px;padding:14px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center}.vh-commerce-card img{width:86px;height:86px;object-fit:cover;border-radius:18px;background:#eee}.vh-commerce-card h3{margin:0;font-size:19px;letter-spacing:-.04em}.vh-commerce-card p{margin:4px 0;color:var(--vh-muted);font-weight:700}.vh-price{font-weight:950;color:#0d0b08}.vh-stock{display:inline-block;margin-left:8px;font-size:12px;padding:5px 8px;border-radius:999px;background:#e9f8ef;color:#087643;font-weight:950}.vh-stock.out{background:#ffe7e7;color:#b91c1c}.vh-actions,.vh-post-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.vh-actions button,.vh-actions a,.vh-post-actions button{border:1px solid var(--vh-line);background:#fff;border-radius:999px;padding:11px 14px;font-weight:900;color:#0d0b08;text-decoration:none;cursor:pointer}.vh-actions .gold,.vh-post-actions .gold{background:linear-gradient(135deg,#c89532,#e5c66b);border-color:#d8b25e}.vh-actions .dark{background:#0d0b08;color:#fff}.vh-post-stats{display:flex;gap:16px;padding:0 18px 14px;color:var(--vh-muted);font-size:13px;font-weight:800}.vh-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.vh-panel-head a{color:var(--vh-gold);font-weight:950;text-decoration:none}.vh-side-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--vh-line)}.vh-side-card:last-child{border-bottom:0}.vh-side-card img{width:56px;height:56px;object-fit:cover;border-radius:16px}.vh-side-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vh-side-card span{color:var(--vh-muted);font-weight:700;font-size:13px}.vh-safe-chat{position:fixed;right:24px;bottom:24px;z-index:25;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#c89532,#0d0b08 80%);box-shadow:0 20px 42px rgba(0,0,0,.24);color:#fff;font-size:24px}.vh-load-more{display:block;margin:24px auto 0;padding:14px 28px}.vh-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(14,10,6,.55);padding:20px}.vh-modal[hidden]{display:none}.vh-modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fffdf8;border-radius:28px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.3);position:relative}.vh-modal-close{position:absolute;right:16px;top:14px;border:0;background:#f3eadc;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.vh-form label{display:grid;gap:8px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.11em;color:#766958;font-size:12px;font-weight:950}.vh-form input,.vh-form select,.vh-form textarea{width:100%;border:1px solid var(--vh-line);border-radius:17px;padding:14px 15px;background:#fff;color:#0d0b08;font-size:15px;text-transform:none;letter-spacing:0}.vh-form textarea{min-height:120px;resize:vertical}.vh-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vh-helper{font-size:13px!important;color:var(--vh-muted)!important;margin-top:10px!important}.vh-admin-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;max-width:1540px;margin:0 auto;padding:28px 4vw 70px}.vh-admin-side{position:sticky;top:100px;background:#fffdf8;border:1px solid var(--vh-line);border-radius:28px;padding:22px;box-shadow:var(--vh-shadow);height:fit-content}.vh-admin-side h2{margin:0 0 18px;font-size:26px;letter-spacing:-.05em}.vh-admin-side a{display:block;padding:14px 16px;border-radius:18px;text-decoration:none;color:#0d0b08;font-weight:900}.vh-admin-side a.active,.vh-admin-side a:hover{background:#0d0b08;color:#fff}.vh-admin-main{min-width:0}.vh-admin-hero{padding:28px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.vh-admin-hero.vendor{background:linear-gradient(135deg,#0d0b08,#3a2711)}.vh-admin-hero.admin{background:linear-gradient(135deg,#111827,#4c1d1d)}.vh-admin-hero h1{margin:0;color:#fff;font-size:42px;letter-spacing:-.07em}.vh-admin-hero p:not(.eyebrow){color:#eee5d7;max-width:760px}.vh-admin-hero button{background:#fff;color:#0d0b08}.vh-work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:22px;margin-bottom:22px}.vh-manager-list{display:grid;gap:12px}.vh-manager-item,.vh-admin-row{border:1px solid var(--vh-line);background:#fff;border-radius:20px;padding:14px;display:grid;gap:10px}.vh-manager-item .row-top,.vh-admin-row .row-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.vh-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:#f4ead9;color:#664510;font-size:12px;font-weight:950;text-transform:capitalize}.vh-status.published{background:#e8f8ef;color:#087643}.vh-status.under_review,.vh-status.flagged{background:#fff3d8;color:#8a5b00}.vh-status.removed_by_admin,.vh-status.rejected{background:#ffe7e7;color:#b91c1c}.vh-manager-actions,.vh-admin-actions{display:flex;flex-wrap:wrap;gap:8px}.vh-manager-actions button,.vh-admin-actions button{border:1px solid var(--vh-line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}.vh-admin-actions .danger{background:#fff0f0;color:#b91c1c}.vh-admin-actions .ok{background:#e8f8ef;color:#087643}.vh-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.vh-metric{background:#fffdf8;border:1px solid var(--vh-line);border-radius:24px;padding:20px;box-shadow:var(--vh-shadow)}.vh-metric strong{display:block;font-size:30px;letter-spacing:-.06em}.vh-metric span{text-transform:uppercase;letter-spacing:.1em;color:var(--vh-muted);font-weight:950;font-size:12px}.vh-admin-table{display:grid;gap:12px}.vh-empty{padding:28px;text-align:center;color:var(--vh-muted);font-weight:800;border:1px dashed #dfcfb9;border-radius:22px}.vh-warning{background:#fff3d8;border:1px solid #e4c781;padding:13px 14px;border-radius:18px;color:#664510;font-weight:800}.vh-success{background:#e8f8ef;border:1px solid #b7e4c7;padding:13px 14px;border-radius:18px;color:#087643;font-weight:800}@media(max-width:1160px){.vh-feed-shell{grid-template-columns:220px minmax(0,1fr)}.vh-feed-right{display:none}.vh-feed-topbar{grid-template-columns:auto minmax(180px,1fr) auto}.vh-role-shortcuts{display:none}.vh-admin-shell{grid-template-columns:230px minmax(0,1fr)}.vh-work-grid{grid-template-columns:1fr}.vh-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.vh-feed-topbar{position:static;grid-template-columns:1fr auto;padding:14px}.vh-brand{font-size:22px}.vh-logo{width:45px;height:45px}.vh-feed-search{grid-column:1/-1;order:3;max-width:none}.vh-feed-nav{grid-column:1/-1;overflow-x:auto;padding-bottom:2px}.vh-feed-nav a{padding:10px 12px}.vh-feed-shell{display:block;padding:14px 14px 84px}.vh-feed-side{position:static;max-height:none;overflow:visible;margin-bottom:16px}.vh-feed-left .vh-panel:not(:first-child){display:none}.vh-feed-hero{display:block;padding:22px}.vh-feed-hero h1{font-size:34px}.vh-create-public{align-items:flex-start;flex-direction:column}.vh-commerce-card{grid-template-columns:70px minmax(0,1fr);margin:12px}.vh-commerce-card img{width:70px;height:70px}.vh-post-head,.vh-actions,.vh-post-actions,.vh-post-caption,.vh-post-stats{padding-left:14px;padding-right:14px}.vh-media{max-height:420px}.vh-actions button,.vh-actions a,.vh-post-actions button{flex:1 1 auto;text-align:center}.vh-safe-chat{right:16px;bottom:78px;width:52px;height:52px}.vh-admin-shell{display:block;padding:14px 14px 80px}.vh-admin-side{position:static;margin-bottom:16px}.vh-admin-side a{display:inline-block;margin:4px}.vh-admin-hero{display:block;padding:22px}.vh-admin-hero h1{font-size:32px}.vh-admin-hero button{margin-top:16px}.vh-two{grid-template-columns:1fr}.vh-metric-grid{grid-template-columns:1fr}.vh-panel{padding:18px}.vh-modal-card{padding:22px}.vh-admin-row .row-top,.vh-manager-item .row-top{display:block}.vh-admin-actions,.vh-manager-actions{margin-top:10px}}

/* ── Role shortcuts: Customer Login + Store Owner Login ─────────── */
.vh-role-shortcuts { display:flex; gap:8px; align-items:center; flex-wrap:nowrap; }
.vh-role-chip {
  display:inline-flex; align-items:center; gap:5px;
  color:#191510; text-decoration:none; font-weight:850; font-size:13px;
  padding:10px 15px; border-radius:999px;
  border:1.5px solid #eadfce; background:#fff;
  white-space:nowrap; transition:background .15s, border-color .15s;
}
.vh-role-chip:hover { border-color:#c89532; background:#fff9ef; }
.vh-role-chip.strong,
.vh-role-chip-customer.strong { background:#0d0b08; color:#fff; border-color:#0d0b08; }
.vh-role-chip.strong:hover,
.vh-role-chip-customer.strong:hover { background:#2a1f12; }
.vh-role-chip-store {
  background:#0d0b08; color:#c89532;
  border-color:#0d0b08; font-weight:900;
}
.vh-role-chip-store:hover { background:#1e150a; border-color:#c89532; }

/* ── Fix sidebar left clipping — remove max-height so content shows ── */
.vh-feed-side.vh-feed-left {
  max-height: none;
  overflow: visible;
}

/* ── Movie Hub panel ── */
.vh-movie-hub-panel {
  background: linear-gradient(145deg, #0f0f0e, #2b1b08);
  color: #fff;
  border-color: transparent;
}
.vh-movie-hub-panel h3 { color: #f3cc7c; }
.vh-movie-hub-btn {
  display: block;
  background: linear-gradient(135deg, #e8bd42, #c9981e);
  color: #090807;
  font-weight: 900;
  text-decoration: none;
  border-radius: 999px;
  padding: 11px 18px;
  text-align: center;
  font-size: .88rem;
  transition: opacity .15s;
}
.vh-movie-hub-btn:hover { opacity: .85; }