/* ============================================================ APPROVED V97 ADMIN PLATFORM -- component-scoped styles only. Every rule below targets an explicit, named component class owned by this file (htl-cc-v97-*, htl-mem-v97-*, htl-set-v97-*, htl-admin-legacy). None of it uses a generic attribute selector, inline-style substring match, or a shared background-color selector to fake visual parity -- that approach was tried and explicitly rejected (2026-09-30: "giant dark translucent rectangles, unreadable black text, buttons disappearing into containers"). ============================================================ */ /* ---------- Legacy raw content: real DOM the real data functions still write into, but never meant to be seen once its v97 replacement exists. THIS RULE WAS MISSING (bug fixed 2026-10-01) -- every .htl-legacy-raw block across every converted page was rendering fully visible, stacked directly below its v97 replacement. That is the "huge dark legacy section / overlapping pages" regression Ashley reported. ---------- */ .htl-legacy-raw{display:none!important;} .htl-v59-data-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border:1px solid rgba(244,114,182,.35);border-radius:14px;background:linear-gradient(120deg,rgba(72,18,78,.76),rgba(28,12,54,.72));backdrop-filter:blur(16px);color:#fff;box-shadow:0 12px 32px rgba(24,5,38,.22)} .htl-v59-data-notice b{font-size:13px}.htl-v59-data-notice span{font-size:12px;color:rgba(255,255,255,.72);flex:1}.htl-v59-data-notice button{border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;padding:7px 14px;font-weight:800;cursor:pointer} /* ---------- Legacy tools: collapsed, visually subordinate ---------- */ .htl-admin-legacy{margin-top:14px;padding-top:10px;border-top:1px solid var(--theme-border,rgba(255,255,255,.12));} .htl-admin-legacy>summary{list-style:none;cursor:pointer;padding:8px 14px;font:800 10px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--theme-muted,rgba(255,255,255,.4));} .htl-admin-legacy>summary::-webkit-details-marker{display:none;} .htl-admin-legacy>summary::before{content:'›';display:inline-block;margin-right:6px;transition:transform .15s;} .htl-admin-legacy[open]>summary::before{transform:rotate(90deg);} .htl-admin-legacy .htl-admin-nav-item{opacity:.72;} /* ---------- Shared hero / glass-card language (component-scoped) ---------- */ .htl-cc-v97-hero,.htl-mem-v97-hero,.htl-set-v97-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:30px 32px 26px;border-radius:22px;background:linear-gradient(105deg,rgba(12,6,24,.94),rgba(61,20,75,.76)),linear-gradient(135deg,var(--pk,#E91E8C),var(--pp2,#A855F7));color:#fff;box-shadow:0 20px 60px rgba(8,3,16,.28);} .htl-cc-v97-hero small,.htl-mem-v97-hero small,.htl-set-v97-hero small{display:block;font:800 10px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:8px;} .htl-cc-v97-hero h1,.htl-mem-v97-hero h1,.htl-set-v97-hero h1{margin:0 0 6px;font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:600;line-height:1.05;} .htl-cc-v97-hero p,.htl-mem-v97-hero p,.htl-set-v97-hero p{margin:0;color:rgba(255,255,255,.78);font-size:13px;max-width:440px;} .htl-cc-v97-hero-actions,.htl-mem-v97-hero-actions,.htl-set-v97-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;} .htl-cc-v97-hero-actions button,.htl-mem-v97-hero-actions button,.htl-set-v97-hero-actions button{min-height:38px;padding:0 16px;border-radius:11px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer;} .htl-cc-v97-hero-actions button.primary,.htl-mem-v97-hero-actions button.primary,.htl-set-v97-hero-actions button.primary{border:none;background:linear-gradient(120deg,#ec2b9a,#9d4edd);} /* ============================================================ COMMAND CENTER — visual rebuild against the approved mockup (HTL-admin-visual-source-of-truth/mockups/01-command-center, 2026-10-02). Every rule below is scoped under #htl-cc-v97-root, which belongs only to this page (every other v97 Admin page mounts into its own distinctly-named root: #htl-members-v97-root, #htl-an-v97-root, #htl-mship-v97-root, #htl-pay-v97-root, #htl-audit-v97-root, #htl-events-v97-root, #htl-live-v97-root, #htl-broadcast-v97-root, #htl-spaces-v97-root, #htl-staff-v97-root, #htl-reports-v97-root, #htl-chat-v97-root, #htl-settings-v97-root). The shared .htl-cc-v97-panel/-hero/-empty/ -filterbar/-stat/-grid/-attn-* classes defined further below are used by ALL of those other pages too and are deliberately left untouched here -- this pass only touches Command Center, per Ashley's build-one-page-at-a- time requirement. ============================================================ */ /* These cards are a self-contained dark-glass surface, not a thin tint meant to sit on a dark page: the real Admin shell's page background (behind #admin-page) is the light pastel "New Look" wash, not a dark canvas, so a few-percent white overlay here would (and initially did) composite into a washed-out pale card instead of a glass panel. The gradient below is opaque enough to read as dark glass on its own, with a subtle lighter fleck on top for the sheen. */ #htl-cc-v97-root{ --cc-accent:#ec2b9a;--cc-accent2:#9d4edd;--cc-glow:rgba(236,43,154,.4); --cc-glass:rgba(22,12,32,.9);--cc-glass-strong:rgba(34,18,46,.94); --cc-glass-bdr:rgba(255,255,255,.14);--cc-ink:#f5f1fa;--cc-ink-dim:#c3b8cf; } body.theme-masculine #htl-cc-v97-root{--cc-accent:#38bdf8;--cc-accent2:#6366f1;--cc-glow:rgba(56,189,248,.38);} body.theme-black #htl-cc-v97-root{--cc-accent:#e4c66d;--cc-accent2:#a9842f;--cc-glow:rgba(228,198,109,.34);} #htl-cc-v97-root .htl-cc-v97-hero{ position:relative;overflow:hidden;min-height:190px;padding:36px 40px;align-items:center; background: radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--cc-accent) 34%,transparent),transparent 48%), radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--cc-accent2) 28%,transparent),transparent 52%), radial-gradient(circle at 60% 110%,color-mix(in srgb,var(--cc-accent) 18%,transparent),transparent 55%), linear-gradient(120deg,rgba(8,5,18,.97),rgba(24,9,34,.93)); border:1px solid rgba(255,255,255,.1); box-shadow:0 25px 70px rgba(5,2,12,.5),0 0 60px var(--cc-glow),inset 0 1px rgba(255,255,255,.08); } /* Code-generated cinematic depth (no bespoke Command Center photo asset exists yet) -- a soft skyline-like silhouette band, not a recycled hero image from another page. Replace with real artwork if/when Ashley supplies one. */ #htl-cc-v97-root .htl-cc-v97-hero:before{ content:'';position:absolute;inset:auto 0 0 0;height:46%;pointer-events:none; background:linear-gradient(0deg,rgba(0,0,0,.4),transparent), repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 38px,transparent 38px 64px); mask-image:linear-gradient(0deg,#000,transparent); -webkit-mask-image:linear-gradient(0deg,#000,transparent); } #htl-cc-v97-root .htl-cc-v97-hero-copy{position:relative;z-index:1;} #htl-cc-v97-root .htl-cc-v97-hero h1{font-size:clamp(32px,4vw,46px);} #htl-cc-v97-root .htl-cc-v97-hero p{font-size:15px;max-width:460px;} #htl-cc-v97-root .htl-cc-v97-hero-right{position:relative;z-index:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;} #htl-cc-v97-root .htl-cc-v97-date-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 18px;font-size:12px;font-weight:700;color:rgba(255,255,255,.9);white-space:nowrap;} #htl-cc-v97-root .htl-cc-v97-hero-right button.primary{min-height:42px;padding:0 20px;border-radius:12px;border:none;background:linear-gradient(120deg,var(--cc-accent),var(--cc-accent2));color:#fff;font:800 12px Manrope,sans-serif;cursor:pointer;box-shadow:0 8px 24px var(--cc-glow);} #htl-cc-v97-root .htl-cc-v97-hero-right button.primary:hover{filter:brightness(1.08);} /* KPI row */ #htl-cc-v97-root .htl-cc-v97-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:20px 0;} #htl-cc-v97-root .htl-cc-v97-kpi{background:linear-gradient(160deg,var(--cc-glass-strong),var(--cc-glass));backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--cc-glass-bdr);border-radius:18px;padding:16px 18px;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07);color:var(--cc-ink);} #htl-cc-v97-root .htl-cc-v97-kpi-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;} #htl-cc-v97-root .htl-cc-v97-kpi-icon{width:18px;height:18px;color:var(--cc-accent);flex:0 0 auto;} #htl-cc-v97-root .htl-cc-v97-kpi-icon svg{width:100%;height:100%;} #htl-cc-v97-root .htl-cc-v97-kpi-icon.muted{color:var(--cc-ink-dim);} #htl-cc-v97-root .htl-cc-v97-kpi-label{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--cc-ink-dim);} #htl-cc-v97-root .htl-cc-v97-kpi-value{font-size:26px;font-weight:800;color:var(--cc-ink);} #htl-cc-v97-root .htl-cc-v97-kpi-empty{display:flex;flex-direction:column;justify-content:space-between;} #htl-cc-v97-root .htl-cc-v97-kpi-empty-text{font-size:12px;font-weight:600;color:var(--cc-ink-dim);font-style:italic;} /* Three-up panel grid */ #htl-cc-v97-root .htl-cc-v97-grid3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;align-items:start;margin-bottom:14px;} @media(max-width:1100px){#htl-cc-v97-root .htl-cc-v97-grid3{grid-template-columns:1fr;}} #htl-cc-v97-root .htl-cc-v97-col{display:flex;flex-direction:column;gap:14px;} /* Real filter inputs relocated into the v97 filter bar -- styled so no raw native control floats unstyled above the page. */ #htl-cc-v97-root .htl-cc-v97-filterbar{background:linear-gradient(160deg,var(--cc-glass-strong),var(--cc-glass));backdrop-filter:blur(14px);border:1px solid var(--cc-glass-bdr);border-radius:14px;padding:12px 16px;} #htl-cc-v97-root .htl-cc-v97-filterbar label{color:var(--cc-ink-dim);} #htl-cc-v97-root .htl-cc-v97-filterbar input,#htl-cc-v97-root .htl-cc-v97-filterbar select{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16);color:var(--cc-ink);border-radius:9px;padding:7px 10px;font-size:12.5px;min-height:34px;box-sizing:border-box;color-scheme:dark;} #htl-cc-v97-root .htl-cc-v97-filterbar input:focus,#htl-cc-v97-root .htl-cc-v97-filterbar select:focus{outline:2px solid var(--cc-accent);outline-offset:1px;} /* Glass treatment for shared .htl-cc-v97-panel, scoped to this page only */ #htl-cc-v97-root .htl-cc-v97-panel{background:linear-gradient(160deg,var(--cc-glass-strong),var(--cc-glass));backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--cc-glass-bdr);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);color:var(--cc-ink);} #htl-cc-v97-root .htl-cc-v97-panel-title{color:var(--cc-ink);display:flex;align-items:center;gap:8px;} #htl-cc-v97-root .htl-cc-v97-panel-count{background:var(--cc-accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:10px;} #htl-cc-v97-root .htl-cc-v97-panel-note{font-size:10px;font-weight:600;color:var(--cc-ink-dim);text-transform:none;letter-spacing:0;} #htl-cc-v97-root .htl-cc-v97-empty{color:var(--cc-ink-dim);} /* Generic row (Needs Attention / Today's Schedule) */ #htl-cc-v97-root .htl-cc-v97-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;margin-bottom:8px;} #htl-cc-v97-root .htl-cc-v97-row-title{font-weight:700;font-size:13px;color:var(--cc-ink);} #htl-cc-v97-root .htl-cc-v97-row-sub{font-size:11px;color:var(--cc-ink-dim);margin-top:2px;} #htl-cc-v97-root .htl-cc-v97-chip-btn{flex:0 0 auto;min-height:30px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:var(--cc-ink);font:700 11px Manrope,sans-serif;cursor:pointer;} #htl-cc-v97-root .htl-cc-v97-chip-btn:hover{border-color:var(--cc-accent);} /* Schedule badges */ #htl-cc-v97-root .htl-cc-v97-badge{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.03em;padding:4px 10px;border-radius:999px;} #htl-cc-v97-root .htl-cc-v97-badge-live{background:rgba(236,43,154,.22);color:#ff7fc0;} #htl-cc-v97-root .htl-cc-v97-badge-upcoming{background:rgba(157,78,221,.2);color:#d1a8f5;} #htl-cc-v97-root .htl-cc-v97-badge-ended{background:rgba(255,255,255,.1);color:var(--cc-ink-dim);} #htl-cc-v97-root .htl-cc-v97-badge-evt{background:rgba(255,255,255,.1);color:var(--cc-ink);} /* Platform Activity timeline */ #htl-cc-v97-root .htl-cc-v97-timeline{display:flex;flex-direction:column;gap:10px;} #htl-cc-v97-root .htl-cc-v97-tl-row{display:flex;align-items:flex-start;gap:10px;} #htl-cc-v97-root .htl-cc-v97-tl-dot{width:8px;height:8px;border-radius:50%;background:var(--cc-accent);margin-top:5px;flex:0 0 auto;box-shadow:0 0 8px var(--cc-glow);} #htl-cc-v97-root .htl-cc-v97-tl-main{flex:1;min-width:0;} /* System Status -- lives as a sub-block inside the right-column Today's Schedule panel (see renderSchedule()), not a separate full-width card. */ #htl-cc-v97-root .htl-cc-v97-status-block{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);} #htl-cc-v97-root .htl-cc-v97-status-title{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--cc-ink-dim);margin-bottom:8px;} #htl-cc-v97-root .htl-cc-v97-status-row{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--cc-ink);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);} #htl-cc-v97-root .htl-cc-v97-status-row:last-child{border-bottom:none;} #htl-cc-v97-root .htl-cc-v97-status-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;} #htl-cc-v97-root .htl-cc-v97-status-dot.htl-cc-v97-status-ok{background:#34D399;box-shadow:0 0 8px rgba(52,211,153,.6);} #htl-cc-v97-root .htl-cc-v97-status-dot.htl-cc-v97-status-down{background:#F87171;} #htl-cc-v97-root .htl-cc-v97-status-dot.htl-cc-v97-status-unmonitored{background:rgba(255,255,255,.28);} #htl-cc-v97-root .htl-cc-v97-status-text{margin-left:auto;font-size:11px;font-weight:700;} #htl-cc-v97-root .htl-cc-v97-status-text.htl-cc-v97-status-ok{color:#34D399;} #htl-cc-v97-root .htl-cc-v97-status-text.htl-cc-v97-status-down{color:#F87171;} #htl-cc-v97-root .htl-cc-v97-status-text.htl-cc-v97-status-unmonitored{color:var(--cc-ink-dim);} /* Membership Movement */ #htl-cc-v97-root .htl-cc-v97-movement-row{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:14px;} #htl-cc-v97-root .htl-cc-v97-movement-row>div{display:flex;flex-direction:column;} #htl-cc-v97-root .htl-cc-v97-mv-num{font-size:22px;font-weight:800;color:var(--cc-ink);} #htl-cc-v97-root .htl-cc-v97-mv-num.win{color:#34D399;} #htl-cc-v97-root .htl-cc-v97-mv-num.los{color:#F87171;} #htl-cc-v97-root .htl-cc-v97-mv-label{font-size:11px;color:var(--cc-ink-dim);font-weight:600;} /* Membership Movement chart card: a real chart frame even when there's no historical series -- a muted flatline plus a clearly-labeled overlay, never a bare dashed rectangle. */ #htl-cc-v97-root .htl-cc-v97-chart-frame{position:relative;height:110px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);} #htl-cc-v97-root .htl-cc-v97-chart-svg{width:100%;height:100%;display:block;} #htl-cc-v97-root .htl-cc-v97-chart-svg path{fill:none;stroke:var(--cc-ink-dim);stroke-width:1.6;opacity:.35;} #htl-cc-v97-root .htl-cc-v97-chart-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--cc-ink-dim);background:linear-gradient(180deg,rgba(10,6,16,.15),rgba(10,6,16,.55));text-align:center;padding:0 16px;} #htl-cc-v97-root .htl-cc-v97-chart-lock{font-size:8px;opacity:.7;} /* Engagement Overview -- neutral relative bars, real counts only */ #htl-cc-v97-root .htl-cc-v97-engage-row{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);} #htl-cc-v97-root .htl-cc-v97-engage-row:last-child{border-bottom:none;} #htl-cc-v97-root .htl-cc-v97-engage-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--cc-ink);margin-bottom:6px;} #htl-cc-v97-root .htl-cc-v97-engage-head b{font-size:14px;} #htl-cc-v97-root .htl-cc-v97-engage-bar-track{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;} #htl-cc-v97-root .htl-cc-v97-engage-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cc-accent),var(--cc-accent2));} /* Quick Actions */ #htl-cc-v97-root .htl-cc-v97-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;} #htl-cc-v97-root .htl-cc-v97-quick-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:56px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--cc-ink);cursor:pointer;text-align:left;} #htl-cc-v97-root .htl-cc-v97-quick-btn b{font-size:12.5px;font-weight:800;} #htl-cc-v97-root .htl-cc-v97-quick-btn small{font-size:10.5px;color:var(--cc-ink-dim);} #htl-cc-v97-root .htl-cc-v97-quick-btn:not(:disabled):hover{border-color:var(--cc-accent);background:rgba(255,255,255,.08);} #htl-cc-v97-root .htl-cc-v97-quick-btn:disabled{opacity:.5;cursor:not-allowed;} /* ---------- Command Center fidelity pass (2026-10-02) ---------- This is the authored visual layer for the approved Command Center mockup. It intentionally lives after the earlier adapter rules so the page reads as one luminous composition rather than a collection of flat dark widgets. */ body.theme-redesign #admin-page #admin-overview-section{ padding:0!important;background:transparent!important;border:0!important; border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } body.theme-redesign #admin-page #admin-overview-section #htl-cc-v97-root{ width:100%;max-width:1400px;margin:0 auto;position:relative; --cc-accent:#f12aa2;--cc-accent2:#a64bff;--cc-accent-soft:#ff9fda; --cc-glow:rgba(241,42,162,.42);--cc-glass:rgba(23,11,39,.78); --cc-glass-strong:rgba(39,20,60,.88);--cc-glass-bdr:rgba(255,211,246,.22); --cc-ink:#fffaff;--cc-ink-dim:#d8c8df;--cc-panel-shadow:0 22px 52px rgba(36,9,51,.28); } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root{ --cc-accent:#3ec8ff;--cc-accent2:#6f69ff;--cc-accent-soft:#a6eaff; --cc-glow:rgba(46,181,255,.38);--cc-glass:rgba(8,27,48,.8); --cc-glass-strong:rgba(13,43,70,.9);--cc-glass-bdr:rgba(174,228,255,.24); } body.theme-redesign.theme-black #admin-page #htl-cc-v97-root{ --cc-accent:#efcc68;--cc-accent2:#a97525;--cc-accent-soft:#ffe6a1; --cc-glow:rgba(224,178,64,.34);--cc-glass:rgba(13,12,11,.86); --cc-glass-strong:rgba(29,25,19,.94);--cc-glass-bdr:rgba(255,223,145,.22); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero{ min-height:212px;margin:0 0 12px;padding:32px 34px;box-sizing:border-box; display:flex;align-items:center;justify-content:space-between;gap:24px; border-radius:27px;border:1px solid rgba(255,255,255,.26);overflow:hidden; background:#170b26;isolation:isolate;box-shadow:0 24px 62px rgba(47,10,70,.32),0 0 0 1px rgba(255,255,255,.06) inset; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero::before{ content:'';position:absolute;inset:0;height:auto;z-index:-2;opacity:1; background:url('/htl-vault-workspace-hero-v51.png') center 47%/cover no-repeat; -webkit-mask-image:none;mask-image:none;filter:saturate(1.22) contrast(1.04) brightness(.9); } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root .htl-cc-v97-hero::before{ filter:hue-rotate(58deg) saturate(.92) contrast(1.05) brightness(.88); } body.theme-redesign.theme-black #admin-page #htl-cc-v97-root .htl-cc-v97-hero::before{ filter:grayscale(.72) sepia(.48) saturate(1.25) hue-rotate(350deg) brightness(.7) contrast(1.1); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero::after{ content:'';position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(90deg,rgba(20,7,34,.92) 0%,rgba(33,9,44,.7) 42%,rgba(25,6,38,.24) 70%,rgba(20,6,32,.62) 100%),linear-gradient(0deg,rgba(16,4,27,.52),transparent 55%); } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root .htl-cc-v97-hero::after{background:linear-gradient(90deg,rgba(4,21,39,.94),rgba(7,38,62,.66) 45%,rgba(4,22,39,.3) 73%,rgba(4,18,32,.68));} body.theme-redesign.theme-black #admin-page #htl-cc-v97-root .htl-cc-v97-hero::after{background:linear-gradient(90deg,rgba(8,7,6,.95),rgba(29,23,13,.7) 48%,rgba(10,9,7,.3) 72%,rgba(8,7,5,.78));} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero-copy{max-width:720px;position:relative;z-index:2;text-shadow:0 2px 22px rgba(0,0,0,.62);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero small{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#ffe4f6;font:800 11px/1 Manrope,sans-serif;letter-spacing:.2em;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-eyebrow-mark{width:17px;height:17px;border:1.5px solid var(--cc-accent-soft);border-radius:5px;box-shadow:0 0 16px var(--cc-glow);position:relative;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-eyebrow-mark::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cc-accent);inset:4px;box-shadow:0 0 10px var(--cc-accent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero h1{margin:0 0 4px!important;color:#fff!important;font:600 clamp(44px,4.1vw,68px)/.94 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.035em;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero p{margin:0;color:#fff1fb!important;font:500 clamp(18px,1.45vw,24px)/1.2 'Cormorant Garamond',Georgia,serif;max-width:620px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero-right{align-self:stretch;min-width:245px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:13px;position:relative;z-index:2;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-date-pill{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 15px;border-radius:13px;background:rgba(20,8,31,.48);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);color:#fff;font:600 12px Manrope,sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.1);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-date-pill svg{width:17px;height:17px;color:var(--cc-accent-soft);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero-right button.primary{min-height:48px!important;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:999px!important;background:linear-gradient(115deg,var(--cc-accent2),var(--cc-accent))!important;color:#fff!important;font:800 14px Manrope,sans-serif!important;box-shadow:0 9px 30px var(--cc-glow),inset 0 1px rgba(255,255,255,.28);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero-right button svg{width:17px;height:17px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer{margin:0 0 12px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(255,255,255,.38);backdrop-filter:blur(18px);overflow:hidden;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary{list-style:none;cursor:pointer;padding:9px 15px;color:var(--theme-ink);font:800 11px Manrope,sans-serif;letter-spacing:.04em;display:flex;align-items:center;gap:9px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary::-webkit-details-marker{display:none;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary::before{content:'＋';color:var(--theme-accent);font-size:15px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer[open]>summary::before{content:'−';} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary span{font-weight:600;color:var(--theme-muted);letter-spacing:0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filterbar{margin:0;padding:8px 14px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filterbar label{color:var(--theme-muted)!important;font-size:10px!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filterbar :is(input,select){min-height:36px!important;padding:7px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.68)!important;color:var(--theme-ink)!important;border:1px solid var(--theme-border)!important;font-size:12px!important;color-scheme:light!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 10px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{ position:relative;overflow:hidden;color:var(--cc-ink)!important; background:linear-gradient(145deg,rgba(50,25,72,.9),rgba(22,11,38,.82))!important; border:1px solid var(--cc-glass-bdr)!important;backdrop-filter:blur(24px) saturate(1.45)!important;-webkit-backdrop-filter:blur(24px) saturate(1.45)!important; box-shadow:var(--cc-panel-shadow),inset 0 1px rgba(255,255,255,.12),0 0 24px rgba(197,64,255,.09)!important; } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root :is(.htl-cc-v97-kpi,.htl-cc-v97-panel){background:linear-gradient(145deg,rgba(18,54,83,.93),rgba(6,25,45,.86))!important;} body.theme-redesign.theme-black #admin-page #htl-cc-v97-root :is(.htl-cc-v97-kpi,.htl-cc-v97-panel){background:linear-gradient(145deg,rgba(37,31,20,.95),rgba(12,11,9,.9))!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi::before, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 3% 0%,rgba(255,255,255,.13),transparent 30%),linear-gradient(115deg,transparent 62%,color-mix(in srgb,var(--cc-accent) 9%,transparent));} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi{min-height:128px;padding:17px 18px;border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-head{margin:0 0 9px;position:relative;z-index:1;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-icon{width:26px;height:26px;color:var(--cc-accent-soft);filter:drop-shadow(0 0 8px var(--cc-glow));} body.theme-redesign #admin-page #htl-cc-v97-root .is-foundation .htl-cc-v97-kpi-icon{color:#75f1be}.htl-cc-v97-kpi.is-gold .htl-cc-v97-kpi-icon{color:#ffd56d} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-label{font-size:12px;color:#f7eafa;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-main{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;position:relative;z-index:1;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-value{font:800 clamp(27px,2.2vw,37px)/1 Geist,Manrope,sans-serif;color:#fff;letter-spacing:-.04em;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-context{margin-top:auto;padding-top:7px;font-size:9px;color:#bfaeca;position:relative;z-index:1;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-empty-text{font:650 11px/1.25 Manrope,sans-serif;color:#eadceb;position:relative;z-index:1;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark{height:31px;display:flex;align-items:flex-end;gap:3px;color:var(--cc-accent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i{width:4px;border-radius:4px;background:linear-gradient(0deg,var(--cc-accent2),var(--cc-accent-soft));box-shadow:0 0 8px var(--cc-glow)} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(1){height:28%}.htl-cc-v97-spark i:nth-child(2){height:45%}.htl-cc-v97-spark i:nth-child(3){height:38%}.htl-cc-v97-spark i:nth-child(4){height:73%}.htl-cc-v97-spark i:nth-child(5){height:100%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3{grid-template-columns:1.35fr .9fr .9fr;gap:10px;margin-bottom:10px;align-items:stretch;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3>.htl-cc-v97-panel, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3>.htl-cc-v97-col{min-width:0;height:100%;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{padding:17px 18px;border-radius:19px;box-sizing:border-box;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-title{margin:0;color:#fff;font:800 11px/1.2 Manrope,sans-serif;letter-spacing:.11em;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-link{display:flex;align-items:center;gap:5px;border:0;background:none;color:#e9a9f6;font:700 9.5px Manrope,sans-serif;cursor:pointer;padding:0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-link svg{width:12px;height:12px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-count{background:linear-gradient(115deg,var(--cc-accent2),var(--cc-accent));box-shadow:0 0 14px var(--cc-glow);font-size:9px;padding:2px 7px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row{position:relative;z-index:1;min-height:48px;margin-bottom:6px;padding:8px 10px;border-radius:12px;background:linear-gradient(105deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#ff72c1;background:rgba(243,39,159,.13);border:1px solid rgba(255,87,188,.25);box-shadow:0 0 13px rgba(243,39,159,.13)} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon svg{width:16px;height:16px} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-title{font-size:11.5px;color:#fff;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-sub{font-size:9.5px;color:#c9b7d2;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chip-btn{min-height:29px!important;padding:0 12px!important;border-radius:9px!important;background:linear-gradient(115deg,rgba(160,75,228,.34),rgba(236,43,154,.24))!important;border:1px solid rgba(232,151,255,.32)!important;color:#fff!important;font-size:9.5px!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-timeline{position:relative;z-index:1;gap:0;padding-left:7px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-timeline::before{content:'';position:absolute;left:10px;top:7px;bottom:7px;width:1px;background:linear-gradient(#ffd05d,#ff43b4,#58d9ff,#bf6aff);opacity:.75;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-row{position:relative;z-index:1;gap:11px;padding:6px 0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-dot{width:8px;height:8px;margin-top:4px;border:2px solid rgba(255,255,255,.35);background:#ff55bd;box-shadow:0 0 10px #ff55bd;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-dot.tone-0{background:#ffd45c;box-shadow:0 0 10px #ffd45c}.htl-cc-v97-tl-dot.tone-2{background:#5ee3ff;box-shadow:0 0 10px #5ee3ff}.htl-cc-v97-tl-dot.tone-3{background:#8dff91;box-shadow:0 0 10px #8dff91}.htl-cc-v97-tl-dot.tone-4{background:#c77bff;box-shadow:0 0 10px #c77bff} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule{height:100%;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-badge{font-size:8px;padding:3px 8px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-block{position:relative;z-index:1;margin-top:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.13);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-title{font-size:9px;color:#e7d6ed;margin-bottom:3px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-row{padding:4px 0;font-size:9.5px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-text{font-size:8.5px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-range-label{position:relative;z-index:1;padding:4px 9px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font:650 8.5px Manrope,sans-serif;color:#d7c6de;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-movement-row{position:relative;z-index:1;gap:18px;margin:2px 0 10px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-mv-num{font:800 23px/1 Geist,Manrope,sans-serif;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-mv-label{font-size:9px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-frame{height:92px;border-radius:11px;background:linear-gradient(180deg,rgba(199,60,255,.07),rgba(0,0,0,.16));border:1px solid rgba(255,255,255,.09);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:100% 25%,16.66% 100%;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-svg path{stroke:var(--cc-accent);opacity:.42;filter:drop-shadow(0 0 7px var(--cc-glow));} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-overlay{font-size:9.5px;background:linear-gradient(180deg,transparent,rgba(9,3,17,.34));} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-row{position:relative;z-index:1;padding:5px 0;border:0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-head{font-size:9.5px;margin-bottom:4px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-head b{font:800 11px Geist,Manrope,sans-serif;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-bar-track{height:7px;background:rgba(255,255,255,.09);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-bar-fill{box-shadow:0 0 13px var(--cc-glow);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-grid{position:relative;z-index:1;gap:8px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn{min-height:63px!important;padding:9px 11px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn b{font-size:10.5px;}.htl-cc-v97-quick-btn small{font-size:8.5px!important;color:#c8b5d0!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-empty-featured{position:relative;z-index:1;display:grid;place-items:center;min-height:150px;border:1px dashed rgba(255,255,255,.14);border-radius:13px;background:rgba(0,0,0,.1);font-size:11px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-loading-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-loading-grid i{height:126px;border-radius:18px;background:linear-gradient(110deg,rgba(52,25,72,.62) 30%,rgba(255,255,255,.18) 45%,rgba(52,25,72,.62) 60%);background-size:240% 100%;animation:ccShimmer 1.4s linear infinite;border:1px solid var(--cc-glass-bdr);} @keyframes ccShimmer{to{background-position:-240% 0}} @media(max-width:1180px){body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpis{grid-template-columns:repeat(3,1fr)}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3{grid-template-columns:1fr 1fr}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3>*:last-child{grid-column:1/-1}} @media(max-width:760px){body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero{min-height:300px;align-items:flex-start;flex-direction:column;padding:28px 24px}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero h1{font-size:43px!important}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero-right{width:100%;min-width:0;align-self:auto}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpis{grid-template-columns:1fr 1fr}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3{grid-template-columns:1fr}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-grid3>*:last-child{grid-column:auto}} @media(max-width:480px){body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpis{grid-template-columns:1fr}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-grid{grid-template-columns:1fr}} /* Command Center composition refinement: compact filter popover, stronger glass, intentional sparse-data states and approved Admin header search. */ body.theme-redesign #admin-page .admin-hdr{height:78px!important;padding:9px 22px!important;} body.theme-redesign #admin-page .admin-hdr img{width:54px!important;height:54px!important;} body.theme-redesign #admin-page>.admin-body{padding-top:96px!important;} body.theme-redesign #admin-page>#htl-admin-nav{top:78px!important;} body.theme-redesign #admin-page .htl-admin-search{flex:1;max-width:490px;margin:0 auto;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 15px;border-radius:15px;background:rgba(255,255,255,.48);border:1px solid var(--theme-border);backdrop-filter:blur(20px);box-shadow:inset 0 1px rgba(255,255,255,.65);color:var(--theme-muted);} body.theme-redesign #admin-page .htl-admin-search svg{width:18px;height:18px;flex:0 0 auto;} body.theme-redesign #admin-page .htl-admin-search input{width:100%;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;outline:0;color:var(--theme-ink)!important;font-size:13px!important;} body.theme-redesign #admin-page .htl-admin-search input::placeholder{color:var(--theme-muted);opacity:.82;} body.theme-redesign #admin-page .htl-admin-nav-label{display:inline-block;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero{min-height:195px;padding:27px 32px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer{position:relative;width:max-content;max-width:100%;margin:-2px 0 9px auto;overflow:visible;background:rgba(255,255,255,.56);box-shadow:0 9px 24px rgba(57,24,76,.12);z-index:20;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary{padding:7px 13px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer .htl-cc-v97-filterbar-slot{position:absolute;top:calc(100% + 7px);right:0;width:min(620px,calc(100vw - 340px));min-width:520px;z-index:50;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer:not([open]) .htl-cc-v97-filterbar-slot{display:none;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filterbar{padding:13px!important;border-radius:16px!important;background:rgba(247,236,252,.96)!important;border:1px solid var(--theme-border)!important;box-shadow:0 18px 45px rgba(40,12,58,.22)!important;backdrop-filter:blur(24px)!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{background:linear-gradient(145deg,rgba(56,28,78,.92),rgba(20,8,36,.88))!important;border-color:rgba(255,196,239,.28)!important;box-shadow:0 22px 48px rgba(43,10,61,.34),inset 0 1px rgba(255,255,255,.16),0 0 30px rgba(237,42,164,.12)!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi{min-height:116px;padding:14px 16px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-head{margin-bottom:6px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-context{padding-top:4px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{padding:15px 16px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row{min-height:42px;padding:7px 9px;margin-bottom:5px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-title{font-size:12px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-sub{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state{position:relative;z-index:1;margin-top:18px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:radial-gradient(circle at 15% 10%,rgba(241,42,162,.13),transparent 50%),rgba(0,0,0,.1);display:flex;align-items:center;gap:11px;color:#fff;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state>span{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.19);box-shadow:0 0 18px var(--cc-glow);position:relative;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state>span::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:var(--cc-accent-soft);font-size:13px;font-weight:800;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state b{display:block;font-size:11px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state small{display:block;margin-top:2px;font-size:9.5px;color:#cdbbd5;} @media(max-width:1100px){body.theme-redesign #admin-page .htl-admin-search{max-width:320px}body.theme-redesign #admin-page .admin-hdr>div:last-child .tbtn:not(.sout-btn){display:none}} @media(max-width:900px){body.theme-redesign #admin-page .admin-hdr{height:auto!important}body.theme-redesign #admin-page .htl-admin-search{order:3;flex-basis:100%;max-width:none}body.theme-redesign #admin-page>.admin-body{padding-top:24px!important}body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer .htl-cc-v97-filterbar-slot{position:fixed;left:16px;right:16px;top:145px;width:auto;min-width:0}} /* Command Center approved-mockup parity pass — brighter layered glass, stronger neon edges and readable dashboard-scale typography. */ body.theme-redesign #admin-page #htl-cc-v97-root{ --cc-panel-shadow:0 22px 52px rgba(34,5,52,.36),0 0 26px color-mix(in srgb,var(--cc-accent) 13%,transparent); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{ background: radial-gradient(circle at 9% 0%,rgba(255,255,255,.16),transparent 30%), radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--cc-accent) 14%,transparent),transparent 48%), linear-gradient(145deg,rgba(61,30,84,.88),rgba(23,8,39,.84))!important; border-color:color-mix(in srgb,var(--cc-accent-soft) 36%,rgba(255,255,255,.18))!important; box-shadow:var(--cc-panel-shadow),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.045)!important; } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root :is(.htl-cc-v97-kpi,.htl-cc-v97-panel){ background:radial-gradient(circle at 9% 0%,rgba(255,255,255,.14),transparent 30%),radial-gradient(circle at 100% 100%,rgba(45,190,255,.16),transparent 48%),linear-gradient(145deg,rgba(20,66,99,.9),rgba(5,24,44,.87))!important; } body.theme-redesign.theme-black #admin-page #htl-cc-v97-root :is(.htl-cc-v97-kpi,.htl-cc-v97-panel){ background:radial-gradient(circle at 9% 0%,rgba(255,238,183,.12),transparent 30%),radial-gradient(circle at 100% 100%,rgba(228,188,81,.13),transparent 48%),linear-gradient(145deg,rgba(42,35,21,.96),rgba(10,9,7,.92))!important; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi::after, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel::after{ content:'';position:absolute;left:10%;right:10%;top:-1px;height:1px;pointer-events:none; background:linear-gradient(90deg,transparent,var(--cc-accent-soft),transparent);opacity:.55; box-shadow:0 0 13px var(--cc-glow); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi{min-height:132px;padding:17px 18px;border-radius:20px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-head{gap:10px;margin-bottom:8px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-icon{width:30px;height:30px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-label{font-size:13px;font-weight:750;color:#fff3fc;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-value{font-size:clamp(31px,2.35vw,42px);text-shadow:0 0 22px color-mix(in srgb,var(--cc-accent) 24%,transparent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-context{font-size:10.5px;color:#dbc9e3;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-empty-text{font-size:12.5px;line-height:1.35;color:#f3e4f2;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{padding:20px 20px;border-radius:21px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-title{font-size:13px;letter-spacing:.13em;text-shadow:0 0 16px color-mix(in srgb,var(--cc-accent) 18%,transparent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-link{font-size:11px;color:#f4b4ff;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel-count{font-size:10px;padding:3px 8px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row{min-height:54px;padding:9px 11px;margin-bottom:7px;border-color:rgba(255,255,255,.16);background:linear-gradient(105deg,rgba(255,255,255,.105),rgba(255,255,255,.04));} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row:hover{border-color:color-mix(in srgb,var(--cc-accent) 52%,rgba(255,255,255,.2));box-shadow:0 0 20px color-mix(in srgb,var(--cc-accent) 12%,transparent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon{width:34px;height:34px;border-radius:10px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon svg{width:19px;height:19px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-title{font-size:13px;line-height:1.3;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-sub{font-size:11px;line-height:1.35;color:#d7c5df;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chip-btn{min-height:34px!important;padding:0 14px!important;border-radius:10px!important;font-size:10.5px!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-row{padding:8px 0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-dot{width:10px;height:10px;margin-top:4px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-block{padding:13px 14px;border-color:rgba(255,255,255,.15);background:rgba(0,0,0,.16);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-title{font-size:10.5px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-row{padding:6px 0;font-size:11px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-status-text{font-size:10px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-mv-num{font-size:28px;text-shadow:0 0 16px currentColor;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-mv-label{font-size:10.5px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-frame{height:120px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-overlay{font-size:11px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-row{padding:8px 0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-head{font-size:11.5px;margin-bottom:6px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-head b{font-size:13px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-bar-track{height:9px;box-shadow:inset 0 1px 3px rgba(0,0,0,.25);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-grid{gap:10px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn{min-height:76px!important;padding:12px 13px!important;border-radius:14px!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn b{font-size:12.5px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn small{font-size:10px!important;line-height:1.3;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-empty-featured{min-height:122px;border-style:solid;border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc-accent) 13%,transparent),transparent 56%),rgba(0,0,0,.1);font-size:12px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer{border-color:color-mix(in srgb,var(--theme-accent) 28%,var(--theme-border));box-shadow:0 10px 26px rgba(57,24,76,.16),0 0 18px color-mix(in srgb,var(--theme-accent) 10%,transparent);} /* Match the mockup's uninterrupted hero-to-dashboard rhythm. The real filter remains available, but reads as an inset glass control rather than a bright detached white strip between the hero and KPI cards. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer{ margin:-50px 18px 17px auto;background:rgba(25,9,42,.76);border-color:rgba(255,255,255,.22); backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 12px 28px rgba(13,3,24,.34),0 0 18px var(--cc-glow); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary{color:#fff;padding:8px 14px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary::before{color:var(--cc-accent-soft);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-drawer>summary span{color:#dbc9e3;} /* Real sparse states still need the same intentional visual weight as the populated mockup. These use line-art and glow, never fabricated figures. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule-empty{ position:relative;z-index:1;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto; column-gap:12px;align-items:center;margin:2px 0 12px;padding:14px;border:1px solid rgba(255,255,255,.13); border-radius:14px;background:radial-gradient(circle at 8% 30%,color-mix(in srgb,var(--cc-accent) 18%,transparent),transparent 38%),rgba(255,255,255,.035); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule-empty>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--cc-accent-soft);border:1px solid color-mix(in srgb,var(--cc-accent) 42%,rgba(255,255,255,.15));background:color-mix(in srgb,var(--cc-accent) 14%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--cc-accent) 20%,transparent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule-empty svg{width:21px;height:21px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule-empty b{font-size:12.5px;color:#fff;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule-empty small{font-size:10.5px;color:#d2c0da;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-row{align-items:center;gap:12px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-timeline::before{left:20px;top:20px;bottom:20px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-dot{ width:38px;height:38px;margin:0;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.24); color:#fff;background:color-mix(in srgb,var(--cc-accent) 24%,rgba(20,8,36,.9));box-sizing:border-box; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-dot svg{width:18px;height:18px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-tl-dot.tone-0{color:#ffe589}.htl-cc-v97-tl-dot.tone-2{color:#8cecff}.htl-cc-v97-tl-dot.tone-3{color:#a9ffac}.htl-cc-v97-tl-dot.tone-4{color:#e0b4ff} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state{min-height:82px;margin-top:16px;padding:17px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state b{font-size:13px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quiet-state small{font-size:11px;} /* V5 structural parity: the reporting controls belong to Membership Movement, matching the approved panel-level range selector. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline{ position:relative;width:auto;max-width:none;margin:0;background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:none;overflow:visible;z-index:30; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline>summary{ min-width:0;padding:6px 10px;color:#eadcf0;font-size:9.5px;letter-spacing:0;text-transform:none; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline>summary::before{content:none;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline>summary::after{content:'⌄';margin-left:7px;color:var(--cc-accent-soft);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline[open]>summary::after{content:'⌃';} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline .htl-cc-v97-filterbar-slot{ position:absolute;top:calc(100% + 8px);left:0;right:auto;width:min(620px,calc(100vw - 360px));min-width:520px;z-index:60; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon.tone-0{color:#ff6abc;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon.tone-1{color:#ffd86b;background:rgba(255,194,46,.11);border-color:rgba(255,210,94,.25);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon.tone-2{color:#68e8ff;background:rgba(52,206,255,.11);border-color:rgba(95,221,255,.25);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row-icon.tone-3{color:#94f5a7;background:rgba(78,222,112,.11);border-color:rgba(111,238,139,.25);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn{ display:grid;grid-template-columns:37px 1fr;align-items:center;column-gap:10px;text-align:left; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn>span{ width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:var(--cc-accent-soft); background:color-mix(in srgb,var(--cc-accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--cc-accent) 34%,rgba(255,255,255,.12)); box-shadow:0 0 15px color-mix(in srgb,var(--cc-accent) 17%,transparent); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn>span svg{width:19px;height:19px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn>div{min-width:0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn b, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn small{display:block;} /* A little more transparency lets the approved crystalline background read through the cards while retaining WCAG-friendly white text contrast. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{ background:radial-gradient(circle at 9% 0%,rgba(255,255,255,.17),transparent 30%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--cc-accent) 17%,transparent),transparent 48%),linear-gradient(145deg,rgba(61,30,84,.82),rgba(23,8,39,.76))!important; backdrop-filter:blur(27px) saturate(1.6)!important;-webkit-backdrop-filter:blur(27px) saturate(1.6)!important; } @media(max-width:900px){ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-filter-inline .htl-cc-v97-filterbar-slot{position:fixed;left:16px;right:16px;top:145px;width:auto;min-width:0;} } /* V6 final sparse-state polish. Decorative elements communicate atmosphere, not records or metrics, so real-data integrity remains unchanged. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{ border-color:color-mix(in srgb,var(--cc-accent-soft) 46%,rgba(255,255,255,.2))!important; box-shadow:0 24px 55px rgba(34,5,52,.38),0 0 30px color-mix(in srgb,var(--cc-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.22)!important; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-activity, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-schedule{display:flex;flex-direction:column;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient{position:relative;z-index:1;pointer-events:none;overflow:hidden;margin-top:auto;min-height:76px;opacity:.72;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity::before, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity::after{ content:'';position:absolute;border:1px solid color-mix(in srgb,var(--cc-accent) 38%,transparent);border-radius:50%; box-shadow:0 0 22px color-mix(in srgb,var(--cc-accent) 14%,transparent),inset 0 0 18px color-mix(in srgb,var(--cc-accent2) 10%,transparent); } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity::before{width:128px;height:128px;right:-22px;bottom:-79px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity::after{width:82px;height:82px;right:1px;bottom:-56px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity i{position:absolute;bottom:18px;width:7px;height:7px;border-radius:50%;background:var(--cc-accent);box-shadow:0 0 13px var(--cc-accent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity i:nth-child(1){left:8%;}.htl-cc-v97-ambient-activity i:nth-child(2){left:38%;bottom:35px;background:#68e8ff;box-shadow:0 0 13px #68e8ff}.htl-cc-v97-ambient-activity i:nth-child(3){left:68%;bottom:13px;background:#ffd86b;box-shadow:0 0 13px #ffd86b} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-activity{background:linear-gradient(160deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(15deg,transparent 49%,rgba(255,255,255,.055) 50%,transparent 51%);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-schedule{min-height:72px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 2px 0;box-sizing:border-box;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-schedule::before{content:'';position:absolute;inset:8px 0 0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 22px,25% 100%;border-radius:10px;mask-image:linear-gradient(to bottom,#000,transparent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-schedule i{position:relative;align-self:start;height:5px;margin-top:var(--mt,10px);border-radius:999px;background:linear-gradient(90deg,var(--cc-accent2),var(--cc-accent));box-shadow:0 0 12px var(--cc-glow);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-ambient-schedule i:nth-child(2){--mt:31px;opacity:.6}.htl-cc-v97-ambient-schedule i:nth-child(3){--mt:19px;opacity:.8}.htl-cc-v97-ambient-schedule i:nth-child(4){--mt:42px;opacity:.45} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-panel{display:flex;flex-direction:column;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-panel>.htl-cc-v97-panel-title{margin-bottom:12px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-panel .htl-cc-v97-quick-grid{flex:1;grid-template-rows:1fr 1fr;min-height:230px;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-panel .htl-cc-v97-quick-btn{height:100%;min-height:96px!important;} @media(max-width:1180px){body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-panel .htl-cc-v97-quick-grid{min-height:190px;}} @media(max-width:1180px){ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi{min-height:120px;} } /* ---------- Command Center (legacy shared classes below, used by many pages) ---------- */ .htl-cc-v97-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px;} .htl-cc-v97-stat{background:var(--bg2,rgba(255,255,255,.04));border:1.5px solid var(--bdr2,rgba(255,255,255,.1));border-radius:14px;padding:14px 16px;} .htl-cc-v97-stat-label{font-size:11px;color:var(--tx3,#9a8fae);font-weight:700;margin-bottom:6px;} .htl-cc-v97-stat-value{font-size:22px;font-weight:800;} .htl-cc-v97-stat-value.win{color:#34D399;} .htl-cc-v97-stat-value.los{color:#F87171;} .htl-cc-v97-stat-value.muted{font-size:13px;color:var(--tx3,#9a8fae);font-weight:600;} .htl-cc-v97-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start;} @media(max-width:900px){.htl-cc-v97-grid{grid-template-columns:1fr;}} .htl-cc-v97-panel{background:var(--bg2,rgba(255,255,255,.04));border:1.5px solid var(--bdr2,rgba(255,255,255,.1));border-radius:16px;padding:18px 20px;} .htl-cc-v97-panel-title{font-size:13px;font-weight:800;letter-spacing:.04em;margin-bottom:12px;} .htl-cc-v97-attn-row{background:var(--bg3,rgba(255,255,255,.06));border:1px solid var(--bdr2,rgba(255,255,255,.1));border-radius:10px;padding:10px 14px;margin-bottom:8px;cursor:pointer;} .htl-cc-v97-attn-row:hover{border-color:var(--pk,#E91E8C);} .htl-cc-v97-attn-name{font-weight:700;font-size:13px;} .htl-cc-v97-attn-flags{font-size:11px;color:var(--tx3,#9a8fae);margin-top:2px;} .htl-cc-v97-filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px;} .htl-cc-v97-filterbar label{font-size:11px;color:var(--tx3,#9a8fae);font-weight:700;display:block;margin-bottom:4px;} .htl-cc-v97-empty{font-size:12px;color:var(--tx3,#9a8fae);padding:10px 0;} /* Designed error state (Broadcast Center schema-cache error, 2026-10-01): replaces the generic white error box with a panel matching the rest of the v97 page language, plus a Retry button that re-runs the real loader. */ .htl-cc-v97-error{background:var(--bg2,rgba(255,255,255,.04));border:1.5px solid rgba(233,30,99,.35);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;} .htl-cc-v97-error b{font-size:14px;color:var(--tx1,#fff);} .htl-cc-v97-error span{font-size:12px;color:var(--tx3,#9a8fae);} .htl-cc-v97-error button{margin-top:6px;min-height:34px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--tx1,#fff);font:700 12px Manrope,sans-serif;cursor:pointer;} .htl-cc-v97-error button:hover{border-color:var(--pk,#E91E8C);} /* ---------- Team Chat: fixed-height workspace, internal scroll ---------- Ashley's correction (2026-10-01): "The overall browser page should not scroll the entire chat UI. The message history and applicable side panels should scroll internally." The admin shell's own header/hero already consume a predictable amount of vertical space above this layout, so this gives the sidebar + content row an explicit viewport-relative height and lets each pane scroll on its own, instead of growing with its content and pushing the whole page into a scrollbar. */ .htl-tc-hero{--tc-accent:#ff3fac;--tc-accent2:#9d59ff;position:relative;min-height:280px;margin:0 0 18px;border:1px solid rgba(255,255,255,.22);border-radius:30px;overflow:hidden;display:flex;align-items:center;padding:42px 48px;background:linear-gradient(115deg,rgba(45,15,64,.94),rgba(84,19,91,.76) 52%,rgba(35,12,61,.9)),url('/htl-art-native-chat-v89.png') center/cover;box-shadow:0 28px 80px rgba(34,7,54,.28),inset 0 1px rgba(255,255,255,.22)} .htl-tc-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,rgba(255,40,172,.34),transparent 28%),linear-gradient(90deg,rgba(16,4,32,.96) 0%,rgba(28,6,42,.83) 43%,rgba(42,7,59,.16) 77%)} .htl-tc-hero:after{content:"";position:absolute;width:310px;height:310px;right:7%;top:-24%;border-radius:50%;border:1px solid rgba(255,123,218,.28);box-shadow:0 0 80px rgba(238,51,172,.25),inset 0 0 70px rgba(136,62,255,.16)} .htl-tc-hero-copy{position:relative;z-index:2;max-width:690px}.htl-tc-hero-copy>small{display:flex;align-items:center;gap:10px;color:#f6a9df;font:800 11px/1 Manrope,sans-serif;letter-spacing:.22em}.htl-tc-hero-copy>small span{width:9px;height:9px;border:1px solid #ff82d3;transform:rotate(45deg);box-shadow:0 0 12px #ff3fac}.htl-tc-hero h1{margin:13px 0 8px;color:#fff;font:500 clamp(46px,5vw,72px)/.98 Cormorant Garamond,serif;letter-spacing:-.035em;text-shadow:0 8px 32px rgba(0,0,0,.28)}.htl-tc-hero p{margin:0;max-width:590px;color:rgba(255,255,255,.76);font:600 15px/1.65 Manrope,sans-serif}.htl-tc-hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.htl-tc-hero-pills span{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);color:rgba(255,255,255,.72);font:700 11px/1 Manrope,sans-serif}.htl-tc-hero-pills b{color:#fff;font:800 16px/1 Geist,Manrope,sans-serif}.htl-tc-hero-art{position:absolute;right:3%;bottom:-10%;width:340px;height:260px;z-index:1;background:url('/htl-art-native-chat-v89.png') center/cover;border-radius:48% 52% 0 0;opacity:.7;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,#000 55%,transparent)} .htl-tc-v97-layout{--tc-accent:#ff3fac;--tc-accent2:#9d59ff;display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;height:clamp(590px,calc(100vh - 190px),760px);min-height:590px;padding:12px;border:1px solid rgba(255,255,255,.42);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.31),rgba(255,255,255,.12));box-shadow:0 24px 70px rgba(72,23,91,.16),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(28px)} .htl-tc-v97-sidebar,.htl-tc-v97-content{min-height:0;border:1px solid rgba(255,255,255,.34);background:linear-gradient(145deg,rgba(35,14,53,.91),rgba(50,19,69,.78));box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 42px rgba(28,5,43,.2)} .htl-tc-v97-sidebar{overflow-y:auto;padding:22px 16px;border-radius:22px}.htl-tc-v97-content{overflow:hidden;border-radius:22px;display:flex;flex-direction:column;position:relative}.htl-tc-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 18px}.htl-tc-sidebar-head>div{display:flex;flex-direction:column;gap:5px}.htl-tc-sidebar-head span,.htl-tc-tool-head small{color:#e993d2;font:800 9px/1 Manrope,sans-serif;letter-spacing:.18em}.htl-tc-sidebar-head strong{color:white;font:600 26px/1 Cormorant Garamond,serif}.htl-tc-sidebar-head>button{width:37px;height:37px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(135deg,var(--tc-accent),var(--tc-accent2));box-shadow:0 8px 22px rgba(255,63,172,.28);color:#fff;font:300 25px/1 Manrope;cursor:pointer}.htl-tc-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.htl-tc-sidebar-actions button{border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.84);padding:10px 8px;font:700 10px/1 Manrope;cursor:pointer;transition:.2s}.htl-tc-sidebar-actions button:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}.htl-tc-action-icon{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:4px;border-radius:5px;border:1px solid rgba(255,255,255,.32);color:#ffa4df}.htl-tc-action-sliders:before{content:"";width:9px;height:7px;background:linear-gradient(#ffa4df 0 0) 0 0/9px 1px no-repeat,linear-gradient(#ffa4df 0 0) 0 3px/9px 1px no-repeat,linear-gradient(#ffa4df 0 0) 0 6px/9px 1px no-repeat}.htl-tc-nav-label{display:flex;justify-content:space-between;align-items:center;padding:0 6px 9px;color:rgba(255,255,255,.48);font:800 9px/1 Manrope;letter-spacing:.15em;text-transform:uppercase}.htl-tc-nav-label b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.62);font:800 10px/1 Geist}.htl-tc-dm-label{margin-top:24px}.htl-tc-nav-row{position:relative;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:14px;cursor:pointer;margin-bottom:5px;transition:.2s}.htl-tc-nav-row:hover{background:rgba(255,255,255,.07)}.htl-tc-nav-row.is-active{border-color:rgba(255,115,210,.35);background:linear-gradient(100deg,rgba(255,50,169,.22),rgba(145,69,255,.13));box-shadow:0 8px 24px rgba(255,44,169,.12),inset 3px 0 #ff55bc}.htl-tc-nav-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;font:800 12px/1 Geist;background:linear-gradient(135deg,#b646ff,#ff3fac);box-shadow:0 8px 19px rgba(180,52,255,.23)}.htl-tc-nav-avatar.is-channel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);box-shadow:none}.htl-tc-nav-avatar.is-channel i{width:13px;height:13px;border:1.5px solid #f18ad1;border-radius:50%;box-shadow:0 0 9px var(--tc-accent);position:relative}.htl-tc-nav-avatar.is-channel i:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:white;left:4px;top:4px}.htl-tc-nav-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.htl-tc-nav-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:700 12px/1.1 Manrope}.htl-tc-nav-copy small{color:rgba(255,255,255,.42);font:600 9px/1 Manrope}.htl-tc-chevron{color:rgba(255,255,255,.3);font-size:21px}.htl-tc-unread{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:8px;background:linear-gradient(135deg,#ff3fac,#9d59ff);color:#fff;font:800 9px/1 Geist;box-shadow:0 0 15px rgba(255,63,172,.5)}.htl-tc-nav-empty{padding:12px;color:rgba(255,255,255,.38);font:600 10px/1.5 Manrope} .htl-tc-conversation-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 23px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}.htl-tc-conversation-title{display:flex;align-items:center;gap:12px}.htl-tc-status-dot{width:11px;height:11px;border-radius:50%;background:#52f5ae;box-shadow:0 0 13px #52f5ae}.htl-tc-conversation-title small{display:block;color:#ef91d2;font:800 8px/1 Manrope;letter-spacing:.16em;margin-bottom:4px}.htl-tc-conversation-title h2{margin:0;color:#fff;font:600 26px/1 Cormorant Garamond,serif}.htl-tc-search{display:flex;align-items:center;gap:8px;width:min(260px,40%);border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.065);padding:0 11px}.htl-tc-search>span{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;position:relative}.htl-tc-search>span:after{content:"";position:absolute;width:5px;height:1px;background:rgba(255,255,255,.5);right:-4px;bottom:-2px;transform:rotate(45deg)}.htl-tc-search input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;padding:10px 3px!important;font:600 10px Manrope!important}.htl-tc-search input::placeholder{color:rgba(255,255,255,.4)!important}.htl-tc-messages{flex:1;min-height:0;overflow-y:auto;padding:25px 25px 12px;scrollbar-width:thin}.htl-tc-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;max-width:76%;margin:0 0 19px}.htl-tc-message.is-mine{margin-left:auto;grid-template-columns:minmax(0,1fr) 38px}.htl-tc-message.is-mine .htl-tc-message-avatar{grid-column:2}.htl-tc-message.is-mine .htl-tc-message-main{grid-column:1;grid-row:1;text-align:right}.htl-tc-message-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#7b50ee,#d443bd);border:1px solid rgba(255,255,255,.2);color:#fff;font:800 10px/1 Geist;box-shadow:0 8px 18px rgba(90,28,128,.3)}.htl-tc-message-meta{display:flex;align-items:center;gap:8px;margin:1px 3px 6px}.htl-tc-message.is-mine .htl-tc-message-meta{justify-content:flex-end}.htl-tc-message-meta strong{color:#fff;font:800 10px/1 Manrope}.htl-tc-message-meta span{color:rgba(255,255,255,.35);font:600 8px/1 Manrope}.htl-tc-message-bubble{display:inline-block;text-align:left;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:6px 17px 17px 17px;background:rgba(255,255,255,.09);color:rgba(255,255,255,.82);font:600 11px/1.55 Manrope;box-shadow:0 10px 28px rgba(7,0,18,.14)}.htl-tc-message.is-mine .htl-tc-message-bubble{border-radius:17px 6px 17px 17px;background:linear-gradient(135deg,rgba(255,62,174,.66),rgba(121,62,225,.65));color:#fff}.htl-tc-message.is-mentioned .htl-tc-message-bubble{border-color:rgba(255,210,99,.52);box-shadow:0 0 20px rgba(255,205,85,.11)}.htl-tc-message.is-removed{opacity:.5}.htl-tc-file{display:flex;align-items:center;gap:8px;margin-top:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);font:700 9px/1 Manrope;cursor:pointer}.htl-tc-file i,.htl-tc-attach>span{width:10px;height:15px;border:1.5px solid currentColor;border-radius:5px;transform:rotate(38deg);position:relative}.htl-tc-file i:after,.htl-tc-attach>span:after{content:"";position:absolute;inset:2px;border:1px solid currentColor;border-radius:3px}.htl-tc-compose-wrap{flex:0 0 auto;padding:6px 19px 19px;background:linear-gradient(0deg,rgba(20,5,32,.75),transparent)}.htl-tc-attachment-status{min-height:16px;color:#efa5dc;font:700 9px/1.4 Manrope;padding:0 5px}.htl-tc-compose{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.19);border-radius:17px;background:rgba(255,255,255,.075);box-shadow:0 16px 40px rgba(9,1,18,.2),inset 0 1px rgba(255,255,255,.1)}.htl-tc-compose>input{width:100%;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font:600 11px Manrope!important}.htl-tc-compose>input::placeholder{color:rgba(255,255,255,.36)!important}.htl-tc-attach{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#f097d4;background:rgba(255,255,255,.08);cursor:pointer}.htl-tc-attach input{display:none}.htl-tc-compose>button{height:38px;border:0;border-radius:12px;padding:0 16px;background:linear-gradient(135deg,var(--tc-accent),var(--tc-accent2));color:#fff;font:800 10px/1 Manrope;box-shadow:0 8px 22px rgba(255,63,172,.3);cursor:pointer}.htl-tc-compose>button i{display:inline-block;width:6px;height:6px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg);margin-left:8px}.htl-tc-message-empty{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.45)}.htl-tc-message-empty>span{width:60px;height:47px;border:1px solid rgba(255,129,215,.45);border-radius:18px;box-shadow:0 0 26px rgba(255,63,172,.18);position:relative}.htl-tc-message-empty>span:after{content:"";position:absolute;width:12px;height:12px;left:8px;bottom:-6px;border-left:1px solid rgba(255,129,215,.45);transform:skew(-35deg)}.htl-tc-message-empty h3{margin:18px 0 5px;color:#fff;font:600 24px/1 Cormorant Garamond}.htl-tc-message-empty p{margin:0;font:600 10px/1.5 Manrope} .htl-tc-tool-head{padding:34px 35px 22px}.htl-tc-tool-head h2{margin:7px 0;color:#fff;font:600 35px/1 Cormorant Garamond}.htl-tc-tool-head p{margin:0;color:rgba(255,255,255,.5);font:600 11px/1.5 Manrope}.htl-tc-people-grid,.htl-tc-manager-list{padding:0 35px 35px;overflow-y:auto}.htl-tc-person{width:100%;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;margin-bottom:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.065);color:#fff;text-align:left;cursor:pointer}.htl-tc-person>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,var(--tc-accent),var(--tc-accent2));font:800 11px Geist}.htl-tc-person div{display:flex;flex-direction:column;gap:5px}.htl-tc-person strong{font:800 11px Manrope}.htl-tc-person small{color:rgba(255,255,255,.4);font:600 9px Manrope}.htl-tc-person>i{font:normal 24px serif;color:rgba(255,255,255,.35)}.htl-tc-create-channel{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0 35px 18px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.065)}.htl-tc-create-channel input{border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;padding:7px 10px!important}.htl-tc-create-channel input::placeholder{color:rgba(255,255,255,.38)!important}.htl-tc-create-channel button{border:0;border-radius:11px;padding:0 16px;background:linear-gradient(135deg,var(--tc-accent),var(--tc-accent2));color:#fff;font:800 10px Manrope}.htl-tc-manager-card{margin-bottom:10px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.065)}.htl-tc-manager-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.htl-tc-manager-card-head>div{display:flex;align-items:center;gap:10px;color:#fff;font:800 11px Manrope}.htl-tc-channel-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:rgba(255,255,255,.08)}.htl-tc-channel-mark i{width:10px;height:10px;border:1.5px solid #ef8bd1;border-radius:50%;box-shadow:0 0 8px var(--tc-accent)}.htl-tc-manager-card-head button{border:1px solid rgba(255,111,141,.25);border-radius:9px;background:rgba(255,78,111,.09);color:#ff9caf;padding:7px 10px;font:800 8px Manrope}.htl-tc-member-checks{display:flex;flex-wrap:wrap;gap:7px;color:rgba(255,255,255,.65);font:600 9px Manrope}.htl-tc-member-checks label{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04)} .theme-masculine .htl-tc-hero,.theme-masculine .htl-tc-v97-layout{--tc-accent:#11b8ff;--tc-accent2:#376fff}.theme-masculine .htl-tc-hero{background:linear-gradient(115deg,rgba(4,34,62,.96),rgba(5,69,107,.79) 55%,rgba(3,29,59,.91)),url('/htl-art-native-chat-v89.png') center/cover}.theme-masculine .htl-tc-hero:before{background:radial-gradient(circle at 76% 48%,rgba(14,176,255,.32),transparent 28%),linear-gradient(90deg,rgba(2,24,47,.96),rgba(3,47,77,.82) 44%,rgba(2,31,58,.15) 78%)}.theme-masculine .htl-tc-hero-copy>small,.theme-masculine .htl-tc-sidebar-head span,.theme-masculine .htl-tc-tool-head small,.theme-masculine .htl-tc-conversation-title small{color:#88ddff}.theme-masculine .htl-tc-v97-sidebar,.theme-masculine .htl-tc-v97-content{background:linear-gradient(145deg,rgba(3,34,58,.94),rgba(4,54,82,.84))}.theme-black .htl-tc-hero,.theme-black .htl-tc-v97-layout{--tc-accent:#d5aa43;--tc-accent2:#8e6925}.theme-black .htl-tc-hero{background:linear-gradient(115deg,rgba(11,11,13,.98),rgba(36,29,16,.88) 55%,rgba(9,9,11,.96)),url('/htl-art-native-chat-v89.png') center/cover}.theme-black .htl-tc-hero:before{background:radial-gradient(circle at 76% 48%,rgba(211,166,66,.25),transparent 28%),linear-gradient(90deg,rgba(5,5,7,.98),rgba(22,18,10,.84) 44%,rgba(10,9,6,.2) 78%)}.theme-black .htl-tc-hero-copy>small,.theme-black .htl-tc-sidebar-head span,.theme-black .htl-tc-tool-head small,.theme-black .htl-tc-conversation-title small{color:#e7c66f}.theme-black .htl-tc-v97-sidebar,.theme-black .htl-tc-v97-content{background:linear-gradient(145deg,rgba(13,13,15,.96),rgba(29,25,17,.9))}.theme-black .htl-tc-nav-row.is-active{border-color:rgba(221,183,91,.35);background:linear-gradient(100deg,rgba(205,161,61,.22),rgba(116,86,26,.13));box-shadow:inset 3px 0 #d7ae50}.theme-black .htl-tc-nav-avatar.is-dm{background:linear-gradient(135deg,#d4a94a,#80601f)} @media(max-width:900px){.htl-tc-hero{min-height:240px;padding:34px 28px}.htl-tc-hero-art{opacity:.3}.htl-tc-v97-layout{grid-template-columns:245px minmax(0,1fr);height:660px}.htl-tc-message{max-width:90%}}@media(max-width:680px){.htl-tc-v97-layout{display:block;height:auto}.htl-tc-v97-sidebar{max-height:320px;margin-bottom:12px}.htl-tc-v97-content{height:610px}.htl-tc-hero-pills{gap:6px}.htl-tc-hero-pills span{padding:8px 10px}.htl-tc-conversation-head{align-items:flex-start;flex-direction:column}.htl-tc-search{width:100%}.htl-tc-message{max-width:96%}} /* Team Chat owns its complete dark-glass composition. Keep the generic Admin light-card skin out of this section and make every state readable even when the legacy polish pass has run earlier in the session. */ body.theme-redesign #admin-page #admin-teamchat-section{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible} body.theme-redesign #admin-teamchat-section :is(h1,h2,h3,strong){color:#fff!important} body.theme-redesign #admin-teamchat-section :is(p,span,small,label,div){border-color:inherit} body.theme-redesign #admin-teamchat-section .htl-tc-hero-copy>p{color:rgba(255,255,255,.84)!important} body.theme-redesign #admin-teamchat-section .htl-tc-hero-copy>small{color:#ffafe2!important} body.theme-redesign #admin-teamchat-section .htl-tc-nav-label{color:rgba(255,255,255,.68)!important} body.theme-redesign #admin-teamchat-section .htl-tc-nav-copy strong{color:#fff!important;font-size:13px!important} body.theme-redesign #admin-teamchat-section .htl-tc-nav-copy small{color:rgba(255,255,255,.6)!important;font-size:10px!important} body.theme-redesign #admin-teamchat-section .htl-tc-nav-empty{color:rgba(255,255,255,.62)!important} body.theme-redesign #admin-teamchat-section .htl-tc-sidebar-head strong{color:#fff!important} body.theme-redesign #admin-teamchat-section .htl-tc-sidebar-head>div>span{color:#ff9edb!important} body.theme-redesign #admin-teamchat-section .htl-tc-sidebar-actions button{color:#fff!important} body.theme-redesign #admin-teamchat-section .htl-tc-v97-layout{grid-template-columns:290px minmax(0,1fr);gap:14px;padding:10px;border-color:rgba(255,255,255,.26);background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:0 22px 65px rgba(54,13,76,.2),inset 0 1px rgba(255,255,255,.58)} body.theme-redesign #admin-teamchat-section .htl-tc-v97-sidebar{background:linear-gradient(155deg,rgba(39,13,57,.97),rgba(56,20,76,.9));border-color:rgba(255,255,255,.19)} body.theme-redesign #admin-teamchat-section .htl-tc-v97-content{background:radial-gradient(circle at 75% 18%,rgba(187,54,241,.14),transparent 31%),linear-gradient(150deg,rgba(37,12,55,.98),rgba(51,18,69,.94));border-color:rgba(255,255,255,.19)} .htl-tc-welcome{position:relative;height:100%;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:46px;overflow:hidden} .htl-tc-welcome:before,.htl-tc-welcome:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.htl-tc-welcome:before{width:350px;height:350px;right:-120px;top:-170px;border:1px solid rgba(255,108,208,.17);box-shadow:0 0 90px rgba(236,54,182,.13),inset 0 0 90px rgba(151,75,255,.08)}.htl-tc-welcome:after{width:260px;height:260px;left:-160px;bottom:-140px;background:radial-gradient(circle,rgba(165,68,244,.17),transparent 68%)} .htl-tc-welcome-art{position:relative;width:112px;height:88px;margin-bottom:25px}.htl-tc-welcome-art>span{position:absolute;border:1px solid rgba(255,148,224,.6);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:0 0 28px rgba(255,55,179,.2),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(8px)}.htl-tc-welcome-art>span:nth-child(1){width:72px;height:54px;left:4px;top:5px;border-radius:21px}.htl-tc-welcome-art>span:nth-child(1):after{content:"";position:absolute;width:15px;height:14px;left:9px;bottom:-7px;border-left:1px solid rgba(255,148,224,.65);transform:skew(-35deg)}.htl-tc-welcome-art>span:nth-child(2){width:57px;height:43px;right:0;bottom:0;border-radius:17px;border-color:rgba(171,128,255,.62)}.htl-tc-welcome-art>span:nth-child(3){width:7px;height:7px;left:34px;top:29px;border:0;border-radius:50%;background:#ff5fc5;box-shadow:18px 0 #cd7cff,36px 0 #fff,0 0 17px #ff5fc5} .htl-tc-welcome>small{position:relative;color:#ff9edb!important;font:800 10px/1 Manrope!important;letter-spacing:.21em}.htl-tc-welcome h2{position:relative;margin:12px 0 7px!important;color:#fff!important;font:500 clamp(38px,4vw,55px)/1 Cormorant Garamond,serif!important;letter-spacing:-.03em}.htl-tc-welcome>p{position:relative;max-width:520px;margin:0!important;color:rgba(255,255,255,.69)!important;font:600 13px/1.65 Manrope!important}.htl-tc-welcome-actions{position:relative;display:flex;gap:9px;margin-top:25px}.htl-tc-welcome-actions button{min-height:43px;padding:0 18px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font:800 10px/1 Manrope!important;cursor:pointer}.htl-tc-welcome-actions button:first-child{border:0!important;background:linear-gradient(135deg,var(--tc-accent),var(--tc-accent2))!important;box-shadow:0 10px 26px rgba(255,55,178,.28)}.htl-tc-welcome-actions i{display:inline-block;width:6px;height:6px;margin-left:8px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}.htl-tc-welcome-note{position:absolute;left:24px;right:24px;bottom:21px;display:flex;justify-content:space-between;gap:20px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.38)!important}.htl-tc-welcome-note b{color:rgba(255,255,255,.48)!important;font:800 8px/1 Manrope!important;letter-spacing:.15em}.htl-tc-welcome-note span{color:rgba(255,255,255,.38)!important;font:600 8px/1 Manrope!important} body.theme-redesign.theme-masculine #admin-teamchat-section .htl-tc-hero-copy>small,body.theme-redesign.theme-masculine #admin-teamchat-section .htl-tc-sidebar-head>div>span,body.theme-redesign.theme-masculine #admin-teamchat-section .htl-tc-welcome>small{color:#8fe4ff!important} body.theme-redesign.theme-masculine #admin-teamchat-section .htl-tc-v97-sidebar{background:linear-gradient(155deg,rgba(3,38,64,.98),rgba(5,57,88,.92))}body.theme-redesign.theme-masculine #admin-teamchat-section .htl-tc-v97-content{background:radial-gradient(circle at 75% 18%,rgba(22,175,255,.15),transparent 31%),linear-gradient(150deg,rgba(3,34,59,.98),rgba(4,49,77,.95))} body.theme-redesign.theme-black #admin-teamchat-section .htl-tc-hero-copy>small,body.theme-redesign.theme-black #admin-teamchat-section .htl-tc-sidebar-head>div>span,body.theme-redesign.theme-black #admin-teamchat-section .htl-tc-welcome>small{color:#e7c66f!important} body.theme-redesign.theme-black #admin-teamchat-section .htl-tc-v97-sidebar{background:linear-gradient(155deg,rgba(10,10,12,.99),rgba(28,23,15,.95))}body.theme-redesign.theme-black #admin-teamchat-section .htl-tc-v97-content{background:radial-gradient(circle at 75% 18%,rgba(204,158,54,.12),transparent 31%),linear-gradient(150deg,rgba(10,10,12,.99),rgba(25,21,14,.96))} /* The generic Admin form rule is intentionally light for legacy pages. These controls live inside the dark Team Chat workspace and must remain glass. */ body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-search input, body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-compose>input, body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-create-channel>input{ background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;outline:0!important; } body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-search input::placeholder, body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-compose>input::placeholder, body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-create-channel>input::placeholder{color:rgba(255,255,255,.42)!important;opacity:1} body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-search{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important} body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-compose{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 16px 40px rgba(9,1,18,.24),inset 0 1px rgba(255,255,255,.12)!important} body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-create-channel{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.18)!important} body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-message-empty h3{font-size:34px!important;margin-top:22px!important} body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-message-empty p{font-size:12px!important;color:rgba(255,255,255,.58)!important} body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-message-empty>span{width:72px;height:56px;border-color:rgba(255,129,215,.62);box-shadow:0 0 38px rgba(255,63,172,.23)} /* STAFF & ROLES — premium team directory */ #htl-staff-v97-root{--st-accent:#f52aa4;--st-accent2:#a14dff;--st-gold:#f0c96d;--st-panel:rgba(35,13,50,.92);--st-line:rgba(255,255,255,.16);color:#fff} body.theme-masculine #htl-staff-v97-root{--st-accent:#18b7ff;--st-accent2:#496fff;--st-panel:rgba(3,42,69,.94)}body.theme-black #htl-staff-v97-root{--st-accent:#d5aa43;--st-accent2:#886522;--st-panel:rgba(14,13,12,.96)} #htl-staff-v97-root .htl-staff-hero{position:relative;min-height:270px;display:flex;align-items:center;overflow:hidden;margin-bottom:18px;padding:38px 44px;border:1px solid rgba(255,255,255,.18);border-radius:29px;background:radial-gradient(circle at 76% 50%,color-mix(in srgb,var(--st-accent) 28%,transparent),transparent 28%),linear-gradient(110deg,rgba(18,5,29,.98),rgba(62,15,72,.88) 58%,rgba(34,8,48,.93));box-shadow:0 26px 75px rgba(40,8,59,.27),inset 0 1px rgba(255,255,255,.14)} #htl-staff-v97-root .htl-staff-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 55%,rgba(255,255,255,.035));pointer-events:none}.htl-staff-hero-copy{position:relative;z-index:2;max-width:690px}.htl-staff-hero small,.htl-staff-assign small,.htl-staff-section-head small,.htl-staff-boundaries>header small{display:flex;align-items:center;gap:8px;color:#f29bd7!important;font:800 9px/1 Manrope!important;letter-spacing:.2em}.htl-staff-hero small i{width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg);box-shadow:0 0 10px var(--st-accent)}.htl-staff-hero h1{margin:12px 0 7px!important;color:#fff!important;font:500 clamp(48px,5vw,70px)/.95 Cormorant Garamond,serif!important;letter-spacing:-.04em}.htl-staff-hero p{max-width:590px;margin:0!important;color:rgba(255,255,255,.76)!important;font:600 14px/1.65 Manrope!important}.htl-staff-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.htl-staff-stats span{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.68)!important;font:700 10px Manrope!important}.htl-staff-stats b{color:#fff!important;font:800 15px Geist!important}.htl-staff-hero-art{position:absolute;right:4.5%;top:26px;width:330px;height:220px}.htl-staff-hero-art>span{position:absolute;display:grid;place-items:center;width:88px;height:88px;border:1px solid rgba(255,255,255,.27);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035));color:#fff!important;font:700 28px Cormorant Garamond!important;box-shadow:0 18px 40px rgba(0,0,0,.21),0 0 32px color-mix(in srgb,var(--st-accent) 25%,transparent);backdrop-filter:blur(10px)}.htl-staff-hero-art>span:nth-child(1){left:35px;top:72px;transform:rotate(-8deg)}.htl-staff-hero-art>span:nth-child(2){left:122px;top:24px;z-index:2;width:105px;height:105px;border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent) 42%,transparent),rgba(255,255,255,.06))}.htl-staff-hero-art>span:nth-child(3){right:12px;top:85px;transform:rotate(8deg)}.htl-staff-hero-art>i{position:absolute;left:0;right:0;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,var(--st-accent),transparent);box-shadow:0 0 18px var(--st-accent)} .htl-staff-assign{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(430px,1.3fr);gap:28px;align-items:center;margin-bottom:18px;padding:25px 28px;border:1px solid rgba(255,255,255,.4);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.13));box-shadow:0 18px 45px rgba(63,20,83,.14),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(22px)}.htl-staff-assign h2,.htl-staff-section-head h2,.htl-staff-boundaries h2{margin:6px 0 3px!important;color:#2a1830!important;font:600 29px/1 Cormorant Garamond,serif!important}.htl-staff-assign p{margin:0!important;color:#735e7a!important;font:600 10px/1.5 Manrope!important}.htl-staff-assign-form{display:grid;grid-template-columns:1.2fr .8fr auto;gap:9px;align-items:end}.htl-staff-assign-form label{display:flex;flex-direction:column;gap:6px}.htl-staff-assign-form label>span{color:#604a68!important;font:800 8px Manrope!important;letter-spacing:.12em;text-transform:uppercase}.htl-staff-assign-form :is(input,select){height:43px!important;margin:0!important;border:1px solid rgba(98,61,111,.16)!important;border-radius:12px!important;background:rgba(255,255,255,.68)!important;color:#2c1834!important;box-shadow:inset 0 1px rgba(255,255,255,.8)!important;font:700 11px Manrope!important}.htl-staff-assign-form button{height:43px;padding:0 16px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--st-accent),var(--st-accent2))!important;color:#fff!important;font:800 10px Manrope!important;box-shadow:0 9px 23px color-mix(in srgb,var(--st-accent) 30%,transparent);cursor:pointer}.htl-staff-assign-form button i,.htl-staff-manage-members i{display:inline-block;width:6px;height:6px;margin-left:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)} .htl-staff-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:17px;margin-bottom:18px}.htl-staff-layout>main,.htl-staff-layout>aside,.htl-staff-boundaries{border:1px solid rgba(255,255,255,.17);border-radius:25px;background:var(--st-panel);box-shadow:0 23px 58px rgba(34,7,50,.2),inset 0 1px rgba(255,255,255,.1)}.htl-staff-layout>main,.htl-staff-layout>aside{padding:24px}.htl-staff-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.htl-staff-section-head h2{color:#fff!important;font-size:30px!important}.htl-staff-section-head>span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.65)!important;font:800 9px Manrope!important}.htl-staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.htl-staff-card{position:relative;overflow:hidden;min-height:190px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08)}.htl-staff-card:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--st-accent) 24%,transparent),transparent 70%)}.htl-staff-card-top{display:flex;justify-content:space-between;align-items:flex-start}.htl-staff-avatar{position:relative;display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(145deg,var(--st-accent2),var(--st-accent));color:#fff!important;font:800 12px Geist!important;box-shadow:0 10px 25px color-mix(in srgb,var(--st-accent) 25%,transparent)}.htl-staff-avatar i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #281036;border-radius:50%;background:#53efae}.htl-staff-card-top button{position:relative;z-index:2;padding:6px 9px!important;border:1px solid rgba(255,110,139,.18)!important;border-radius:9px!important;background:rgba(255,72,111,.06)!important;color:#ff9bae!important;font:800 8px Manrope!important;cursor:pointer}.htl-staff-card-copy{margin:17px 0 15px}.htl-staff-card-copy small{color:rgba(255,255,255,.38)!important;font:800 8px Manrope!important;letter-spacing:.15em}.htl-staff-card-copy h3{margin:5px 0 3px!important;color:#fff!important;font:600 24px/1 Cormorant Garamond!important}.htl-staff-card-copy p{margin:0!important;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.5)!important;font:600 9px Manrope!important}.htl-staff-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09)}.htl-staff-card footer>span:last-child{color:rgba(255,255,255,.36)!important;font:700 8px Manrope!important}.htl-staff-role-pill{display:flex;align-items:center;gap:6px;color:#fff!important;font:800 8px Manrope!important}.htl-staff-role-pill i{width:6px;height:6px;border-radius:50%;background:var(--st-accent);box-shadow:0 0 9px var(--st-accent)}.htl-staff-card.is-advisor .htl-staff-avatar{background:linear-gradient(145deg,#7258ef,#be47e4)}.htl-staff-card.is-community .htl-staff-avatar{background:linear-gradient(145deg,#266ad1,#22bcd6)} .htl-staff-access-note{margin:-5px 0 17px!important;color:rgba(255,255,255,.53)!important;font:600 10px/1.6 Manrope!important}.htl-staff-access-list{display:flex;flex-direction:column;gap:7px;max-height:390px;overflow-y:auto}.htl-staff-access-row{width:100%;display:grid;grid-template-columns:39px minmax(0,1fr) auto 10px;align-items:center;gap:10px;padding:10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;text-align:left;cursor:pointer}.htl-staff-access-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,var(--st-accent2),var(--st-accent));color:#fff!important;font:800 9px Geist!important}.htl-staff-access-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.htl-staff-access-row strong{overflow:hidden;text-overflow:ellipsis;color:#fff!important;font:800 10px Manrope!important}.htl-staff-access-row small{overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.42)!important;font:600 8px Manrope!important}.htl-staff-access-row em{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.07);color:#f0c6e5!important;font:800 7px Manrope!important;font-style:normal}.htl-staff-access-row em.is-admin{color:#f1d27f!important}.htl-staff-row-arrow{width:5px;height:5px;border-top:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(255,255,255,.45);transform:rotate(45deg)}.htl-staff-manage-members{width:100%;margin-top:13px;padding:11px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:800 9px Manrope!important;cursor:pointer}.htl-staff-access-empty,.htl-staff-empty{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.5)!important}.htl-staff-empty h3{margin:15px 0 5px!important;color:#fff!important;font:600 26px Cormorant Garamond!important}.htl-staff-empty p{max-width:370px;margin:0!important;color:rgba(255,255,255,.48)!important;font:600 10px/1.6 Manrope!important} .htl-staff-boundaries{padding:25px 27px}.htl-staff-boundaries>header{margin-bottom:17px}.htl-staff-boundaries h2{color:#fff!important}.htl-staff-boundaries>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.1);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.1)}.htl-staff-boundaries article{padding:18px;background:rgba(29,10,43,.92)}.htl-staff-boundaries article>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:11px;background:rgba(255,255,255,.07);color:var(--st-accent)}.htl-staff-boundaries article>span i{width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;box-shadow:0 0 10px currentColor}.htl-staff-boundaries strong{color:#fff!important;font:800 11px Manrope!important}.htl-staff-boundaries p{margin:6px 0 0!important;color:rgba(255,255,255,.46)!important;font:600 9px/1.55 Manrope!important} body.theme-redesign #admin-community-section.htl-community-staff-mode{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}body.theme-redesign #admin-community-section.htl-community-staff-mode>#htl-spaces-v97-root{display:none!important}body.theme-redesign #admin-community-section.htl-community-staff-mode #cmadm-panel-spaces{display:none!important}body.theme-redesign #admin-community-section.htl-community-staff-mode #cmadm-panel-staff{display:block!important} body.theme-masculine #htl-staff-v97-root .htl-staff-hero{background:radial-gradient(circle at 76% 50%,rgba(16,179,255,.25),transparent 28%),linear-gradient(110deg,rgba(2,24,46,.98),rgba(3,66,101,.9) 58%,rgba(2,37,67,.95))}body.theme-black #htl-staff-v97-root .htl-staff-hero{background:radial-gradient(circle at 76% 50%,rgba(211,166,65,.2),transparent 28%),linear-gradient(110deg,rgba(7,7,8,.99),rgba(35,28,15,.94) 58%,rgba(13,12,9,.98))} @media(max-width:1050px){.htl-staff-hero-art{opacity:.4}.htl-staff-assign{grid-template-columns:1fr}.htl-staff-layout{grid-template-columns:1fr}.htl-staff-assign-form{grid-template-columns:1fr 1fr auto}}@media(max-width:700px){#htl-staff-v97-root .htl-staff-hero{padding:30px 25px}.htl-staff-grid{grid-template-columns:1fr}.htl-staff-assign-form{grid-template-columns:1fr}.htl-staff-boundaries>div{grid-template-columns:1fr}.htl-staff-hero-art{display:none}} /* PAYMENTS — verified records + integration readiness */ #htl-pay-v97-root{--pay-accent:#f52aa4;--pay-accent2:#9554ff;--pay-panel:rgba(34,12,49,.93);--pay-line:rgba(255,255,255,.15);color:#fff}body.theme-masculine #htl-pay-v97-root{--pay-accent:#15b8ff;--pay-accent2:#486dff;--pay-panel:rgba(3,41,68,.95)}body.theme-black #htl-pay-v97-root{--pay-accent:#d7ae4c;--pay-accent2:#886520;--pay-panel:rgba(13,13,12,.97)} .htl-pay-hero{position:relative;min-height:275px;display:flex;align-items:center;overflow:hidden;margin-bottom:17px;padding:40px 45px;border:1px solid rgba(255,255,255,.18);border-radius:29px;background:radial-gradient(circle at 80% 44%,color-mix(in srgb,var(--pay-accent) 29%,transparent),transparent 29%),linear-gradient(112deg,rgba(18,5,29,.98),rgba(61,15,74,.88) 57%,rgba(31,7,46,.96));box-shadow:0 27px 75px rgba(38,7,56,.28),inset 0 1px rgba(255,255,255,.14)}.htl-pay-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,transparent 58%,rgba(255,255,255,.035))}.htl-pay-hero-copy{position:relative;z-index:2;max-width:740px}.htl-pay-hero small,.htl-pay-panel-head small,.htl-pay-readiness small{display:flex;align-items:center;gap:8px;color:#f29bd7!important;font:800 9px/1 Manrope!important;letter-spacing:.2em}.htl-pay-hero>div>small i{width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg);box-shadow:0 0 11px var(--pay-accent)}.htl-pay-hero h1{margin:12px 0 7px!important;color:#fff!important;font:500 clamp(49px,5vw,72px)/.95 Cormorant Garamond,serif!important;letter-spacing:-.04em}.htl-pay-hero p{max-width:620px;margin:0!important;color:rgba(255,255,255,.76)!important;font:600 14px/1.65 Manrope!important}.htl-pay-hero-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:23px}.htl-pay-hero-pills span{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.67)!important;font:700 10px Manrope!important}.htl-pay-hero-pills b{color:#fff!important;font:800 15px Geist!important}.htl-pay-connection i{width:7px;height:7px;border-radius:50%;background:#ffaf50;box-shadow:0 0 11px #ffaf50}.htl-pay-hero-art{position:absolute;right:6%;top:35px;width:300px;height:205px}.htl-pay-hero-art>span{position:absolute;display:block;width:178px;height:108px;border:1px solid rgba(255,255,255,.25);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:0 20px 45px rgba(0,0,0,.2),0 0 36px color-mix(in srgb,var(--pay-accent) 22%,transparent);backdrop-filter:blur(10px)}.htl-pay-hero-art>span:nth-child(1){right:58px;top:27px;transform:rotate(-7deg)}.htl-pay-hero-art>span:nth-child(2){right:10px;top:75px;transform:rotate(9deg);background:linear-gradient(145deg,color-mix(in srgb,var(--pay-accent) 38%,transparent),rgba(255,255,255,.04))}.htl-pay-hero-art>span:before{content:"";position:absolute;left:18px;top:19px;width:29px;height:20px;border-radius:7px;background:linear-gradient(135deg,#f3d885,#9a742d);box-shadow:42px 49px 0 -8px rgba(255,255,255,.46)}.htl-pay-hero-art>span:after{content:"•••• 8241";position:absolute;left:18px;bottom:16px;color:rgba(255,255,255,.68);font:700 9px Geist;letter-spacing:.13em}.htl-pay-hero-art>i{position:absolute;left:20px;right:0;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,var(--pay-accent),transparent);box-shadow:0 0 17px var(--pay-accent)} .htl-pay-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px}.htl-pay-kpis article{position:relative;overflow:hidden;min-height:132px;padding:18px;border:1px solid rgba(255,255,255,.38);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.39),rgba(255,255,255,.14));box-shadow:0 17px 39px rgba(66,21,84,.13),inset 0 1px rgba(255,255,255,.78);backdrop-filter:blur(21px)}.htl-pay-kpis article>small{display:block;color:#75547c!important;font:800 8px Manrope!important;letter-spacing:.14em}.htl-pay-kpis strong{display:block;margin:14px 0 4px;color:#2d1734!important;font:800 34px/1 Geist!important}.htl-pay-kpis strong.is-unavailable{font:700 19px/1.2 Manrope!important}.htl-pay-kpis strong.is-alert{color:#ac2850!important}.htl-pay-kpis p{margin:0!important;color:#7d6882!important;font:600 9px Manrope!important}.htl-pay-kpis article>i{position:absolute;width:75px;height:75px;right:-32px;bottom:-36px;border-radius:50%;background:color-mix(in srgb,var(--pay-accent) 16%,transparent);box-shadow:0 0 27px color-mix(in srgb,var(--pay-accent) 15%,transparent)} .htl-pay-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px;margin-bottom:17px}.htl-pay-layout>main,.htl-pay-layout>aside,.htl-pay-readiness{border:1px solid var(--pay-line);border-radius:25px;background:var(--pay-panel);box-shadow:0 23px 58px rgba(34,7,50,.2),inset 0 1px rgba(255,255,255,.1)}.htl-pay-layout>main,.htl-pay-layout>aside{padding:23px}.htl-pay-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.htl-pay-panel-head h2,.htl-pay-readiness h2{margin:6px 0 0!important;color:#fff!important;font:600 30px/1 Cormorant Garamond!important}.htl-pay-search{display:flex;align-items:center;gap:8px;width:240px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.htl-pay-search>i{width:11px;height:11px;border:1.5px solid rgba(255,255,255,.45);border-radius:50%;position:relative}.htl-pay-search>i:after{content:"";position:absolute;width:4px;height:1px;right:-3px;bottom:-2px;background:rgba(255,255,255,.45);transform:rotate(45deg)}body.theme-redesign #admin-page #htl-pay-v97-root .htl-pay-search input{height:37px!important;padding:5px!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font:600 10px Manrope!important}body.theme-redesign #admin-page #htl-pay-v97-root .htl-pay-search input::placeholder{color:rgba(255,255,255,.4)!important}.htl-pay-live{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.55)!important;font:800 8px Manrope!important}.htl-pay-live i{width:7px;height:7px;border-radius:50%;background:#54efa9;box-shadow:0 0 10px #54efa9}.htl-pay-member-labels{display:grid;grid-template-columns:minmax(170px,1.2fr) .65fr .55fr .8fr .8fr;padding:0 47px 8px 10px;color:rgba(255,255,255,.35)!important;font:800 7px Manrope!important;letter-spacing:.12em;text-transform:uppercase}.htl-pay-member-row{width:100%;display:grid;grid-template-columns:41px minmax(115px,1.2fr) .65fr .55fr .8fr .8fr 8px;align-items:center;gap:9px;margin-bottom:7px;padding:10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.052)!important;text-align:left;cursor:pointer;transition:.2s}.htl-pay-member-row:hover{border-color:color-mix(in srgb,var(--pay-accent) 40%,transparent)!important;background:rgba(255,255,255,.08)!important}.htl-pay-avatar{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,var(--pay-accent2),var(--pay-accent));color:#fff!important;font:800 9px Geist!important}.htl-pay-member-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.htl-pay-member-copy strong{overflow:hidden;text-overflow:ellipsis;color:#fff!important;font:800 9px Manrope!important}.htl-pay-member-copy small{overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.4)!important;font:600 7px Manrope!important}.htl-pay-tier{color:rgba(255,255,255,.66)!important;font:700 8px Manrope!important}.htl-pay-status{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.58)!important;font:700 8px Manrope!important;text-transform:capitalize}.htl-pay-status i{width:6px;height:6px;border-radius:50%;background:#aa9aaa}.htl-pay-status.is-active i{background:#50e7a4;box-shadow:0 0 8px #50e7a4}.htl-pay-id{min-width:0;display:flex;flex-direction:column;gap:3px}.htl-pay-id small{display:none}.htl-pay-id code{overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.5)!important;font:600 7px Geist!important}.htl-pay-arrow{width:5px;height:5px;border-top:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4);transform:rotate(45deg)} .htl-pay-events{display:flex;flex-direction:column;gap:7px;max-height:480px;overflow-y:auto}.htl-pay-event{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045)}.htl-pay-event>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.065);color:#a898b0}.htl-pay-event>span i{width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.htl-pay-event>span.is-good{color:#53e9a7}.htl-pay-event>span.is-bad{color:#ff7295}.htl-pay-event>div{min-width:0;display:flex;flex-direction:column;gap:4px}.htl-pay-event strong{overflow:hidden;text-overflow:ellipsis;color:#fff!important;font:800 9px Manrope!important}.htl-pay-event small{color:rgba(255,255,255,.38)!important;font:600 7px Manrope!important}.htl-pay-event em{color:rgba(255,255,255,.35)!important;font:800 7px Manrope!important;font-style:normal}.htl-pay-events-empty,.htl-pay-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.48)!important}.htl-pay-events-empty strong,.htl-pay-empty h3{margin:13px 0 5px!important;color:#fff!important;font:600 24px Cormorant Garamond!important}.htl-pay-events-empty small,.htl-pay-empty p{max-width:340px;margin:0!important;color:rgba(255,255,255,.43)!important;font:600 9px/1.5 Manrope!important} .htl-pay-readiness{padding:25px}.htl-pay-readiness>header{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:18px}.htl-pay-readiness>header>p{margin:0!important;color:rgba(255,255,255,.48)!important;font:600 10px/1.6 Manrope!important}.htl-pay-readiness>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.1)}.htl-pay-readiness article{min-height:150px;padding:17px;background:rgba(29,10,43,.94)}.htl-pay-readiness article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:13px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:rgba(255,255,255,.45)!important;font:800 9px Geist!important}.htl-pay-readiness article.is-done>span{border-color:rgba(78,231,163,.3);color:#55eaa8!important;box-shadow:0 0 17px rgba(78,231,163,.1)}.htl-pay-readiness article strong{color:#fff!important;font:800 10px Manrope!important}.htl-pay-readiness article p{min-height:43px;margin:6px 0 12px!important;color:rgba(255,255,255,.43)!important;font:600 8px/1.55 Manrope!important}.htl-pay-readiness article em{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.45)!important;font:800 7px Manrope!important;font-style:normal}.htl-pay-readiness article.is-done em{color:#75efb8!important} body.theme-redesign #admin-payments-section{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}body.theme-masculine #htl-pay-v97-root .htl-pay-hero{background:radial-gradient(circle at 80% 44%,rgba(20,180,255,.25),transparent 29%),linear-gradient(112deg,rgba(2,24,46,.99),rgba(3,65,101,.91) 57%,rgba(2,36,65,.96))}body.theme-black #htl-pay-v97-root .htl-pay-hero{background:radial-gradient(circle at 80% 44%,rgba(212,168,69,.2),transparent 29%),linear-gradient(112deg,rgba(7,7,8,.99),rgba(35,28,15,.95) 57%,rgba(12,11,9,.98))} @media(max-width:1100px){.htl-pay-hero-art{opacity:.35}.htl-pay-kpis{grid-template-columns:repeat(2,1fr)}.htl-pay-layout{grid-template-columns:1fr}.htl-pay-readiness>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.htl-pay-hero{padding:31px 25px}.htl-pay-hero-art{display:none}.htl-pay-kpis{grid-template-columns:1fr}.htl-pay-panel-head{align-items:flex-start;flex-direction:column}.htl-pay-search{width:100%}.htl-pay-member-labels{display:none}.htl-pay-member-row{grid-template-columns:41px 1fr auto}.htl-pay-member-row>:is(.htl-pay-id,.htl-pay-tier,.htl-pay-status){display:none}.htl-pay-readiness>header{grid-template-columns:1fr}.htl-pay-readiness>div{grid-template-columns:1fr}} /* AUDIT LOG — verified administrative timeline */ #htl-audit-v97-root{--au-accent:#f42ba4;--au-accent2:#9452ff;--au-panel:rgba(34,12,49,.94);--au-line:rgba(255,255,255,.15);color:#fff}body.theme-masculine #htl-audit-v97-root{--au-accent:#16b8ff;--au-accent2:#466eff;--au-panel:rgba(3,41,68,.96)}body.theme-black #htl-audit-v97-root{--au-accent:#d5aa43;--au-accent2:#85611e;--au-panel:rgba(13,13,12,.98)} .htl-audit-hero{position:relative;min-height:270px;display:flex;align-items:center;overflow:hidden;margin-bottom:17px;padding:39px 45px;border:1px solid rgba(255,255,255,.18);border-radius:29px;background:radial-gradient(circle at 81% 48%,color-mix(in srgb,var(--au-accent) 27%,transparent),transparent 29%),linear-gradient(112deg,rgba(18,5,29,.98),rgba(61,15,74,.89) 57%,rgba(31,7,46,.96));box-shadow:0 27px 75px rgba(38,7,56,.28),inset 0 1px rgba(255,255,255,.14)}.htl-audit-hero-copy{position:relative;z-index:2;max-width:735px}.htl-audit-hero small,.htl-audit-workspace>header small,.htl-audit-assurance small{display:flex;align-items:center;gap:8px;color:#f29bd7!important;font:800 9px/1 Manrope!important;letter-spacing:.2em}.htl-audit-hero>div>small i{width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg);box-shadow:0 0 11px var(--au-accent)}.htl-audit-hero h1{margin:12px 0 7px!important;color:#fff!important;font:500 clamp(49px,5vw,72px)/.95 Cormorant Garamond,serif!important;letter-spacing:-.04em}.htl-audit-hero p{max-width:620px;margin:0!important;color:rgba(255,255,255,.76)!important;font:600 14px/1.65 Manrope!important}.htl-audit-hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.htl-audit-hero-pills span{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.68)!important;font:700 10px Manrope!important}.htl-audit-hero-pills b{color:#fff!important;font:800 15px Geist!important}.htl-audit-hero-pills span>i{width:7px;height:7px;border-radius:50%;background:#54eeaa;box-shadow:0 0 10px #54eeaa}.htl-audit-hero-art{position:absolute;right:8%;top:34px;width:260px;height:210px}.htl-audit-hero-art>span{position:absolute;left:74px;top:15px;width:110px;height:135px;border:1px solid rgba(255,255,255,.3);border-radius:52px 52px 44px 44px;background:linear-gradient(145deg,color-mix(in srgb,var(--au-accent) 40%,transparent),rgba(255,255,255,.04));box-shadow:0 20px 48px rgba(0,0,0,.2),0 0 42px color-mix(in srgb,var(--au-accent) 25%,transparent);clip-path:polygon(50% 0,94% 18%,90% 72%,50% 100%,10% 72%,6% 18%)}.htl-audit-hero-art>span i{position:absolute;left:41px;top:43px;width:27px;height:18px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}.htl-audit-hero-art>em{position:absolute;width:9px;height:9px;border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 0 13px var(--au-accent)}.htl-audit-hero-art>em:nth-of-type(1){left:18px;top:78px}.htl-audit-hero-art>em:nth-of-type(2){right:13px;top:48px}.htl-audit-hero-art>em:nth-of-type(3){right:45px;bottom:15px}.htl-audit-hero-art:after{content:"";position:absolute;left:20px;right:15px;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,var(--au-accent),transparent);box-shadow:0 0 17px var(--au-accent)} .htl-audit-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px}.htl-audit-kpis article{position:relative;overflow:hidden;min-height:125px;padding:18px;border:1px solid rgba(255,255,255,.38);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.39),rgba(255,255,255,.14));box-shadow:0 17px 39px rgba(66,21,84,.13),inset 0 1px rgba(255,255,255,.78);backdrop-filter:blur(21px)}.htl-audit-kpis small{display:block;color:#75547c!important;font:800 8px Manrope!important;letter-spacing:.14em}.htl-audit-kpis strong{display:block;margin:12px 0 4px;color:#2d1734!important;font:800 34px/1 Geist!important}.htl-audit-kpis strong.is-alert{color:#ae2851!important}.htl-audit-kpis p{margin:0!important;color:#7d6882!important;font:600 9px Manrope!important}.htl-audit-kpis article>i{position:absolute;width:74px;height:74px;right:-31px;bottom:-35px;border-radius:50%;background:color-mix(in srgb,var(--au-accent) 16%,transparent)} .htl-audit-workspace,.htl-audit-assurance{border:1px solid var(--au-line);border-radius:25px;background:var(--au-panel);box-shadow:0 23px 58px rgba(34,7,50,.2),inset 0 1px rgba(255,255,255,.1)}.htl-audit-workspace{padding:24px;margin-bottom:17px}.htl-audit-workspace>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.htl-audit-workspace>header h2,.htl-audit-assurance h2{margin:6px 0 2px!important;color:#fff!important;font:600 31px/1 Cormorant Garamond!important}.htl-audit-workspace>header p{margin:0!important;color:rgba(255,255,255,.44)!important;font:600 9px Manrope!important}.htl-audit-tools{display:flex;align-items:center;gap:8px}.htl-audit-search{display:flex;align-items:center;gap:8px;width:245px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.htl-audit-search>i{width:11px;height:11px;border:1.5px solid rgba(255,255,255,.45);border-radius:50%;position:relative}.htl-audit-search>i:after{content:"";position:absolute;width:4px;height:1px;right:-3px;bottom:-2px;background:rgba(255,255,255,.45);transform:rotate(45deg)}body.theme-redesign #admin-page #htl-audit-v97-root .htl-audit-tools :is(input,select){height:39px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;box-shadow:none!important;font:700 9px Manrope!important}body.theme-redesign #admin-page #htl-audit-v97-root .htl-audit-search input{border:0!important;background:transparent!important;padding:5px!important}body.theme-redesign #admin-page #htl-audit-v97-root .htl-audit-tools select{width:145px!important;padding:0 10px!important;color-scheme:dark}.htl-audit-tools button{height:39px;padding:0 13px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--au-accent),var(--au-accent2))!important;color:#fff!important;font:800 9px Manrope!important;cursor:pointer}.htl-audit-tools button i{display:inline-block;width:6px;height:6px;margin-left:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.htl-audit-labels{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(150px,.8fr) minmax(145px,.7fr) 120px;padding:0 38px 8px 58px;color:rgba(255,255,255,.34)!important;font:800 7px Manrope!important;letter-spacing:.13em;text-transform:uppercase}.htl-audit-row{margin-bottom:7px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.048);overflow:hidden}.htl-audit-row.is-open{border-color:color-mix(in srgb,var(--au-accent) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--au-accent) 10%,transparent)}.htl-audit-row-main{width:100%;display:grid;grid-template-columns:36px minmax(180px,1.3fr) minmax(130px,.8fr) minmax(135px,.7fr) 110px 8px;align-items:center;gap:10px;padding:11px!important;border:0!important;background:transparent!important;text-align:left;cursor:pointer}.htl-audit-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.065);color:#ab9bb1}.htl-audit-icon i{width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.htl-audit-row.is-alert .htl-audit-icon{color:#ff7698}.htl-audit-row.is-good .htl-audit-icon{color:#52eaa7}.htl-audit-action,.htl-audit-target,.htl-audit-actor>div,time{min-width:0;display:flex;flex-direction:column;gap:3px}.htl-audit-action small,.htl-audit-target small,.htl-audit-actor small{color:rgba(255,255,255,.35)!important;font:800 7px Manrope!important;letter-spacing:.1em}.htl-audit-action strong,.htl-audit-target strong,.htl-audit-actor strong,time strong{overflow:hidden;text-overflow:ellipsis;color:#fff!important;font:800 9px Manrope!important}.htl-audit-action em{overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.43)!important;font:600 8px Manrope!important;font-style:normal;white-space:nowrap}.htl-audit-actor{display:flex;align-items:center;gap:8px}.htl-audit-actor>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,var(--au-accent2),var(--au-accent));color:#fff!important;font:800 7px Geist!important}.htl-audit-row time small{color:rgba(255,255,255,.38)!important;font:600 8px Manrope!important}.htl-audit-chevron{width:5px;height:5px;border-right:1px solid rgba(255,255,255,.44);border-bottom:1px solid rgba(255,255,255,.44);transform:rotate(45deg);transition:.2s}.htl-audit-row.is-open .htl-audit-chevron{transform:rotate(225deg)}.htl-audit-detail{padding:0 18px 17px 57px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.08)}.htl-audit-detail-intro{padding:14px 0 11px}.htl-audit-detail-intro small,.htl-audit-json small{color:#efa2d7!important;font:800 7px Manrope!important;letter-spacing:.13em}.htl-audit-detail-intro p{margin:5px 0 0!important;color:rgba(255,255,255,.49)!important;font:600 8px Manrope!important}.htl-audit-detail code{color:#f4b3de!important}.htl-audit-json{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.htl-audit-json>div{padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035)}.htl-audit-json pre,.htl-audit-json p{margin:7px 0 0!important;color:rgba(255,255,255,.66)!important;font:600 8px/1.5 Geist,monospace!important;white-space:pre-wrap;overflow-wrap:anywhere}.htl-audit-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.htl-audit-empty h3{margin:14px 0 5px!important;color:#fff!important;font:600 27px Cormorant Garamond!important}.htl-audit-empty p{margin:0!important;color:rgba(255,255,255,.44)!important;font:600 9px Manrope!important} .htl-audit-assurance{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 25px}.htl-audit-assurance>div:first-child{display:flex;align-items:center;gap:15px}.htl-audit-assurance>div:first-child>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--au-accent) 35%,transparent),rgba(255,255,255,.04));color:#fff}.htl-audit-assurance>div:first-child>span i{width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;box-shadow:0 0 13px var(--au-accent)}.htl-audit-assurance p{max-width:540px;margin:4px 0 0!important;color:rgba(255,255,255,.45)!important;font:600 9px/1.55 Manrope!important}.htl-audit-assurance-points{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.htl-audit-assurance-points span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.58)!important;font:700 7px Manrope!important}.htl-audit-assurance-points i{width:5px;height:5px;border-radius:50%;background:#53e8a6;box-shadow:0 0 7px #53e8a6} body.theme-redesign #admin-auditlog-section{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}body.theme-masculine #htl-audit-v97-root .htl-audit-hero{background:radial-gradient(circle at 81% 48%,rgba(20,180,255,.25),transparent 29%),linear-gradient(112deg,rgba(2,24,46,.99),rgba(3,65,101,.91) 57%,rgba(2,36,65,.96))}body.theme-black #htl-audit-v97-root .htl-audit-hero{background:radial-gradient(circle at 81% 48%,rgba(212,168,69,.2),transparent 29%),linear-gradient(112deg,rgba(7,7,8,.99),rgba(35,28,15,.95) 57%,rgba(12,11,9,.98))} @media(max-width:1100px){.htl-audit-hero-art{opacity:.35}.htl-audit-kpis{grid-template-columns:repeat(2,1fr)}.htl-audit-workspace>header{align-items:flex-start;flex-direction:column}.htl-audit-tools{width:100%}.htl-audit-search{flex:1}.htl-audit-labels{display:none}.htl-audit-row-main{grid-template-columns:36px 1fr 1fr 8px}.htl-audit-row-main>:is(.htl-audit-actor,time){display:none}}@media(max-width:700px){.htl-audit-hero{padding:31px 25px}.htl-audit-hero-art{display:none}.htl-audit-kpis{grid-template-columns:1fr}.htl-audit-tools{align-items:stretch;flex-direction:column}.htl-audit-search,.htl-audit-tools select{width:100%!important}.htl-audit-row-main{grid-template-columns:36px 1fr 8px}.htl-audit-target{display:none}.htl-audit-detail{padding-left:18px}.htl-audit-assurance{align-items:flex-start;flex-direction:column}.htl-audit-assurance-points{justify-content:flex-start}} /* ---------- Members ---------- */ .htl-mem-v97-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;} .htl-mem-v97-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;} .htl-mem-v97-filters input,.htl-mem-v97-filters select{background:var(--bg,rgba(0,0,0,.2));border:1.5px solid var(--bdr,rgba(255,255,255,.14));color:var(--tx,#fff);padding:8px 12px;border-radius:8px;font-size:13px;outline:none;} .htl-mem-v97-layout{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start;} @media(max-width:1000px){.htl-mem-v97-layout{grid-template-columns:1fr;}} .htl-mem-v97-table{background:var(--bg2,rgba(255,255,255,.04));border:1.5px solid var(--bdr2,rgba(255,255,255,.1));border-radius:16px;overflow:hidden;} .htl-mem-v97-thead,.htl-mem-v97-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:center;padding:10px 16px;} .htl-mem-v97-thead{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3,#9a8fae);border-bottom:1px solid var(--bdr2,rgba(255,255,255,.1));} .htl-mem-v97-row{border-bottom:1px solid var(--bdr2,rgba(255,255,255,.07));cursor:pointer;} .htl-mem-v97-row:hover{background:var(--bg3,rgba(255,255,255,.05));} .htl-mem-v97-row.selected{background:rgba(233,30,140,.08);} .htl-mem-v97-person{display:flex;flex-direction:column;} .htl-mem-v97-person b{font-size:13px;} .htl-mem-v97-person small{font-size:11px;color:var(--tx3,#9a8fae);} .htl-mem-v97-tier{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;width:fit-content;} .htl-mem-v97-tier.gold-class-lounge{background:rgba(251,191,36,.15);color:#FBBF24;} .htl-mem-v97-tier.advanced{background:rgba(168,85,247,.15);color:#C084FC;} .htl-mem-v97-tier.foundation{background:rgba(96,165,250,.15);color:#60A5FA;} .htl-mem-v97-tier.unassigned{background:rgba(255,255,255,.08);color:var(--tx3,#9a8fae);} .htl-mem-v97-status{font-size:11px;font-weight:700;} .htl-mem-v97-status.active{color:#34D399;} .htl-mem-v97-status.at-risk{color:#FBBF24;} .htl-mem-v97-status.inactive{color:var(--tx3,#9a8fae);} .htl-mem-v97-drawer{background:var(--bg2,rgba(255,255,255,.04));border:1.5px solid var(--bdr2,rgba(255,255,255,.1));border-radius:16px;padding:18px;} .htl-mem-v97-drawer-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;} .htl-mem-v97-drawer-head img{width:48px;height:48px;border-radius:50%;object-fit:cover;} .htl-mem-v97-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;} .htl-mem-v97-score-grid article{background:var(--bg3,rgba(255,255,255,.05));border-radius:10px;padding:10px 12px;} .htl-mem-v97-score-grid b{display:block;font-size:17px;font-weight:800;} .htl-mem-v97-score-grid small{font-size:10px;color:var(--tx3,#9a8fae);} .htl-mem-v97-drawer-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px;} .htl-mem-v97-drawer-actions button{min-height:38px;border-radius:10px;border:1px solid var(--bdr2,rgba(255,255,255,.14));background:transparent;color:var(--tx,#fff);font:700 12px Manrope,sans-serif;cursor:pointer;text-align:left;padding:0 12px;} .htl-mem-v97-drawer-actions button:hover{border-color:var(--pk,#E91E8C);} .htl-mem-v97-drawer-actions button.danger{color:#F87171;border-color:rgba(248,113,113,.4);} .htl-mem-v97-empty{padding:30px;text-align:center;color:var(--tx3,#9a8fae);font-size:13px;} .htl-mem-v97-showmore{display:block;margin:14px auto 0;background:var(--bg3,rgba(255,255,255,.06));border:1px solid var(--bdr2,rgba(255,255,255,.1));color:var(--tx2,#ddd);padding:8px 20px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;} /* ============================================================ MEMBERS — luminous real-data directory, visually aligned with the approved Command Center. Scoped to this page so other admin adapters are untouched. ============================================================ */ body.theme-redesign #admin-page #htl-members-v97-root{ --mem-accent:#f12aa2;--mem-accent2:#a64bff;--mem-soft:#ff9fda;--mem-ink:#fffaff;--mem-dim:#d8c8df; width:100%;max-width:1400px;min-width:0;margin:0 auto;color:var(--mem-ink);overflow-x:clip; } body.theme-redesign.theme-masculine #admin-page #htl-members-v97-root{--mem-accent:#3ec8ff;--mem-accent2:#6f69ff;--mem-soft:#a6eaff;} body.theme-redesign.theme-black #admin-page #htl-members-v97-root{--mem-accent:#efcc68;--mem-accent2:#a97525;--mem-soft:#ffe6a1;} body.theme-redesign #admin-page #admin-members-section{padding:0!important;background:transparent!important;border:0!important;min-width:0;max-width:100%;overflow-x:clip;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero{ position:relative;isolation:isolate;overflow:hidden;min-height:220px;margin:0 0 14px;padding:34px 38px;border-radius:27px; display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.27); background:#160923;box-shadow:0 25px 65px rgba(38,8,57,.35),0 0 0 1px rgba(255,255,255,.05) inset; } body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/htl-art-member-home-v89.png') center 49%/cover no-repeat;filter:saturate(1.3) contrast(1.04) brightness(.8);} body.theme-redesign.theme-masculine #admin-page #htl-members-v97-root .htl-mem-v97-hero::before{filter:hue-rotate(58deg) saturate(.95) brightness(.78);} body.theme-redesign.theme-black #admin-page #htl-members-v97-root .htl-mem-v97-hero::before{filter:grayscale(.72) sepia(.5) saturate(1.3) brightness(.62);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,5,31,.95),rgba(30,8,40,.72) 48%,rgba(18,5,28,.27) 72%,rgba(14,4,24,.67));} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero-copy{max-width:710px;text-shadow:0 2px 22px rgba(0,0,0,.65);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero small{display:flex;align-items:center;gap:9px;color:#ffe4f6;font-size:11px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero small>span{width:17px;height:17px;border:1.5px solid var(--mem-soft);border-radius:50%;box-shadow:0 0 15px var(--mem-accent);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero h1{margin:0 0 5px!important;color:#fff!important;font:600 clamp(45px,4vw,66px)/.96 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.035em;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero p{margin:0;color:#fff0fa!important;font:500 clamp(17px,1.35vw,22px)/1.25 'Cormorant Garamond',Georgia,serif;max-width:590px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero-tiers{display:flex;flex-direction:column;gap:8px;min-width:220px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero-tiers>span{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 13px;border-radius:12px;background:rgba(16,5,27,.48);border:1px solid rgba(255,255,255,.19);backdrop-filter:blur(14px);font:700 11px Manrope,sans-serif;color:#f6eaf8;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero-tiers b{font:800 18px Geist,Manrope,sans-serif;color:var(--mem-soft);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0 0 12px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat, body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-table, body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer{ position:relative;overflow:hidden;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.16),transparent 31%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--mem-accent) 14%,transparent),transparent 47%),linear-gradient(145deg,rgba(58,28,79,.84),rgba(21,8,37,.79)); border:1px solid color-mix(in srgb,var(--mem-soft) 40%,rgba(255,255,255,.18));backdrop-filter:blur(26px) saturate(1.55);box-shadow:0 20px 46px rgba(36,7,53,.32),0 0 25px color-mix(in srgb,var(--mem-accent) 12%,transparent),inset 0 1px rgba(255,255,255,.18); } body.theme-redesign.theme-masculine #admin-page #htl-members-v97-root :is(.htl-mem-v97-stat,.htl-mem-v97-table,.htl-mem-v97-drawer){background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.14),transparent 31%),linear-gradient(145deg,rgba(17,59,90,.88),rgba(5,24,44,.82));} body.theme-redesign.theme-black #admin-page #htl-members-v97-root :is(.htl-mem-v97-stat,.htl-mem-v97-table,.htl-mem-v97-drawer){background:radial-gradient(circle at 8% 0%,rgba(255,238,183,.11),transparent 31%),linear-gradient(145deg,rgba(40,34,21,.94),rgba(10,9,7,.9));} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat{min-height:116px;padding:15px 16px;border-radius:19px;box-sizing:border-box;display:flex;flex-direction:column;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat-head{display:flex;align-items:center;gap:8px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat-head>span{width:25px;height:25px;color:var(--mem-soft);filter:drop-shadow(0 0 8px var(--mem-accent));} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat-head svg{width:100%;height:100%;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat-head small{font:750 11px Manrope,sans-serif;color:#f5e9f7;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat>strong{display:block;margin:7px 0 0;font:800 clamp(27px,2.2vw,38px)/1 Geist,Manrope,sans-serif;color:#fff;letter-spacing:-.04em;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat>strong.win{color:#69efad}.htl-mem-v97-stat>strong.los{color:#ff7e91} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stat>em{margin-top:auto;font:500 9px Manrope,sans-serif;color:#cbb9d3;font-style:normal;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px 190px;gap:9px;margin:0 0 12px;padding:10px;border-radius:16px;background:rgba(255,255,255,.42);border:1px solid var(--theme-border);backdrop-filter:blur(20px);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-filters :is(input,select){width:100%;min-height:42px!important;box-sizing:border-box;padding:9px 12px!important;border-radius:11px!important;background:rgba(255,255,255,.7)!important;color:var(--theme-ink)!important;border:1px solid var(--theme-border)!important;font-size:12.5px!important;color-scheme:light!important;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-layout{grid-template-columns:minmax(0,1fr) 390px;gap:12px;align-items:start;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-layout>div{min-width:0;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-table{border-radius:20px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-thead, body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-row{grid-template-columns:minmax(220px,2fr) 1fr .7fr .7fr .9fr .8fr;padding:12px 15px;gap:10px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-thead{font-size:10px;color:#d9c7e1;background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.1);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-row{min-height:64px;color:#f8f1fa;border-color:rgba(255,255,255,.085);transition:.18s ease;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-row:hover{background:rgba(255,255,255,.075);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-row.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--mem-accent) 18%,transparent),rgba(255,255,255,.06));box-shadow:inset 3px 0 var(--mem-accent);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-person{flex-direction:row;align-items:center;gap:10px;min-width:0;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-person>div{min-width:0;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-person b{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-person small{display:block;margin-top:2px;font-size:10px;color:#cdbbd5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-avatar{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,var(--mem-accent2),var(--mem-accent));color:#fff;font:800 11px Manrope,sans-serif;box-shadow:0 0 15px color-mix(in srgb,var(--mem-accent) 30%,transparent);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-avatar.is-large{width:58px;height:58px;border-radius:18px;font-size:17px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-tier{font-size:10px;padding:5px 9px;border-radius:999px;border:1px solid currentColor;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-status{font-size:10.5px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer{position:sticky;top:92px;max-height:calc(100vh - 108px);border-radius:20px;padding:0;display:flex;flex-direction:column;overflow:hidden;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-glow{height:3px;flex:0 0 3px;margin:0;background:linear-gradient(90deg,var(--mem-accent2),var(--mem-accent),transparent);box-shadow:0 0 18px var(--mem-accent);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-anchor{position:relative;z-index:2;flex:0 0 auto;padding:19px 19px 14px;background:linear-gradient(180deg,rgba(49,20,67,.98),rgba(37,14,53,.94));border-bottom:1px solid rgba(255,255,255,.11);box-shadow:0 12px 28px rgba(13,3,23,.23);} body.theme-redesign.theme-masculine #admin-page #htl-members-v97-root .htl-mem-v97-drawer-anchor{background:linear-gradient(180deg,rgba(17,58,87,.98),rgba(7,32,56,.95));} body.theme-redesign.theme-black #admin-page #htl-members-v97-root .htl-mem-v97-drawer-anchor{background:linear-gradient(180deg,rgba(43,36,21,.98),rgba(18,15,9,.96));} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 19px 19px;scrollbar-width:thin;scrollbar-color:var(--mem-accent) rgba(255,255,255,.06);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-scroll::-webkit-scrollbar{width:7px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.045);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(var(--mem-accent2),var(--mem-accent));box-shadow:0 0 9px color-mix(in srgb,var(--mem-accent) 50%,transparent);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-head b{display:block;font-size:15px;color:#fff;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-head small{display:block;margin-top:2px;font-size:10px;color:#cdbbd5;word-break:break-word;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-score-grid article{padding:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:12px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-score-grid b{font:800 19px Geist,Manrope,sans-serif;color:#fff;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-score-grid small{font-size:9.5px;color:#cdbbd5;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-section{margin:12px 0 0;padding:13px 14px 8px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.07);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-title{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--mem-soft);font:800 9.5px/1 Manrope,sans-serif;letter-spacing:.105em;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-title>span{width:18px;height:1px;background:linear-gradient(90deg,var(--mem-accent),var(--mem-soft));box-shadow:0 0 8px var(--mem-accent);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.075);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row:last-child{border-bottom:0;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row small{color:#cdbbd5;font:500 10.5px/1.35 Manrope,sans-serif;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row b{max-width:58%;color:#fff;font:750 10.5px/1.35 Manrope,sans-serif;text-align:right;overflow-wrap:anywhere;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row b.is-available,body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row b.is-active{color:#69efad;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row b.is-restricted,body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-detail-row b.is-suspended{color:#ff8b9d;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-unavailable{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.075);} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-unavailable:last-child{border-bottom:0;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-unavailable b{display:block;color:#f9f1fb;font:700 10.5px Manrope,sans-serif;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-unavailable small{display:block;margin-top:2px;color:#bfaec8;font:500 9px/1.3 Manrope,sans-serif;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-unavailable em{flex:0 0 auto;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.14);color:#d3c2db;font:700 8.5px Manrope,sans-serif;font-style:normal;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-actions button{min-height:42px;border-radius:11px;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;font-size:11px;} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-actions button:hover{border-color:var(--mem-accent);background:color-mix(in srgb,var(--mem-accent) 10%,rgba(255,255,255,.05));} body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-showmore{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);} @media(max-width:1180px){body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stats{grid-template-columns:repeat(3,1fr)}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-layout{grid-template-columns:minmax(0,1fr) 350px}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-thead,body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-row{grid-template-columns:minmax(180px,1.7fr) minmax(105px,1fr) minmax(70px,.7fr) minmax(75px,.7fr) minmax(95px,.9fr) minmax(75px,.8fr);gap:7px;padding-left:12px;padding-right:12px}} @media(max-width:900px){body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero{flex-direction:column;align-items:flex-start}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-hero-tiers{width:100%}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-layout{grid-template-columns:1fr}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer{position:relative;top:auto;max-height:none;overflow:visible}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer-scroll{overflow:visible}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-filters{grid-template-columns:1fr}} @media(max-width:650px){body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-stats{grid-template-columns:1fr 1fr}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-table{overflow-x:auto}body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-thead,body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-row{min-width:820px}} /* ---------- Settings (structural build -- see loadAdminSettingsV97 for what is and isn't actually wired to data yet) ---------- */ .htl-set-v97-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start;} @media(max-width:900px){.htl-set-v97-grid{grid-template-columns:1fr;}} .htl-set-v97-card{background:var(--bg2,rgba(255,255,255,.04));border:1.5px solid var(--bdr2,rgba(255,255,255,.1));border-radius:16px;padding:18px 20px;margin-bottom:16px;} .htl-set-v97-card h2{margin:0 0 10px;font-size:14px;font-weight:800;} .htl-set-v97-card .sub{font-size:12px;color:var(--tx3,#9a8fae);margin:-4px 0 12px;} .htl-set-v97-field{display:block;margin-bottom:12px;} .htl-set-v97-field label{display:block;font-size:11px;color:var(--tx3,#9a8fae);font-weight:700;margin-bottom:4px;} .htl-set-v97-field input,.htl-set-v97-field select{width:100%;box-sizing:border-box;background:var(--bg,rgba(0,0,0,.2));border:1.5px solid var(--bdr,rgba(255,255,255,.14));color:var(--tx,#fff);padding:9px 12px;border-radius:9px;font-size:13px;outline:none;} .htl-set-v97-pending-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bdr2,rgba(255,255,255,.07));font-size:12px;} .htl-set-v97-pending-row:last-child{border-bottom:none;} .htl-set-v97-pending-badge{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.08);color:var(--tx3,#9a8fae);margin-left:auto;} .htl-set-v97-notice{font-size:12px;color:var(--tx3,#9a8fae);background:var(--bg3,rgba(255,255,255,.05));border:1px dashed var(--bdr2,rgba(255,255,255,.15));border-radius:10px;padding:12px 14px;margin-bottom:16px;} /* ============================================================ MEMBERSHIPS & ACCESS V100 — approved neon-glass revenue language ============================================================ */ body.theme-redesign #admin-page #admin-memberships-section{padding:0!important;background:transparent!important;border:0!important;min-width:0;max-width:100%;overflow-x:clip;} body.theme-redesign #admin-page #htl-mship-v97-root{--ms:#f02aa2;--ms2:#9954ff;--ms-soft:#ff9cda;--ms-gold:#ffd26e;width:100%;max-width:1400px;min-width:0;margin:0 auto;color:#fff;overflow-x:clip;} body.theme-redesign.theme-masculine #admin-page #htl-mship-v97-root{--ms:#36c9ff;--ms2:#626fff;--ms-soft:#a6ecff;--ms-gold:#ffe097;} body.theme-redesign.theme-black #admin-page #htl-mship-v97-root{--ms:#e5bd54;--ms2:#9d7226;--ms-soft:#ffe29a;--ms-gold:#ffe29a;} .htl-ms-v100-hero{position:relative;isolation:isolate;overflow:hidden;min-height:260px;border-radius:28px;padding:38px 42px;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(255,255,255,.26);background:#12081f;box-shadow:0 24px 65px rgba(34,7,52,.36),inset 0 1px rgba(255,255,255,.1);} .htl-ms-v100-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/htl-art-memberships-v100.png') center/cover no-repeat;filter:saturate(1.18) contrast(1.04) brightness(.86);} body.theme-redesign.theme-masculine .htl-ms-v100-hero:before{filter:hue-rotate(52deg) saturate(.9) brightness(.78);} body.theme-redesign.theme-black .htl-ms-v100-hero:before{filter:sepia(.55) saturate(.85) brightness(.62);} .htl-ms-v100-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,4,23,.97),rgba(16,5,29,.83) 43%,rgba(12,4,22,.18) 73%,rgba(8,3,17,.38));} .htl-ms-v100-hero-copy{max-width:650px;text-shadow:0 2px 24px rgba(0,0,0,.65);} .htl-ms-v100-hero-copy>small{display:flex;align-items:center;gap:9px;font:800 10px Manrope,sans-serif;letter-spacing:.16em;color:#ffe9f7;} .htl-ms-v100-hero-copy>small span{width:17px;height:17px;border:1.5px solid var(--ms-soft);border-radius:50%;box-shadow:0 0 16px var(--ms);} .htl-ms-v100-hero h1{margin:7px 0 6px!important;color:#fff!important;font:600 clamp(48px,4.2vw,70px)/.94 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.04em!important;} .htl-ms-v100-hero p{max-width:570px;margin:0 0 18px;color:#fff1fa!important;font:500 clamp(17px,1.3vw,21px)/1.3 'Cormorant Garamond',Georgia,serif;} .htl-ms-v100-hero button,.htl-ms-v100-empty button{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,var(--ms2),var(--ms));color:#fff;font:800 10px Manrope,sans-serif;box-shadow:0 0 22px color-mix(in srgb,var(--ms) 35%,transparent);cursor:pointer;} .htl-ms-v100-hero button svg,.htl-ms-v100-empty button svg{width:15px;height:15px;} .htl-ms-v100-hero-stats{display:flex;flex-direction:column;gap:8px;min-width:225px;} .htl-ms-v100-hero-stats span{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 13px;border-radius:12px;background:rgba(13,4,24,.58);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);font:700 10px Manrope,sans-serif;color:#f7edf9;} .htl-ms-v100-hero-stats b{font:800 18px Geist,Manrope,sans-serif;color:var(--ms-soft);} .htl-ms-v100-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;} .htl-ms-v100-kpis article,.htl-ms-v100-tier,.htl-ms-v100-path,.htl-ms-v100-panel{background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.15),transparent 30%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--ms) 13%,transparent),transparent 45%),linear-gradient(145deg,rgba(58,28,79,.87),rgba(21,8,37,.82));border:1px solid color-mix(in srgb,var(--ms-soft) 38%,rgba(255,255,255,.17));backdrop-filter:blur(26px) saturate(1.5);box-shadow:0 18px 44px rgba(35,7,52,.3),inset 0 1px rgba(255,255,255,.15);} body.theme-redesign.theme-masculine :is(.htl-ms-v100-kpis article,.htl-ms-v100-tier,.htl-ms-v100-path,.htl-ms-v100-panel){background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.13),transparent 30%),linear-gradient(145deg,rgba(16,57,88,.9),rgba(5,24,44,.85));} body.theme-redesign.theme-black :is(.htl-ms-v100-kpis article,.htl-ms-v100-tier,.htl-ms-v100-path,.htl-ms-v100-panel){background:radial-gradient(circle at 8% 0%,rgba(255,234,171,.1),transparent 30%),linear-gradient(145deg,rgba(43,36,21,.95),rgba(10,9,7,.92));} .htl-ms-v100-kpis article{min-height:90px;border-radius:18px;padding:15px 17px;display:flex;align-items:center;gap:13px;} .htl-ms-v100-kpis article>span{width:36px;height:36px;color:var(--ms-soft);filter:drop-shadow(0 0 9px var(--ms));} .htl-ms-v100-kpis svg{width:100%;height:100%}.htl-ms-v100-kpis small{display:block;color:#d9c8e1;font:800 9px Manrope,sans-serif;letter-spacing:.08em}.htl-ms-v100-kpis b{display:block;margin-top:4px;color:#fff;font:800 28px Geist,Manrope,sans-serif}.htl-ms-v100-kpis b.is-text{font-size:15px;color:var(--ms-soft);} .htl-ms-v100-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px;} .htl-ms-v100-tier{position:relative;overflow:hidden;min-height:355px;padding:22px;border-radius:22px;} .htl-ms-v100-tier:after{content:'';position:absolute;inset:auto -30px -70px auto;width:180px;height:180px;border-radius:50%;background:var(--tier-glow);filter:blur(45px);opacity:.24;pointer-events:none;} .htl-ms-v100-tier.is-foundation{--tier:#55bbff;--tier-glow:#2ba7ff}.htl-ms-v100-tier.is-advanced{--tier:#d068ff;--tier-glow:#b831ff}.htl-ms-v100-tier.is-gold{--tier:var(--ms-gold);--tier-glow:#ffb928;} .htl-ms-v100-tier-top{display:flex;align-items:center;justify-content:space-between}.htl-ms-v100-tier-top span{font:600 29px 'Cormorant Garamond',serif;color:var(--tier);text-shadow:0 0 16px var(--tier)}.htl-ms-v100-tier-top em{padding:5px 9px;border:1px solid color-mix(in srgb,var(--tier) 70%,transparent);border-radius:999px;color:var(--tier);font:800 9px Manrope,sans-serif;font-style:normal} .htl-ms-v100-tier h2{margin:10px 0 3px;color:#fff;font:600 31px/1 'Cormorant Garamond',serif}.htl-ms-v100-price{display:flex;align-items:baseline;gap:9px;margin-bottom:16px}.htl-ms-v100-price b{font:800 24px Geist,Manrope,sans-serif;color:var(--tier)}.htl-ms-v100-price small{color:#d4c3dc;font:600 10px Manrope,sans-serif} .htl-ms-v100-entitlements{display:grid;gap:8px}.htl-ms-v100-entitlements>div{display:flex;align-items:center;gap:8px;color:#f6eef9;font:650 11px Manrope,sans-serif}.htl-ms-v100-entitlements i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--tier);color:var(--tier);box-shadow:0 0 9px color-mix(in srgb,var(--tier) 55%,transparent)}.htl-ms-v100-entitlements svg{width:12px;height:12px} .htl-ms-v100-link-state{display:flex;align-items:center;gap:9px;margin-top:18px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.14)}.htl-ms-v100-link-state>span{width:22px;height:22px;color:#cbb8d4}.htl-ms-v100-link-state svg{width:100%;height:100%}.htl-ms-v100-link-state small{display:block;color:#a895b2;font:800 8px Manrope,sans-serif;letter-spacing:.09em}.htl-ms-v100-link-state b{color:#e5d9e9;font:700 10px Manrope,sans-serif} .htl-ms-v100-tier footer{position:absolute;left:22px;right:22px;bottom:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);color:var(--tier);font:800 9px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em} .htl-ms-v100-path{border-radius:22px;padding:24px;margin-bottom:12px}.htl-ms-v100-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.htl-ms-v100-section-head small{color:var(--ms-soft);font:800 9px Manrope,sans-serif;letter-spacing:.12em}.htl-ms-v100-section-head h2{margin:3px 0 0;color:#fff;font:600 30px/1 'Cormorant Garamond',serif}.htl-ms-v100-section-head p{max-width:430px;margin:0;color:#cdbbd5;font:500 11px/1.5 Manrope,sans-serif} .htl-ms-v100-track{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center}.htl-ms-v100-stop{display:flex;align-items:center;gap:12px}.htl-ms-v100-stop>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--tier);color:var(--tier);box-shadow:0 0 18px color-mix(in srgb,var(--tier) 55%,transparent),inset 0 0 12px color-mix(in srgb,var(--tier) 18%,transparent)}.htl-ms-v100-stop svg{width:22px;height:22px}.htl-ms-v100-stop.is-foundation{--tier:#55bbff}.htl-ms-v100-stop.is-advanced{--tier:#d068ff}.htl-ms-v100-stop.is-gold{--tier:var(--ms-gold)}.htl-ms-v100-stop small,.htl-ms-v100-stop b,.htl-ms-v100-stop em{display:block}.htl-ms-v100-stop small{color:#ad99b7;font:800 8px Manrope,sans-serif;letter-spacing:.1em}.htl-ms-v100-stop b{color:#fff;font:700 14px Manrope,sans-serif}.htl-ms-v100-stop em{color:#c9b7d1;font:500 9px Manrope,sans-serif;font-style:normal}.htl-ms-v100-connector{height:32px;color:var(--ms-soft);filter:drop-shadow(0 0 7px var(--ms));}.htl-ms-v100-connector svg{width:100%;height:100%} .htl-ms-v100-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.htl-ms-v100-panel{border-radius:22px;padding:22px;min-height:290px}.htl-ms-v100-section-head.compact{margin-bottom:14px}.htl-ms-v100-change-list article{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}.htl-ms-v100-change-list article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--ms) 15%,transparent);color:var(--ms-soft)}.htl-ms-v100-change-list svg{width:17px;height:17px}.htl-ms-v100-change-list b{display:block;color:#fff;font:700 11px Manrope,sans-serif}.htl-ms-v100-change-list small{display:block;margin-top:2px;color:#c3b1cc;font:500 9.5px Manrope,sans-serif}.htl-ms-v100-change-list small i{color:var(--ms-soft);font-style:normal}.htl-ms-v100-change-list time{color:#b8a5c1;font:600 9px Manrope,sans-serif} .htl-ms-v100-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.17);border-radius:16px;background:rgba(0,0,0,.1);padding:20px}.htl-ms-v100-empty>span{width:38px;height:38px;color:var(--ms-soft);filter:drop-shadow(0 0 8px var(--ms))}.htl-ms-v100-empty svg{width:100%;height:100%}.htl-ms-v100-empty b{margin-top:8px;color:#fff;font:700 13px Manrope,sans-serif}.htl-ms-v100-empty small{max-width:380px;margin:4px 0 12px;color:#c2b0cb;font:500 10px/1.5 Manrope,sans-serif}.htl-ms-v100-loading{padding:70px;text-align:center;color:var(--ms-soft);font:700 13px Manrope,sans-serif} @media(max-width:1100px){.htl-ms-v100-kpis{grid-template-columns:1fr 1fr}.htl-ms-v100-tier-grid{grid-template-columns:1fr}.htl-ms-v100-tier{min-height:330px}.htl-ms-v100-bottom{grid-template-columns:1fr}} @media(max-width:760px){.htl-ms-v100-hero{padding:28px;align-items:flex-start;flex-direction:column}.htl-ms-v100-hero-stats{width:100%}.htl-ms-v100-kpis{grid-template-columns:1fr}.htl-ms-v100-track{grid-template-columns:1fr;gap:12px}.htl-ms-v100-connector{transform:rotate(90deg);width:38px;margin:auto}.htl-ms-v100-section-head{align-items:flex-start;flex-direction:column}} /* Memberships v100 readability + balanced empty-state refinement */ .htl-ms-v100-stop small{color:#c3aecb;font-size:9.5px}.htl-ms-v100-stop b{font-size:16px;font-weight:750}.htl-ms-v100-stop em{margin-top:2px;color:#d5c4dc;font-size:10.5px;font-weight:550} .htl-ms-v100-panel{min-height:320px;display:flex;flex-direction:column} .htl-ms-v100-change-list article{grid-template-columns:38px 1fr auto;gap:12px;padding:11px 0}.htl-ms-v100-change-list article>span{width:32px;height:32px;border-radius:10px}.htl-ms-v100-change-list svg{width:18px;height:18px}.htl-ms-v100-change-list b{font-size:12.5px;font-weight:750}.htl-ms-v100-change-list small{margin-top:3px;color:#d0bdd8;font-size:10.5px;line-height:1.4;font-weight:550}.htl-ms-v100-change-list time{color:#c8b5d0;font-size:10px;font-weight:650} .htl-ms-v100-empty{min-height:210px;flex:1;border-color:rgba(255,255,255,.2);border-radius:18px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--ms) 13%,transparent),transparent 43%),rgba(0,0,0,.1);padding:28px}.htl-ms-v100-empty>span{width:50px;height:50px;padding:11px;box-sizing:border-box;border-radius:16px;border:1px solid color-mix(in srgb,var(--ms-soft) 42%,transparent);background:color-mix(in srgb,var(--ms) 10%,rgba(255,255,255,.035));filter:drop-shadow(0 0 11px var(--ms));box-shadow:inset 0 1px rgba(255,255,255,.12)}.htl-ms-v100-empty b{margin-top:13px;font-size:15px;font-weight:750}.htl-ms-v100-empty small{max-width:390px;margin:6px 0 16px;color:#d0bdd8;font-size:11px;line-height:1.55;font-weight:550} /* Membership tier artwork + lower-page composition */ .htl-ms-v100-tier>*{position:relative;z-index:2} .htl-ms-v100-tier:before{content:'';position:absolute;z-index:1;right:-18px;bottom:22px;width:58%;height:62%;background-position:right bottom;background-repeat:no-repeat;background-size:contain;opacity:.12;filter:drop-shadow(0 0 16px var(--tier));pointer-events:none;mask-image:linear-gradient(135deg,transparent 4%,#000 58%,#000);-webkit-mask-image:linear-gradient(135deg,transparent 4%,#000 58%,#000)} .htl-ms-v100-tier.is-foundation:before{background-image:url('/htl-bear-lines-feminine.svg')} .htl-ms-v100-tier.is-advanced:before{background-image:url('/htl-bull-lines-feminine.svg');opacity:.14} .htl-ms-v100-tier.is-gold:before{right:-6px;bottom:0;width:62%;height:68%;background-image:linear-gradient(90deg,rgba(26,10,36,.95),transparent 52%),url('/htl-gold-lounge-v23.png');background-size:cover;background-position:76% center;opacity:.23;filter:saturate(1.1) contrast(1.08)} body.theme-redesign.theme-masculine .htl-ms-v100-tier.is-foundation:before{background-image:url('/htl-bear-lines-masculine.svg')} body.theme-redesign.theme-masculine .htl-ms-v100-tier.is-advanced:before{background-image:url('/htl-bull-lines-masculine.svg')} body.theme-redesign.theme-black .htl-ms-v100-tier:before{filter:sepia(.75) saturate(.8) drop-shadow(0 0 14px var(--tier))} .htl-ms-v100-section-head>div>p{margin:7px 0 0;max-width:520px;color:#d0bdd8;font:550 11px/1.45 Manrope,sans-serif} .htl-ms-v100-track{position:relative;isolation:isolate}.htl-ms-v100-track:before{content:'';position:absolute;z-index:-1;left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,#55bbff,var(--ms),var(--ms-gold));box-shadow:0 0 12px color-mix(in srgb,var(--ms) 58%,transparent);opacity:.55} .htl-ms-v100-stop{padding:7px 9px;border-radius:14px;background:linear-gradient(90deg,rgba(28,10,43,.96),rgba(28,10,43,.78) 78%,transparent)} .htl-ms-v100-exception-strip{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:12px;padding:15px 18px;border-radius:18px;background:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--ms) 15%,transparent),transparent 28%),linear-gradient(145deg,rgba(55,26,76,.9),rgba(20,7,36,.86));border:1px solid color-mix(in srgb,var(--ms-soft) 38%,rgba(255,255,255,.17));box-shadow:0 16px 38px rgba(35,7,52,.27),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(24px)} .htl-ms-v100-exception-strip>span{width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:14px;border:1px solid color-mix(in srgb,var(--ms-soft) 45%,transparent);color:var(--ms-soft);background:color-mix(in srgb,var(--ms) 10%,rgba(255,255,255,.04));filter:drop-shadow(0 0 10px var(--ms))} .htl-ms-v100-exception-strip svg{width:100%;height:100%}.htl-ms-v100-exception-strip small,.htl-ms-v100-exception-strip b,.htl-ms-v100-exception-strip em{display:block}.htl-ms-v100-exception-strip small{color:var(--ms-soft);font:800 9px Manrope,sans-serif;letter-spacing:.11em}.htl-ms-v100-exception-strip b{margin-top:3px;color:#fff;font:750 13px Manrope,sans-serif}.htl-ms-v100-exception-strip em{margin-top:2px;color:#cdbad5;font:500 10px Manrope,sans-serif;font-style:normal} .htl-ms-v100-exception-strip button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.27);border-radius:999px;padding:9px 14px;background:linear-gradient(135deg,var(--ms2),var(--ms));color:#fff;font:800 9px Manrope,sans-serif;box-shadow:0 0 18px color-mix(in srgb,var(--ms) 32%,transparent);cursor:pointer}.htl-ms-v100-exception-strip button svg{width:14px;height:14px} .htl-ms-v100-activity{min-height:0;margin-bottom:4px}.htl-ms-v100-activity .htl-ms-v100-change-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.htl-ms-v100-activity .htl-ms-v100-change-list article{min-width:0} body.theme-redesign.theme-masculine .htl-ms-v100-exception-strip{background:radial-gradient(circle at 10% 50%,rgba(54,201,255,.14),transparent 28%),linear-gradient(145deg,rgba(15,55,86,.92),rgba(5,24,44,.88))} body.theme-redesign.theme-black .htl-ms-v100-exception-strip{background:radial-gradient(circle at 10% 50%,rgba(229,189,84,.12),transparent 28%),linear-gradient(145deg,rgba(43,36,21,.96),rgba(10,9,7,.93))} @media(max-width:920px){.htl-ms-v100-activity .htl-ms-v100-change-list{grid-template-columns:1fr}.htl-ms-v100-track:before{display:none}} @media(max-width:650px){.htl-ms-v100-exception-strip{grid-template-columns:46px 1fr}.htl-ms-v100-exception-strip button{grid-column:1/-1;justify-self:start}.htl-ms-v100-tier:before{width:70%;opacity:.09}} /* V101 raster membership artwork — visible, restrained and theme-aware */ .htl-ms-v100-tier.is-foundation:before{right:0;bottom:0;width:72%;height:100%;background-image:linear-gradient(90deg,rgba(34,15,50,.98) 0%,rgba(34,15,50,.64) 34%,transparent 70%),url('/htl-art-membership-foundations-v101.png');background-size:cover;background-position:72% center;opacity:.28;filter:saturate(1.12) contrast(1.04)} .htl-ms-v100-tier.is-advanced:before{right:0;bottom:0;width:72%;height:100%;background-image:linear-gradient(90deg,rgba(34,15,50,.98) 0%,rgba(34,15,50,.64) 34%,transparent 70%),url('/htl-art-membership-advanced-v101.png');background-size:cover;background-position:73% center;opacity:.29;filter:saturate(1.15) contrast(1.04)} body.theme-redesign.theme-masculine .htl-ms-v100-tier.is-foundation:before{background-image:linear-gradient(90deg,rgba(7,30,52,.98) 0%,rgba(7,30,52,.62) 34%,transparent 70%),url('/htl-art-membership-foundations-v101.png');filter:hue-rotate(35deg) saturate(.95) brightness(.93)} body.theme-redesign.theme-masculine .htl-ms-v100-tier.is-advanced:before{background-image:linear-gradient(90deg,rgba(7,30,52,.98) 0%,rgba(7,30,52,.62) 34%,transparent 70%),url('/htl-art-membership-advanced-v101.png');filter:hue-rotate(32deg) saturate(.96) brightness(.9)} body.theme-redesign.theme-black .htl-ms-v100-tier.is-foundation:before,body.theme-redesign.theme-black .htl-ms-v100-tier.is-advanced:before{background-image:linear-gradient(90deg,rgba(24,20,12,.99) 0%,rgba(24,20,12,.7) 36%,transparent 72%),var(--membership-art);filter:sepia(.85) saturate(.75) brightness(.72);opacity:.25} body.theme-redesign.theme-black .htl-ms-v100-tier.is-foundation:before{--membership-art:url('/htl-art-membership-foundations-v101.png')} body.theme-redesign.theme-black .htl-ms-v100-tier.is-advanced:before{--membership-art:url('/htl-art-membership-advanced-v101.png')} /* Prevent any Memberships child from widening the admin shell */ .htl-ms-v100-tier-grid,.htl-ms-v100-path,.htl-ms-v100-track,.htl-ms-v100-exception-strip,.htl-ms-v100-activity,.htl-ms-v100-change-list{min-width:0;max-width:100%} .htl-ms-v100-tier-grid>*,.htl-ms-v100-track>*,.htl-ms-v100-change-list>*,.htl-ms-v100-change-list article>div{min-width:0} .htl-ms-v100-change-list b,.htl-ms-v100-change-list small{overflow-wrap:anywhere} /* ACCESS & TIERS V101 — separate v84 permissions-matrix destination */ body.theme-redesign #admin-page #admin-access-tiers-section{padding:0!important;background:transparent!important;border:0!important;min-width:0;max-width:100%;overflow-x:clip} #htl-access-v101-root{--at:#f02aa2;--at2:#9852ff;--at-soft:#ffa4dc;width:100%;max-width:1400px;min-width:0;margin:0 auto;color:#fff;overflow-x:clip} body.theme-redesign.theme-masculine #htl-access-v101-root{--at:#38c9ff;--at2:#6570ff;--at-soft:#a7ecff}body.theme-redesign.theme-black #htl-access-v101-root{--at:#e6bd55;--at2:#9c7026;--at-soft:#ffe29c} .htl-at-v101-hero{position:relative;isolation:isolate;overflow:hidden;min-height:240px;margin-bottom:12px;padding:36px 40px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(255,255,255,.25);background:#130820;box-shadow:0 24px 64px rgba(34,7,52,.34)} .htl-at-v101-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/htl-art-memberships-v100.png') center/cover no-repeat;filter:saturate(1.05) brightness(.72)} .htl-at-v101-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,4,23,.97),rgba(18,6,30,.82) 52%,rgba(10,3,20,.38))} .htl-at-v101-hero>div{max-width:680px}.htl-at-v101-hero>div>small{display:flex;align-items:center;gap:9px;color:#ffeaf7;font:800 10px Manrope,sans-serif;letter-spacing:.15em}.htl-at-v101-hero>div>small span{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--at-soft);box-shadow:0 0 14px var(--at)}.htl-at-v101-hero h1{margin:7px 0 5px!important;color:#fff!important;font:600 clamp(48px,4vw,68px)/.96 'Cormorant Garamond',serif!important;letter-spacing:-.04em!important}.htl-at-v101-hero p{margin:0;color:#f9ebf7!important;font:500 19px/1.35 'Cormorant Garamond',serif} .htl-at-v101-hero aside{width:280px;padding:16px;border-radius:18px;background:rgba(14,4,25,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px)}.htl-at-v101-hero aside>span{width:36px;height:36px;display:grid;place-items:center;color:var(--at-soft);filter:drop-shadow(0 0 8px var(--at))}.htl-at-v101-hero aside svg{width:100%;height:100%}.htl-at-v101-hero aside b,.htl-at-v101-hero aside small{display:block}.htl-at-v101-hero aside b{margin-top:8px;font:750 13px Manrope,sans-serif}.htl-at-v101-hero aside small{margin-top:4px;color:#d1bfda;font:500 10px/1.45 Manrope,sans-serif} .htl-at-v101-tier-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}.htl-at-v101-tier-cards article{position:relative;isolation:isolate;overflow:hidden;min-height:190px;padding:20px;border-radius:21px;background:linear-gradient(145deg,rgba(58,28,79,.88),rgba(20,7,36,.84));border:1px solid rgba(255,255,255,.18);box-shadow:0 17px 40px rgba(35,7,52,.28)}.htl-at-v101-tier-cards article>div{position:absolute;z-index:-1;inset:0;background-position:78% center;background-size:cover;opacity:.26}.htl-at-v101-tier-cards .foundation>div{background-image:linear-gradient(90deg,rgba(30,12,47,.98),transparent 73%),url('/htl-art-membership-foundations-v101.png')}.htl-at-v101-tier-cards .advanced>div{background-image:linear-gradient(90deg,rgba(30,12,47,.98),transparent 73%),url('/htl-art-membership-advanced-v101.png')}.htl-at-v101-tier-cards .gold>div{background-image:linear-gradient(90deg,rgba(30,12,47,.98),transparent 73%),url('/htl-gold-lounge-v23.png')}.htl-at-v101-tier-cards small{color:var(--tier);font:800 9px Manrope,sans-serif;letter-spacing:.11em}.htl-at-v101-tier-cards h2{margin:8px 0 5px;color:#fff;font:600 31px 'Cormorant Garamond',serif}.htl-at-v101-tier-cards p{max-width:220px;margin:0;color:#ddcce3;font:550 11px/1.5 Manrope,sans-serif}.htl-at-v101-tier-cards .foundation{--tier:#55bbff}.htl-at-v101-tier-cards .advanced{--tier:#d068ff}.htl-at-v101-tier-cards .gold{--tier:#ffd36f} .htl-at-v101-matrix,.htl-at-v101-note{border-radius:22px;background:radial-gradient(circle at 6% 0%,rgba(255,255,255,.13),transparent 28%),linear-gradient(145deg,rgba(55,27,75,.9),rgba(20,7,35,.87));border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 44px rgba(35,7,52,.28);backdrop-filter:blur(24px)} .htl-at-v101-matrix{padding:24px;margin-bottom:12px}.htl-at-v101-matrix>header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.htl-at-v101-matrix header small{color:var(--at-soft);font:800 9px Manrope,sans-serif;letter-spacing:.12em}.htl-at-v101-matrix h2{margin:4px 0 2px;color:#fff;font:600 32px 'Cormorant Garamond',serif}.htl-at-v101-matrix header p,.htl-at-v101-matrix header>span{color:#cdbbd5;font:500 10px/1.45 Manrope,sans-serif}.htl-at-v101-matrix header>span{max-width:280px;text-align:right} .htl-at-v101-table{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:15px}.htl-at-v101-table .head,.htl-at-v101-table .row{display:grid;grid-template-columns:minmax(240px,1.45fr) repeat(3,minmax(130px,1fr));align-items:center}.htl-at-v101-table .head{padding:11px 14px;background:rgba(0,0,0,.18)}.htl-at-v101-table .head b{color:#d9c8e1;font:800 9px Manrope,sans-serif;letter-spacing:.08em}.htl-at-v101-table .head b:not(:first-child){text-align:center}.htl-at-v101-table .row{min-height:64px;padding:0 14px;border-top:1px solid rgba(255,255,255,.085)}.htl-at-v101-table .row>div b{display:block;color:#fff;font:700 12px Manrope,sans-serif}.htl-at-v101-table .row>div small{display:block;margin-top:2px;color:#bdabc6;font:500 9.5px Manrope,sans-serif}.htl-at-v101-table .row>span{display:flex;align-items:center;justify-content:center;gap:6px;color:#6ce7ab}.htl-at-v101-table .row>span.tier{color:var(--at-soft)}.htl-at-v101-table .row>span.locked{color:#a794b0}.htl-at-v101-table .row>span svg{width:19px;height:19px}.htl-at-v101-table .row>span em{font:700 9px Manrope,sans-serif;font-style:normal} .htl-at-v101-note{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:16px 18px;margin-bottom:5px}.htl-at-v101-note>span{width:45px;height:45px;padding:10px;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.18);color:var(--at-soft)}.htl-at-v101-note svg{width:100%;height:100%}.htl-at-v101-note small,.htl-at-v101-note b,.htl-at-v101-note p{display:block}.htl-at-v101-note small{color:var(--at-soft);font:800 9px Manrope,sans-serif;letter-spacing:.1em}.htl-at-v101-note b{margin-top:3px;color:#fff;font:750 13px Manrope,sans-serif}.htl-at-v101-note p{margin:2px 0 0;color:#cdbbd5;font:500 10px/1.4 Manrope,sans-serif}.htl-at-v101-note button{border:1px solid rgba(255,255,255,.27);border-radius:999px;padding:10px 15px;background:linear-gradient(135deg,var(--at2),var(--at));color:#fff;font:800 9px Manrope,sans-serif;cursor:pointer} @media(max-width:900px){.htl-at-v101-hero{align-items:flex-start;flex-direction:column}.htl-at-v101-hero aside{width:auto}.htl-at-v101-tier-cards{grid-template-columns:1fr}.htl-at-v101-table{overflow-x:auto}.htl-at-v101-table .head,.htl-at-v101-table .row{min-width:780px}.htl-at-v101-note{grid-template-columns:45px 1fr}.htl-at-v101-note button{grid-column:1/-1;justify-self:start}} /* ACCESS & TIERS V101 — contrast and artwork correction */ .htl-at-v101-hero:before{filter:saturate(1.28) contrast(1.08) brightness(.88)} .htl-at-v101-hero>div>small{color:#ffeaf7!important}.htl-at-v101-hero p{color:#f9ebf7!important;text-shadow:0 2px 16px rgba(0,0,0,.75)} .htl-at-v101-hero aside{box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 36px rgba(0,0,0,.28)}.htl-at-v101-hero aside b{color:#fff!important}.htl-at-v101-hero aside small{color:#e5d7eb!important} .htl-at-v101-tier-cards article{background:linear-gradient(145deg,rgba(58,28,79,.78),rgba(20,7,36,.72));border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 17px 40px rgba(35,7,52,.34),0 0 28px color-mix(in srgb,var(--tier) 18%,transparent)} .htl-at-v101-tier-cards article>div{opacity:.62;filter:saturate(1.2) contrast(1.06)} .htl-at-v101-tier-cards .foundation>div{background-image:linear-gradient(90deg,rgba(24,9,41,.95) 0%,rgba(24,9,41,.66) 45%,rgba(24,9,41,.08) 82%),url('/htl-art-membership-foundations-v101.png')} .htl-at-v101-tier-cards .advanced>div{background-image:linear-gradient(90deg,rgba(24,9,41,.95) 0%,rgba(24,9,41,.66) 45%,rgba(24,9,41,.08) 82%),url('/htl-art-membership-advanced-v101.png')} .htl-at-v101-tier-cards .gold>div{background-image:linear-gradient(90deg,rgba(24,9,41,.95) 0%,rgba(24,9,41,.62) 45%,rgba(24,9,41,.05) 82%),url('/htl-gold-lounge-v23.png')} .htl-at-v101-tier-cards small{color:var(--tier)!important;text-shadow:0 0 12px currentColor}.htl-at-v101-tier-cards h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.62)}.htl-at-v101-tier-cards p{color:#f1e5f5!important;text-shadow:0 1px 8px rgba(0,0,0,.75)} .htl-at-v101-matrix header small,.htl-at-v101-note small{color:var(--at-soft)!important}.htl-at-v101-matrix h2,.htl-at-v101-table .row>div b,.htl-at-v101-note b{color:#fff!important}.htl-at-v101-matrix header p,.htl-at-v101-matrix header>span,.htl-at-v101-note p{color:#ddcfe4!important}.htl-at-v101-table .head b{color:#eadff0!important}.htl-at-v101-table .row>div small{color:#cbbbd3!important}.htl-at-v101-table .row>span.allowed{color:#6ce7ab!important}.htl-at-v101-table .row>span.tier{color:var(--at-soft)!important}.htl-at-v101-table .row>span.locked{color:#b9a8c2!important} /* ADMIN COURSES V102 — Education Studio */ body.theme-redesign #admin-page #admin-courses-section{padding:0!important;background:transparent!important;border:0!important;min-width:0;max-width:100%;overflow-x:clip} .htl-courses-v102-legacy-list{display:none!important}#htl-courses-v102-root{--crs:#f02aa2;--crs2:#9852ff;--crs-soft:#ffa6dc;width:100%;max-width:1400px;margin:0 auto;color:#fff;overflow-x:clip} body.theme-redesign.theme-masculine #htl-courses-v102-root{--crs:#36c8ff;--crs2:#626cff;--crs-soft:#a8ebff}body.theme-redesign.theme-black #htl-courses-v102-root{--crs:#e7bd55;--crs2:#9d7027;--crs-soft:#ffe29c} .htl-crs-v102-hero{position:relative;isolation:isolate;overflow:hidden;min-height:285px;padding:38px 42px;margin-bottom:13px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#130720;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 28px 70px rgba(35,7,55,.36)}.htl-crs-v102-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-education-v89.png') center/cover no-repeat;filter:saturate(1.25) contrast(1.06) brightness(.82)}.htl-crs-v102-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(12,3,23,.98) 0%,rgba(18,5,31,.88) 48%,rgba(12,3,23,.25) 100%),radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--crs) 24%,transparent),transparent 38%)} .htl-crs-v102-hero-copy{max-width:690px}.htl-crs-v102-hero-copy>small{display:flex;align-items:center;gap:10px;color:#ffeaf7!important;font:800 10px Manrope,sans-serif;letter-spacing:.16em}.htl-crs-v102-hero-copy>small span{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--crs-soft);box-shadow:0 0 15px var(--crs)}.htl-crs-v102-hero h1{max-width:700px;margin:9px 0 8px!important;color:#fff!important;font:600 clamp(50px,4.3vw,72px)/.93 'Cormorant Garamond',serif!important;letter-spacing:-.045em!important;text-shadow:0 5px 25px rgba(0,0,0,.48)}.htl-crs-v102-hero-copy p{max-width:580px;margin:0 0 22px;color:#f0e3f4!important;font:500 17px/1.45 Manrope,sans-serif}.htl-crs-v102-hero button,.htl-crs-v102-empty button{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:12px 20px;background:linear-gradient(135deg,var(--crs2),var(--crs));color:#fff;font:800 11px Manrope,sans-serif;box-shadow:0 8px 28px color-mix(in srgb,var(--crs) 32%,transparent);cursor:pointer} .htl-crs-v102-hero aside{width:300px;flex:0 0 auto;padding:18px;display:flex;align-items:flex-start;gap:14px;border-radius:21px;background:rgba(14,4,25,.64);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 44px rgba(0,0,0,.3)}.htl-crs-v102-hero aside>span{width:48px;height:48px;flex:0 0 auto;padding:11px;box-sizing:border-box;border-radius:15px;color:var(--crs-soft);border:1px solid color-mix(in srgb,var(--crs) 48%,transparent);background:color-mix(in srgb,var(--crs) 13%,transparent);filter:drop-shadow(0 0 10px var(--crs))}.htl-crs-v102-hero aside svg{width:100%;height:100%}.htl-crs-v102-hero aside small,.htl-crs-v102-hero aside b,.htl-crs-v102-hero aside p{display:block}.htl-crs-v102-hero aside small{color:var(--crs-soft)!important;font:800 9px Manrope,sans-serif;letter-spacing:.13em}.htl-crs-v102-hero aside b{margin:5px 0;color:#fff!important;font:600 23px 'Cormorant Garamond',serif}.htl-crs-v102-hero aside p{margin:0;color:#d8c8df!important;font:500 10px/1.45 Manrope,sans-serif} .htl-crs-v102-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.htl-crs-v102-stats article{position:relative;overflow:hidden;min-height:118px;padding:18px 20px;border-radius:20px;background:radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--crs) 17%,transparent),transparent 43%),linear-gradient(145deg,rgba(65,35,84,.86),rgba(24,9,41,.83));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 15px 35px rgba(35,7,52,.25);backdrop-filter:blur(22px)}.htl-crs-v102-stats small,.htl-crs-v102-stats b,.htl-crs-v102-stats span{display:block}.htl-crs-v102-stats small{color:var(--crs-soft)!important;font:800 9px Manrope,sans-serif;letter-spacing:.11em}.htl-crs-v102-stats b{margin:5px 0 1px;color:#fff!important;font:700 36px/1 Geist,Manrope,sans-serif;text-shadow:0 0 18px color-mix(in srgb,var(--crs) 38%,transparent)}.htl-crs-v102-stats span{color:#cdbdd5!important;font:500 10px Manrope,sans-serif} .htl-crs-v102-library{padding:26px;border-radius:27px;background:radial-gradient(circle at 3% 0%,rgba(255,255,255,.14),transparent 28%),linear-gradient(145deg,rgba(59,29,79,.91),rgba(20,7,35,.88));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 20px 50px rgba(35,7,52,.3);backdrop-filter:blur(24px)}.htl-crs-v102-library>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:19px}.htl-crs-v102-library header small{color:var(--crs-soft)!important;font:800 9px Manrope,sans-serif;letter-spacing:.13em}.htl-crs-v102-library h2{margin:4px 0 2px;color:#fff!important;font:600 34px 'Cormorant Garamond',serif}.htl-crs-v102-library header p{margin:0;color:#d2c1d9!important;font:500 11px Manrope,sans-serif}.htl-crs-v102-key{display:flex;gap:14px;color:#d8c9df!important;font:650 9px Manrope,sans-serif}.htl-crs-v102-key span{display:flex;align-items:center;gap:6px}.htl-crs-v102-key i{width:8px;height:8px;border-radius:50%;background:#a99ab2}.htl-crs-v102-key i.published{background:#61e7a8;box-shadow:0 0 10px #61e7a8} .htl-crs-v102-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.htl-crs-v102-card{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:20px;border-radius:22px;display:flex;flex-direction:column;background:#1b0a2d;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 38px rgba(16,3,28,.34);transition:transform .2s ease,border-color .2s ease}.htl-crs-v102-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--crs) 55%,white)}.htl-crs-v102-art{position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;filter:saturate(1.2) contrast(1.06)}.htl-crs-v102-card:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(17,5,30,.98) 0%,rgba(17,5,30,.84) 48%,rgba(17,5,30,.25) 100%)}.htl-crs-v102-card.foundation .htl-crs-v102-art{background-image:url('/htl-art-membership-foundations-v101.png')}.htl-crs-v102-card.advanced .htl-crs-v102-art{background-image:url('/htl-art-membership-advanced-v101.png')}.htl-crs-v102-card.gold .htl-crs-v102-art{background-image:url('/htl-gold-lounge-v23.png')}.htl-crs-v102-card.reset .htl-crs-v102-art{background-image:url('/htl-reset-course-v24.png')}.htl-crs-v102-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.htl-crs-v102-status,.htl-crs-v102-order{border-radius:999px;padding:5px 9px;font:800 8px Manrope,sans-serif;letter-spacing:.08em}.htl-crs-v102-status{color:#cbbbd2!important;border:1px solid rgba(255,255,255,.17);background:rgba(10,3,20,.35)}.htl-crs-v102-status.published{color:#79edb6!important;border-color:rgba(97,231,168,.34);background:rgba(14,93,62,.23);box-shadow:0 0 14px rgba(97,231,168,.12)}.htl-crs-v102-order{color:#d6c7dd!important}.htl-crs-v102-card-copy{max-width:64%;margin:auto 0 18px}.htl-crs-v102-card-copy small{color:var(--crs-soft)!important;font:800 9px Manrope,sans-serif;letter-spacing:.08em}.htl-crs-v102-card h3{margin:7px 0 6px;color:#fff!important;font:600 31px/1 'Cormorant Garamond',serif;text-shadow:0 3px 18px rgba(0,0,0,.65)}.htl-crs-v102-card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#e5d8ea!important;font:500 10.5px/1.5 Manrope,sans-serif;text-shadow:0 2px 9px rgba(0,0,0,.78)}.htl-crs-v102-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13)}.htl-crs-v102-card footer>span{display:flex;align-items:center;gap:6px;color:#d0c1d7!important;font:600 9px Manrope,sans-serif}.htl-crs-v102-card footer svg{width:16px;height:16px}.htl-crs-v102-card footer button{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.23);border-radius:999px;padding:8px 12px;background:rgba(20,5,34,.62);color:#fff;font:800 9px Manrope,sans-serif;cursor:pointer}.htl-crs-v102-card footer button:hover{background:linear-gradient(135deg,var(--crs2),var(--crs))} .htl-crs-v102-empty{grid-column:1/-1;padding:45px;text-align:center;border-radius:22px;border:1px dashed rgba(255,255,255,.24);background:rgba(10,3,20,.24)}.htl-crs-v102-empty>span{width:56px;height:56px;display:grid;margin:0 auto 12px;color:var(--crs-soft)}.htl-crs-v102-empty svg{width:100%;height:100%}.htl-crs-v102-empty h3{margin:0;color:#fff!important;font:600 28px 'Cormorant Garamond',serif}.htl-crs-v102-empty p{margin:6px auto 17px;max-width:560px;color:#d4c4dc!important;font:500 11px Manrope,sans-serif} /* Retain the real editor, but bring its legacy surfaces into the same visual language. */ #admin-course-editor-view{color:#fff}#admin-course-editor-view>.tbtn{margin:0 0 12px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;padding:9px 14px!important;background:rgba(42,16,59,.72)!important;color:#fff!important}#admin-course-editor-view>div[style*="background:var(--bg2)"],#admin-course-modules-list>div[style*="background:var(--bg2)"]{background:linear-gradient(145deg,rgba(61,31,81,.92),rgba(22,8,38,.9))!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(35,7,52,.28)!important;backdrop-filter:blur(22px)}#admin-course-editor-view .stitle{color:#fff!important;font:600 31px 'Cormorant Garamond',serif!important}#admin-course-editor-view label{color:#e8dbea!important}#admin-course-editor-view .mi{background:rgba(12,4,23,.58)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:11px!important;color:#fff!important}#admin-course-editor-view .btn-p{border-radius:999px!important;background:linear-gradient(135deg,var(--crs2,#9852ff),var(--crs,#f02aa2))!important} #htl-course-editor-v102-root{--crs:#f02aa2;--crs2:#9852ff;--crs-soft:#ffa6dc;width:100%;max-width:1400px;margin:0 auto;color:#fff}body.theme-redesign.theme-masculine #htl-course-editor-v102-root{--crs:#36c8ff;--crs2:#626cff;--crs-soft:#a8ebff}body.theme-redesign.theme-black #htl-course-editor-v102-root{--crs:#e7bd55;--crs2:#9d7027;--crs-soft:#ffe29c} #htl-course-editor-v102-root>.tbtn{margin:0 0 12px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:9px 15px!important;background:rgba(39,13,57,.78)!important;color:#fff!important;box-shadow:0 9px 22px rgba(24,5,38,.2)} .htl-crs-v102-editor-head{position:relative;overflow:hidden;padding:25px 30px;margin-bottom:12px;border-radius:24px;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--crs) 25%,transparent),transparent 35%),linear-gradient(135deg,rgba(58,27,78,.94),rgba(19,6,34,.92));border:1px solid rgba(255,255,255,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 17px 42px rgba(34,6,51,.3)}.htl-crs-v102-editor-head small{color:var(--crs-soft)!important;font:800 9px Manrope,sans-serif;letter-spacing:.14em}.htl-crs-v102-editor-head h1{margin:4px 0 3px!important;color:#fff!important;font:600 39px/1 'Cormorant Garamond',serif!important;letter-spacing:-.025em!important}.htl-crs-v102-editor-head p{margin:0!important;color:#dacee0!important;font:500 11px Manrope,sans-serif!important} #htl-course-editor-v102-root>div[style*="background:var(--bg2)"]{position:relative;padding:25px!important;margin-bottom:14px!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--crs2) 17%,transparent),transparent 34%),linear-gradient(145deg,rgba(61,31,81,.93),rgba(22,8,38,.91))!important;border:1px solid rgba(255,255,255,.21)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 18px 45px rgba(35,7,52,.28)!important;backdrop-filter:blur(22px)} #htl-course-editor-v102-root>div[style*="background:var(--bg2)"]>div:first-child{max-width:none!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;column-gap:18px!important}#htl-course-editor-v102-root>div[style*="background:var(--bg2)"]>div:first-child>div:nth-child(2){grid-column:2;grid-row:1/3}#htl-course-editor-v102-root>div[style*="background:var(--bg2)"]>div:first-child>div:nth-child(3){grid-column:1} #htl-course-editor-v102-root label{color:#efe5f2!important;font-family:Manrope,sans-serif!important;font-size:11px!important}#htl-course-editor-v102-root .mi{box-sizing:border-box;background:rgba(10,3,20,.58)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}#htl-course-editor-v102-root textarea.mi{min-height:112px}#htl-course-editor-v102-root select.mi{color-scheme:dark}#htl-course-editor-v102-root input[type=checkbox]{accent-color:var(--crs)} #htl-course-editor-v102-root .btn-p{border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;padding:10px 17px!important;background:linear-gradient(135deg,var(--crs2),var(--crs))!important;color:#fff!important;box-shadow:0 9px 25px color-mix(in srgb,var(--crs) 25%,transparent)!important}#htl-course-editor-v102-root #ac-delete-btn{border:1px solid rgba(255,132,156,.38)!important;border-radius:999px!important;padding:9px 15px!important;background:rgba(86,17,42,.34)!important;color:#ff9bb0!important} #admin-course-modules-wrap{padding:4px 0 0}#admin-course-modules-wrap>div:first-child{padding:0 5px 4px!important}#admin-course-modules-wrap .stitle{color:#fff!important;font:600 35px 'Cormorant Garamond',serif!important;text-shadow:0 3px 18px rgba(0,0,0,.24)} #admin-course-modules-list>div[style*="background:var(--bg2)"]{padding:18px!important;margin-bottom:12px!important;border-radius:21px!important;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--crs) 13%,transparent),transparent 35%),linear-gradient(145deg,rgba(58,29,78,.91),rgba(22,8,38,.9))!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 15px 37px rgba(35,7,52,.25)!important}#admin-course-modules-list>div>div:first-child{padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.12)}#admin-course-modules-list>div>div:first-child>.mi{font:700 14px Manrope,sans-serif!important;background:rgba(11,4,22,.52)!important} #admin-course-modules-list div[style*="background:var(--bg3)"]{min-height:48px;padding:10px 12px!important;margin:8px 0!important;border-radius:13px!important;background:rgba(14,5,27,.48)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f4ebf6!important}#admin-course-modules-list div[style*="background:var(--bg3)"]>div:first-child{font:650 12px Manrope,sans-serif!important;color:#fff!important}#admin-course-modules-list .tbtn{border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#fff!important}#admin-course-modules-list .tbtn[style*="color:#F87171"]{color:#ff9aaf!important;background:rgba(93,20,46,.25)!important}#admin-course-modules-list button:disabled{opacity:.35!important} @media(max-width:800px){#htl-course-editor-v102-root>div[style*="background:var(--bg2)"]>div:first-child{display:grid!important;grid-template-columns:1fr!important}#htl-course-editor-v102-root>div[style*="background:var(--bg2)"]>div:first-child>div:nth-child(2),#htl-course-editor-v102-root>div[style*="background:var(--bg2)"]>div:first-child>div:nth-child(3){grid-column:1;grid-row:auto}.htl-crs-v102-editor-head h1{font-size:33px!important}} #htl-course-editor-v102-root #admin-course-modules-wrap .stitle{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.34)!important} /* ADMIN COURSES V103 — approved Course Builder composition */ #htl-courses-v103-root{--cv:#ef24be;--cv2:#9f43ff;--cv-soft:#ff9bea;width:100%;max-width:1440px;margin:0 auto;color:#fff;overflow-x:clip}body.theme-redesign.theme-masculine #htl-courses-v103-root{--cv:#36c9ff;--cv2:#586cff;--cv-soft:#9ceaff}body.theme-redesign.theme-black #htl-courses-v103-root{--cv:#e7ba4f;--cv2:#9a6f27;--cv-soft:#ffe092} .htl-crs-v103-hero{position:relative;isolation:isolate;overflow:hidden;min-height:176px;margin-bottom:10px;padding:28px 30px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(255,255,255,.27);background:#170821;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 21px 50px rgba(35,7,52,.3)}.htl-crs-v103-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-education-v89.png') center/cover no-repeat;filter:saturate(1.34) contrast(1.08) brightness(.95)}.htl-crs-v103-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,5,34,.96),rgba(31,8,48,.66) 58%,rgba(20,4,32,.18))}.htl-crs-v103-hero small{display:flex;align-items:center;gap:9px;color:#ffe7fa!important;font:800 10px Manrope,sans-serif;letter-spacing:.15em}.htl-crs-v103-hero small svg{width:20px;color:var(--cv-soft);filter:drop-shadow(0 0 8px var(--cv))}.htl-crs-v103-hero h1{margin:5px 0 0!important;color:#fff!important;font:600 clamp(48px,4vw,65px)/.88 'Cormorant Garamond',serif!important;letter-spacing:-.035em!important}.htl-crs-v103-hero p{margin:5px 0 0!important;color:#f4e8f5!important;font:500 18px 'Cormorant Garamond',serif!important}.htl-crs-v103-hero>div:last-child{display:flex;gap:10px}.htl-crs-v103-hero button{height:45px;padding:0 18px;border-radius:13px;border:1px solid rgba(255,255,255,.28);color:#fff;font:750 11px Manrope,sans-serif;cursor:pointer}.htl-crs-v103-hero button svg{width:17px;vertical-align:middle;margin-right:6px}.htl-crs-v103-hero .preview{background:rgba(26,8,42,.62);backdrop-filter:blur(14px)}.htl-crs-v103-hero .create{background:linear-gradient(135deg,var(--cv2),var(--cv));box-shadow:0 0 22px color-mix(in srgb,var(--cv) 40%,transparent)} .htl-crs-v103-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}.htl-crs-v103-metrics article{position:relative;overflow:hidden;min-height:78px;padding:12px 17px;border-radius:16px;display:grid;grid-template-columns:44px auto 1fr;grid-template-rows:auto auto;align-items:center;background:linear-gradient(145deg,rgba(64,31,85,.93),rgba(27,10,45,.91));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 13px 30px rgba(35,7,52,.22)}.htl-crs-v103-metrics article>svg{grid-row:1/3;width:34px;height:34px;color:var(--cv-soft);filter:drop-shadow(0 0 8px var(--cv))}.htl-crs-v103-metrics b{align-self:end;color:#fff!important;font:700 28px/1 Geist,Manrope,sans-serif}.htl-crs-v103-metrics span{align-self:start;color:#efe4f1!important;font:500 11px Manrope,sans-serif}.htl-crs-v103-metrics strong{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border:4px solid var(--cv);border-radius:50%;color:#fff!important;font:700 13px Geist,sans-serif}.htl-crs-v103-metrics article:last-child b{font-size:16px}.htl-crs-v103-metrics article:last-child span{font-size:8.5px}.htl-crs-v103-metrics em{position:absolute;right:14px;bottom:13px;width:60px;height:24px;background:linear-gradient(160deg,transparent 30%,var(--cv) 31% 37%,transparent 38% 48%,var(--cv) 49% 55%,transparent 56%);opacity:.55} .htl-crs-v103-workspace{display:grid;grid-template-columns:minmax(265px,.78fr) minmax(430px,1.55fr) minmax(265px,.78fr);gap:9px;min-height:535px}.htl-crs-v103-library,.htl-crs-v103-builder,.htl-crs-v103-settings{min-width:0;border-radius:19px;background:linear-gradient(145deg,rgba(51,25,70,.94),rgba(21,7,36,.92));border:1px solid rgba(255,255,255,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 38px rgba(35,7,52,.25);backdrop-filter:blur(22px)} .htl-crs-v103-library{padding:14px}.htl-crs-v103-library>header small{display:block;margin-bottom:9px;color:#f7dff2!important;font:800 9px Manrope,sans-serif;letter-spacing:.14em}.htl-crs-v103-library input{box-sizing:border-box;width:100%;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(10,3,20,.45);color:#fff;font:500 10px Manrope,sans-serif;outline:none}.htl-crs-v103-course-list{display:grid;gap:8px;margin-top:10px}.htl-crs-v103-course{position:relative;width:100%;min-height:100px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:12px;display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;text-align:left;background:rgba(16,5,29,.38);color:#fff;cursor:pointer}.htl-crs-v103-course.active{border-color:var(--cv);box-shadow:0 0 16px color-mix(in srgb,var(--cv) 26%,transparent),inset 0 0 14px color-mix(in srgb,var(--cv) 8%,transparent)}.htl-crs-v103-course img{width:88px;height:84px;border-radius:9px;object-fit:cover}.htl-crs-v103-course>span{min-width:0;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 5px}.htl-crs-v103-course b{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;font:600 16px 'Cormorant Garamond',serif}.htl-crs-v103-course small{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cdbed4!important;font:500 9px Manrope,sans-serif}.htl-crs-v103-course em{align-self:center;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--cv2) 16%,transparent);border:1px solid color-mix(in srgb,var(--cv-soft) 45%,transparent);color:var(--cv-soft)!important;font:700 7px Manrope,sans-serif;font-style:normal;white-space:nowrap} .htl-crs-v103-status{display:inline-flex;align-items:center;gap:5px;color:#ffd561!important;font:700 8px Manrope,sans-serif;white-space:nowrap}.htl-crs-v103-status i{width:7px;height:7px;border-radius:50%;background:#ffd561;box-shadow:0 0 8px #ffd561}.htl-crs-v103-status.published{color:#70ebb2!important}.htl-crs-v103-status.published i{background:#65e9aa;box-shadow:0 0 8px #65e9aa} .htl-crs-v103-builder{padding:10px}.htl-crs-v103-builder>header{min-height:96px;padding:8px 8px 10px;display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;gap:7px 10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.11)}.htl-crs-v103-builder>header img{grid-row:1/3;width:90px;height:78px;border-radius:10px;object-fit:cover}.htl-crs-v103-builder>header h2{margin:0!important;color:#fff!important;font:600 23px 'Cormorant Garamond',serif}.htl-crs-v103-builder>header small{display:block;margin-top:2px;color:#cdbed5!important;font:500 9px Manrope,sans-serif}.htl-crs-v103-builder>header>em{padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cv-soft) 45%,transparent);color:var(--cv-soft)!important;font:700 8px Manrope,sans-serif;font-style:normal}.htl-crs-v103-builder>header button{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;font:700 8.5px Manrope,sans-serif;cursor:pointer}.htl-crs-v103-builder>header button svg{width:13px;margin-right:4px;vertical-align:middle}.htl-crs-v103-builder>header .add{background:linear-gradient(135deg,var(--cv2),var(--cv));box-shadow:0 0 13px color-mix(in srgb,var(--cv) 28%,transparent)}.htl-crs-v103-module-list{display:grid;gap:6px;padding-top:8px}.htl-crs-v103-module{overflow:hidden;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(12,4,24,.34)}.htl-crs-v103-module>header{min-height:35px;padding:0 8px;display:grid;grid-template-columns:18px 23px minmax(0,1fr) auto auto 12px;gap:7px;align-items:center}.htl-crs-v103-module .grab{color:#9d8ca8!important}.htl-crs-v103-module>header>i{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff;font:650 9px Geist,sans-serif;font-style:normal}.htl-crs-v103-module>header b{color:#fff!important;font:650 9.5px Manrope,sans-serif}.htl-crs-v103-module>header small{color:#c6b7cd!important;font:500 8px Manrope,sans-serif}.htl-crs-v103-module>header>em{color:#fff!important;font-style:normal}.htl-crs-v103-lessons{border-top:1px solid rgba(255,255,255,.1)}.htl-crs-v103-lessons button{width:100%;min-height:32px;padding:0 8px 0 30px;border:0;border-bottom:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:20px minmax(0,1fr) auto auto 12px;gap:7px;align-items:center;text-align:left;background:rgba(255,255,255,.015);color:#fff;cursor:pointer}.htl-crs-v103-lessons button.active{border:1px solid var(--cv);background:color-mix(in srgb,var(--cv) 10%,transparent);box-shadow:inset 3px 0 var(--cv),0 0 13px color-mix(in srgb,var(--cv) 18%,transparent)}.htl-crs-v103-lessons button>span{width:18px;height:18px;color:var(--cv-soft)}.htl-crs-v103-lessons button svg{width:100%;height:100%}.htl-crs-v103-lessons b{color:#fff!important;font:600 8.5px Manrope,sans-serif}.htl-crs-v103-lessons small{color:#c6b7cd!important;font:500 7.5px Manrope,sans-serif}.htl-crs-v103-lessons>button>em{color:#fff!important;font-style:normal} .htl-crs-v103-settings{padding:14px}.htl-crs-v103-settings>header{margin-bottom:10px;color:#fff!important;font:600 17px 'Cormorant Garamond',serif}.htl-crs-v103-preview{position:relative;height:105px;margin-bottom:11px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(rgba(18,5,30,.18),rgba(18,5,30,.42)),url('/htl-art-education-v89.png') center/cover;overflow:hidden}.htl-crs-v103-preview>span{width:43px;height:43px;padding:9px;box-sizing:border-box;border-radius:50%;background:rgba(18,5,30,.72);border:1px solid rgba(255,255,255,.55);color:#fff}.htl-crs-v103-preview svg{width:100%;height:100%}.htl-crs-v103-preview small{position:absolute;right:7px;bottom:6px;color:#fff!important;font:800 7px Manrope,sans-serif}.htl-crs-v103-settings label{display:block;margin-bottom:9px;color:#e9ddea!important;font:700 8.5px Manrope,sans-serif}.htl-crs-v103-settings input,.htl-crs-v103-settings label>span{box-sizing:border-box;width:100%;min-height:35px;margin-top:4px;padding:8px 9px;display:flex;align-items:center;gap:7px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(10,3,20,.48);color:#fff!important;font:500 8.5px Manrope,sans-serif}.htl-crs-v103-settings label>span svg{width:15px;color:var(--cv-soft)}.htl-crs-v103-settings .split{display:grid;grid-template-columns:1fr 1fr;gap:7px}.htl-crs-v103-settings .save{width:100%;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:linear-gradient(135deg,var(--cv2),var(--cv));color:#fff;font:800 9px Manrope,sans-serif;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--cv) 35%,transparent)}.htl-crs-v103-settings .save svg{width:15px;vertical-align:middle;margin-right:5px} .htl-crs-v103-publish{min-height:58px;margin-top:9px;padding:8px 12px 8px 15px;border-radius:16px;display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;background:linear-gradient(135deg,rgba(53,25,73,.94),rgba(20,7,35,.93));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 15px 35px rgba(35,7,52,.24)}.htl-crs-v103-publish>span{width:35px;height:35px;padding:8px;box-sizing:border-box;border-radius:10px;border:1px solid color-mix(in srgb,var(--cv) 42%,transparent);color:var(--cv-soft)}.htl-crs-v103-publish svg{width:100%;height:100%}.htl-crs-v103-publish b,.htl-crs-v103-publish small{display:block}.htl-crs-v103-publish b{color:#fff!important;font:700 10px Manrope,sans-serif}.htl-crs-v103-publish small{margin-top:2px;color:#c7b9ce!important;font:500 8px Manrope,sans-serif}.htl-crs-v103-publish button{height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;font:750 8px Manrope,sans-serif;cursor:pointer}.htl-crs-v103-publish button.primary{background:linear-gradient(135deg,var(--cv2),var(--cv));box-shadow:0 0 14px color-mix(in srgb,var(--cv) 28%,transparent)}.htl-crs-v103-empty{padding:30px 15px;text-align:center;color:#cbbbd2!important;font:500 10px Manrope,sans-serif} #admin-courses-section:not(.htl-crs-v103-show-legacy) #admin-course-editor-view{display:none!important}#admin-courses-section.htl-crs-v103-show-legacy #admin-courses-list-view{display:none!important}#admin-courses-section.htl-crs-v103-show-legacy #admin-course-editor-view{display:block!important} @media(max-width:1180px){.htl-crs-v103-workspace{grid-template-columns:280px 1fr}.htl-crs-v103-settings{grid-column:1/-1;display:grid;grid-template-columns:190px repeat(2,1fr);gap:8px}.htl-crs-v103-settings>header{grid-column:1/-1}.htl-crs-v103-preview{grid-row:2/5}.htl-crs-v103-settings .save{align-self:end}}@media(max-width:850px){.htl-crs-v103-hero{align-items:flex-start;flex-direction:column}.htl-crs-v103-metrics{grid-template-columns:repeat(2,1fr)}.htl-crs-v103-workspace{grid-template-columns:1fr}.htl-crs-v103-library,.htl-crs-v103-builder,.htl-crs-v103-settings{grid-column:auto}.htl-crs-v103-settings{display:block}}@media(max-width:560px){.htl-crs-v103-hero{padding:23px}.htl-crs-v103-hero h1{font-size:46px!important}.htl-crs-v103-hero>div:last-child{flex-wrap:wrap}.htl-crs-v103-metrics{grid-template-columns:1fr}.htl-crs-v103-builder>header{grid-template-columns:72px 1fr}.htl-crs-v103-builder>header img{width:72px}.htl-crs-v103-builder>header>.htl-crs-v103-status,.htl-crs-v103-builder>header>em,.htl-crs-v103-builder>header>button{grid-column:auto}.htl-crs-v103-publish{grid-template-columns:35px 1fr}.htl-crs-v103-publish button{grid-row:2;grid-column:auto}} /* V103 icon restraint — decorative stat glyphs removed, functional icons retained. */ .htl-crs-v103-hero small>i{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--cv-soft);box-shadow:0 0 12px var(--cv)} .htl-crs-v103-metrics article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:14px 19px!important}.htl-crs-v103-metrics article small{color:var(--cv-soft)!important;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.htl-crs-v103-metrics article b{margin:3px 0 1px;color:#fff!important;font:700 27px/1 Geist,Manrope,sans-serif!important}.htl-crs-v103-metrics article span{color:#cbbcd2!important;font:500 8.5px Manrope,sans-serif!important}.htl-crs-v103-metrics article>svg,.htl-crs-v103-metrics article>strong,.htl-crs-v103-metrics article>em{display:none!important}.htl-crs-v103-publish{grid-template-columns:1fr auto auto!important} /* Course create/edit workspace — aligned with the v103 builder rather than the legacy form. */ #htl-course-editor-v102-root{--cv:#ef24be;--cv2:#9f43ff;--cv-soft:#ff9bea;max-width:1440px;margin:0 auto;color:#fff}body.theme-redesign.theme-masculine #htl-course-editor-v102-root{--cv:#36c9ff;--cv2:#586cff;--cv-soft:#9ceaff}body.theme-redesign.theme-black #htl-course-editor-v102-root{--cv:#e7ba4f;--cv2:#9a6f27;--cv-soft:#ffe092} .htl-crs-v103-editor-back{height:42px!important;margin:0 0 11px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;background:rgba(36,13,52,.78)!important;color:#fff!important;font:750 11px Manrope,sans-serif!important;box-shadow:0 10px 25px rgba(35,7,52,.18);backdrop-filter:blur(15px)} .htl-crs-v103-editor-head{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:164px!important;margin:0 0 11px!important;padding:30px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:24px!important;background:#170821!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 50px rgba(35,7,52,.3)}.htl-crs-v103-editor-head:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-education-v89.png') center 46%/cover no-repeat;filter:saturate(1.34) contrast(1.08) brightness(.88)}.htl-crs-v103-editor-head:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,5,34,.97),rgba(31,8,48,.7) 58%,rgba(20,4,32,.2))}.htl-crs-v103-editor-head small{color:var(--cv-soft)!important;font:800 10px Manrope,sans-serif!important;letter-spacing:.15em!important}.htl-crs-v103-editor-head h1{margin:7px 0 1px!important;color:#fff!important;font:600 clamp(43px,4vw,62px)/.9 'Cormorant Garamond',serif!important;letter-spacing:-.035em!important}.htl-crs-v103-editor-head p{margin:7px 0 0!important;color:#f4e8f5!important;font:500 16px 'Cormorant Garamond',serif!important} .htl-crs-v103-editor-card{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(250px,.72fr) minmax(520px,1.7fr);gap:0;overflow:hidden;margin-bottom:20px!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(54,27,73,.95),rgba(20,7,35,.94))!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 20px 45px rgba(35,7,52,.27);backdrop-filter:blur(22px)} .htl-crs-v103-editor-intro{position:relative;isolation:isolate;padding:28px;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(155deg,color-mix(in srgb,var(--cv2) 18%,transparent),rgba(12,4,24,.3))}.htl-crs-v103-editor-intro>small{color:var(--cv-soft)!important;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.htl-crs-v103-editor-intro h2{margin:8px 0 4px!important;color:#fff!important;font:600 32px/1 'Cormorant Garamond',serif!important}.htl-crs-v103-editor-intro p{margin:0!important;color:#d8cadf!important;font:500 11px/1.6 Manrope,sans-serif!important}.htl-crs-v103-editor-art{position:absolute;left:28px;right:28px;bottom:28px;min-height:126px;padding:18px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--cv-soft) 26%,transparent);border-radius:17px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(145deg,rgba(18,6,31,.42),rgba(18,6,31,.8)),url('/htl-art-education-v89.png') center/cover;box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 25px color-mix(in srgb,var(--cv) 12%,transparent)}.htl-crs-v103-editor-art span{position:absolute;right:16px;top:12px;color:var(--cv-soft)!important;font:700 28px 'Cormorant Garamond',serif;text-shadow:0 0 18px var(--cv)}.htl-crs-v103-editor-art b{color:#fff!important;font:650 15px 'Cormorant Garamond',serif}.htl-crs-v103-editor-art small{margin-top:3px;color:#dfd0e3!important;font:500 8px Manrope,sans-serif} .htl-crs-v103-editor-fields{box-sizing:border-box;display:grid!important;grid-template-columns:1fr 1fr;gap:16px!important;max-width:none!important;padding:28px}.htl-crs-v103-field-wide{grid-column:1/-1}.htl-crs-v103-field>label{display:flex!important;align-items:baseline;justify-content:space-between;margin-bottom:7px!important;color:#fff!important;font:750 10px Manrope,sans-serif!important}.htl-crs-v103-field>label small{color:#bfaec8!important;font:500 8px Manrope,sans-serif}.htl-crs-v103-field>.mi{box-sizing:border-box;width:100%!important;min-height:44px!important;padding:10px 13px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;background:rgba(10,3,20,.52)!important;color:#fff!important;font:500 11px Manrope,sans-serif!important;outline:none}.htl-crs-v103-field textarea.mi{min-height:88px!important}.htl-crs-v103-field>.mi:focus{border-color:var(--cv)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cv) 13%,transparent)!important}.htl-crs-v103-field>.mi::placeholder{color:#88798f!important} .htl-crs-v103-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.htl-crs-v103-tier-grid>label{position:relative;min-height:66px;padding:12px 10px 10px 38px;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(10,3,20,.36);cursor:pointer}.htl-crs-v103-tier-grid input{position:absolute;left:12px;top:50%;width:15px;height:15px;margin:0;transform:translateY(-50%);accent-color:var(--cv)}.htl-crs-v103-tier-grid span,.htl-crs-v103-tier-grid b,.htl-crs-v103-tier-grid small{display:block}.htl-crs-v103-tier-grid b{color:#fff!important;font:700 10px Manrope,sans-serif}.htl-crs-v103-tier-grid small{margin-top:3px;color:#bfaec8!important;font:500 8px Manrope,sans-serif}.htl-crs-v103-tier-grid>label:has(input:checked){border-color:var(--cv);background:color-mix(in srgb,var(--cv) 11%,rgba(10,3,20,.45));box-shadow:0 0 16px color-mix(in srgb,var(--cv) 16%,transparent)} .htl-crs-v103-editor-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding-top:3px}.htl-crs-v103-editor-actions .btn-p{min-height:43px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:11px!important;background:linear-gradient(135deg,var(--cv2),var(--cv))!important;color:#fff!important;font:800 10px Manrope,sans-serif!important;box-shadow:0 0 20px color-mix(in srgb,var(--cv) 28%,transparent)}.htl-crs-v103-editor-actions .tbtn{min-height:43px!important;border-radius:11px!important;background:rgba(255,255,255,.04)!important} @media(max-width:900px){.htl-crs-v103-editor-card{grid-template-columns:1fr}.htl-crs-v103-editor-intro{min-height:230px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.htl-crs-v103-editor-art{left:auto;width:250px}.htl-crs-v103-editor-fields{padding:22px}}@media(max-width:620px){.htl-crs-v103-editor-fields{grid-template-columns:1fr}.htl-crs-v103-field-wide,.htl-crs-v103-editor-actions{grid-column:auto}.htl-crs-v103-tier-grid{grid-template-columns:1fr}.htl-crs-v103-editor-art{position:relative;inset:auto;width:auto;margin-top:20px}.htl-crs-v103-editor-intro{min-height:0}} /* Event Manager v104 */ #admin-events-section>.stitle,#admin-events-section>.stitle+div{display:none!important}#htl-events-v97-root{--ev:#ef24be;--ev2:#9f43ff;--evsoft:#ff9bea;max-width:1440px;margin:0 auto;color:#fff}body.theme-redesign.theme-masculine #htl-events-v97-root{--ev:#36c9ff;--ev2:#586cff;--evsoft:#9ceaff}body.theme-redesign.theme-black #htl-events-v97-root{--ev:#e7ba4f;--ev2:#9a6f27;--evsoft:#ffe092}.htl-ev104-loading{min-height:400px;display:grid;place-items:center;border-radius:22px;background:rgba(25,8,41,.8);color:#fff;font:600 14px Manrope,sans-serif} .htl-ev104-hero{position:relative;isolation:isolate;overflow:hidden;min-height:175px;margin-bottom:10px;padding:27px 30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.25);border-radius:24px;display:flex;justify-content:space-between;align-items:center;background:#170821;box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 50px rgba(35,7,52,.3)}.htl-ev104-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-events-v90.png') center/cover no-repeat;filter:saturate(1.35) contrast(1.07) brightness(.9)}.htl-ev104-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,5,34,.96),rgba(31,8,48,.62) 58%,rgba(20,4,32,.18))}.htl-ev104-hero small{display:flex;align-items:center;gap:9px;color:#ffe7fa!important;font:800 10px Manrope,sans-serif;letter-spacing:.15em}.htl-ev104-hero small i{width:15px;height:15px;border:1.5px solid var(--evsoft);border-radius:4px;box-shadow:0 0 12px var(--ev)}.htl-ev104-hero h1{margin:5px 0 0!important;color:#fff!important;font:600 clamp(48px,4vw,64px)/.88 'Cormorant Garamond',serif!important;letter-spacing:-.035em!important}.htl-ev104-hero p{margin:6px 0 0!important;color:#f4e8f5!important;font:500 18px 'Cormorant Garamond',serif!important}.htl-ev104-hero aside{width:205px;display:grid;gap:10px}.htl-ev104-hero aside button{height:44px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(24,7,39,.66);color:#fff;font:750 11px Manrope,sans-serif;cursor:pointer;backdrop-filter:blur(15px)}.htl-ev104-hero aside button:first-child{background:linear-gradient(135deg,var(--ev2),var(--ev));box-shadow:0 0 22px color-mix(in srgb,var(--ev) 35%,transparent)} .htl-ev104-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}.htl-ev104-metrics article{min-height:80px;padding:13px 18px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);border-radius:16px;display:grid;grid-template-columns:1fr auto;align-content:center;background:linear-gradient(145deg,rgba(64,31,85,.93),rgba(27,10,45,.91));box-shadow:inset 0 1px rgba(255,255,255,.11),0 13px 30px rgba(35,7,52,.22)}.htl-ev104-metrics small{color:var(--evsoft)!important;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.htl-ev104-metrics b{grid-row:1/3;grid-column:2;color:#fff!important;font:700 28px Geist,Manrope,sans-serif}.htl-ev104-metrics span{color:#cbbcd2!important;font:500 8.5px Manrope,sans-serif} .htl-ev104-main{display:grid;grid-template-columns:minmax(600px,1.58fr) minmax(330px,.92fr);gap:9px}.htl-ev104-calendar,.htl-ev104-side,.htl-ev104-bottom>article{border:1px solid rgba(255,255,255,.21);border-radius:20px;background:linear-gradient(145deg,rgba(51,25,70,.94),rgba(21,7,36,.93));box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 38px rgba(35,7,52,.25);backdrop-filter:blur(22px)}.htl-ev104-calendar{padding:14px}.htl-ev104-cal-head{display:flex;align-items:center;justify-content:space-between}.htl-ev104-cal-head h2{margin:0!important;color:#fff!important;font:600 29px 'Cormorant Garamond',serif!important}.htl-ev104-cal-head button{min-width:32px;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font:700 10px Manrope,sans-serif;cursor:pointer}.htl-ev104-legend{display:flex;flex-wrap:wrap;gap:11px;margin:10px 0}.htl-ev104-legend span,.htl-ev104-upcoming div>small{display:flex;align-items:center;gap:5px;color:#d9c9df!important;font:700 7.5px Manrope,sans-serif}.htl-ev104-legend i,.htl-ev104-upcoming div>small i{width:7px;height:7px;border-radius:50%;background:var(--event-color,#ef24be);box-shadow:0 0 7px var(--event-color,#ef24be)}.live{--event-color:#f02bbb}.qna{--event-color:#67b9ff}.advisor{--event-color:#69e9a2}.mindset{--event-color:#ffbe5d}.workshop{--event-color:#b569ff}.inperson{--event-color:#ff679d}.htl-ev104-weekdays,.htl-ev104-days{display:grid;grid-template-columns:repeat(7,1fr)}.htl-ev104-weekdays b{padding:8px;border:1px solid rgba(255,255,255,.08);text-align:center;color:#d6c7dc!important;font:750 8px Manrope,sans-serif}.htl-ev104-day{position:relative;min-width:0;height:80px;padding:7px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;text-align:left;background:rgba(13,4,24,.14);color:#fff;overflow:hidden}.htl-ev104-day.muted{opacity:.38}.htl-ev104-day>b{font:650 10px Geist,sans-serif}.htl-ev104-day>span{min-width:0;padding:4px 5px;border:1px solid color-mix(in srgb,var(--event-color) 38%,transparent);border-radius:6px;background:color-mix(in srgb,var(--event-color) 20%,transparent);color:#fff;font:650 7px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.htl-ev104-day>span i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--event-color);box-shadow:0 0 6px var(--event-color)}.htl-ev104-day>span small{display:block;margin:2px 0 0 9px;color:#e7dce9!important;font:500 6.5px Manrope,sans-serif}.htl-ev104-day>em{color:#bea9c7!important;font:600 6.5px Manrope,sans-serif;font-style:normal} .htl-ev104-side{padding:14px}.htl-ev104-side>header,.htl-ev104-bottom article>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.htl-ev104-side>header small,.htl-ev104-bottom article>header small{color:#fff!important;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.htl-ev104-side>header span,.htl-ev104-bottom article>header span{color:var(--evsoft)!important;font:600 8px Manrope,sans-serif}.htl-ev104-upcoming{box-sizing:border-box;width:100%;min-height:87px;margin-bottom:7px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 12px;gap:9px;align-items:center;text-align:left;background:rgba(12,4,24,.35);color:#fff;cursor:pointer}.htl-ev104-upcoming:hover{border-color:var(--ev);box-shadow:0 0 16px color-mix(in srgb,var(--ev) 15%,transparent)}.htl-ev104-upcoming>span{display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.14)}.htl-ev104-upcoming>span small,.htl-ev104-upcoming>span em{color:#d5c5dc!important;font:700 7px Manrope,sans-serif;font-style:normal}.htl-ev104-upcoming>span b{color:#fff!important;font:700 21px Geist,sans-serif}.htl-ev104-upcoming div{min-width:0}.htl-ev104-upcoming div>b,.htl-ev104-upcoming div>em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htl-ev104-upcoming div>b{margin:4px 0;color:#fff!important;font:600 15px 'Cormorant Garamond',serif}.htl-ev104-upcoming div>em{color:#c2b3c9!important;font:500 7.5px Manrope,sans-serif;font-style:normal}.htl-ev104-upcoming>strong{max-width:100px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--evsoft) 32%,transparent);border-radius:999px;color:var(--evsoft)!important;font:700 7px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htl-ev104-upcoming>i{color:#fff;font-style:normal} .htl-ev104-bottom{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:9px;margin-top:9px}.htl-ev104-bottom>article{min-height:145px;padding:14px;box-sizing:border-box}.htl-ev104-unavailable{position:relative;overflow:hidden;min-height:90px;padding:10px;border-radius:11px;background:rgba(10,3,20,.32)}.htl-ev104-unavailable b{color:#fff!important;font:600 14px 'Cormorant Garamond',serif}.htl-ev104-unavailable p{max-width:72%;margin:3px 0!important;color:#bfaec7!important;font:500 8px/1.5 Manrope,sans-serif!important}.htl-ev104-unavailable i{position:absolute;bottom:10px;width:8px;border-radius:3px 3px 0 0;background:linear-gradient(var(--ev),var(--ev2));opacity:.55}.htl-ev104-unavailable i:nth-of-type(1){right:70px;height:24px}.htl-ev104-unavailable i:nth-of-type(2){right:55px;height:39px}.htl-ev104-unavailable i:nth-of-type(3){right:40px;height:31px}.htl-ev104-unavailable i:nth-of-type(4){right:25px;height:55px}.htl-ev104-unavailable i:nth-of-type(5){right:10px;height:45px}.htl-ev104-bottom ul{list-style:none;margin:0;padding:0}.htl-ev104-bottom li{min-height:23px;padding:0 3px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between}.htl-ev104-bottom li b{color:#fff!important;font:600 8px Manrope,sans-serif}.htl-ev104-bottom li span{color:#b9a7c2!important;font:600 7px Manrope,sans-serif}.htl-ev104-feature>div{display:grid;grid-template-columns:95px 1fr;gap:10px}.htl-ev104-feature .art{grid-row:1/3;width:95px;height:84px;border-radius:9px;background:url('/htl-art-events-v90.png') center/cover}.htl-ev104-feature section small{color:var(--evsoft)!important;font:800 7px Manrope,sans-serif}.htl-ev104-feature h3{margin:3px 0!important;color:#fff!important;font:600 18px 'Cormorant Garamond',serif!important}.htl-ev104-feature p,.htl-ev104-feature em{display:block;margin:0!important;color:#cbbbd1!important;font:500 7.5px Manrope,sans-serif!important;font-style:normal}.htl-ev104-feature button{grid-column:2;width:max-content;height:29px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(135deg,var(--ev2),var(--ev));color:#fff;font:750 8px Manrope,sans-serif}.htl-ev104-empty{padding:25px 12px;text-align:center;color:#c5b5cc!important;font:500 10px Manrope,sans-serif} @media(max-width:1100px){.htl-ev104-main{grid-template-columns:1fr}.htl-ev104-bottom{grid-template-columns:1fr 1fr}.htl-ev104-feature{grid-column:1/-1}}@media(max-width:760px){.htl-ev104-hero{align-items:flex-start;flex-direction:column}.htl-ev104-hero aside{width:100%;grid-template-columns:1fr 1fr}.htl-ev104-metrics{grid-template-columns:1fr 1fr}.htl-ev104-day{height:65px}.htl-ev104-day>span{font-size:0}.htl-ev104-bottom{grid-template-columns:1fr}.htl-ev104-feature{grid-column:auto}}@media(max-width:500px){.htl-ev104-metrics{grid-template-columns:1fr}.htl-ev104-legend{display:none}.htl-ev104-day{height:50px;padding:4px}.htl-ev104-day>span small{display:none}} /* Event create/edit view: replace the exposed legacy light form. */ #evadm-event-editor-view{--ev:#ef24be;--ev2:#9f43ff;--evsoft:#ff9bea;max-width:1440px;margin:0 auto;color:#fff}body.theme-redesign.theme-masculine #evadm-event-editor-view{--ev:#36c9ff;--ev2:#586cff;--evsoft:#9ceaff}body.theme-redesign.theme-black #evadm-event-editor-view{--ev:#e7ba4f;--ev2:#9a6f27;--evsoft:#ffe092} #evadm-event-editor-view>.tbtn{height:42px!important;margin:0 0 11px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;background:rgba(36,13,52,.82)!important;color:#fff!important;font:750 11px Manrope,sans-serif!important;box-shadow:0 10px 25px rgba(35,7,52,.18);backdrop-filter:blur(15px)} #evadm-event-editor-view>.htl-cc-v97-hero{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:160px!important;margin:0 0 11px!important;padding:29px 30px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:24px!important;background:#170821!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 50px rgba(35,7,52,.3)}#evadm-event-editor-view>.htl-cc-v97-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-events-v90.png') center/cover no-repeat;filter:saturate(1.38) contrast(1.07) brightness(.86)}#evadm-event-editor-view>.htl-cc-v97-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,5,34,.97),rgba(31,8,48,.68) 62%,rgba(20,4,32,.18))}#evadm-event-editor-view>.htl-cc-v97-hero small{color:var(--evsoft)!important;font:800 10px Manrope,sans-serif!important;letter-spacing:.15em!important}#evadm-event-editor-view>.htl-cc-v97-hero h1{margin:6px 0 2px!important;color:#fff!important;font:600 clamp(44px,4vw,61px)/.88 'Cormorant Garamond',serif!important;letter-spacing:-.035em!important}#evadm-event-editor-view>.htl-cc-v97-hero p{margin:6px 0 0!important;color:#f4e8f5!important;font:500 17px 'Cormorant Garamond',serif!important} #evadm-event-editor-view>div:nth-of-type(2){position:relative!important;box-sizing:border-box!important;margin-bottom:14px!important;padding:24px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(54,27,73,.96),rgba(20,7,35,.95))!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 20px 45px rgba(35,7,52,.27)!important;backdrop-filter:blur(22px)} #evadm-event-editor-view>div:nth-of-type(2)>div:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;max-width:none!important}#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(1),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(2),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(5),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(7),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(9),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(10),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>label{grid-column:1/-1} #evadm-event-editor-view label{color:#f5edf7!important;font:750 10px Manrope,sans-serif!important}#evadm-event-editor-view .mi{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 13px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;background:rgba(10,3,20,.55)!important;color:#fff!important;font:500 11px Manrope,sans-serif!important;outline:none!important;color-scheme:dark}#evadm-event-editor-view textarea.mi{min-height:82px!important}#evadm-event-editor-view .mi:focus{border-color:var(--ev)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ev) 13%,transparent)!important}#evadm-event-editor-view .mi::placeholder{color:#8f8098!important}#evadm-event-editor-view option{background:#1b0929;color:#fff} #evadm-event-editor-view input[type=checkbox]{width:16px;height:16px;accent-color:var(--ev)}#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(3),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(4),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(6),#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(8){box-sizing:border-box;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(10,3,20,.18)}#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div[style*="display:flex"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(4){grid-template-columns:repeat(3,minmax(0,1fr))!important} #evadm-event-editor-view>div:nth-of-type(2)>div:last-child{display:flex!important;gap:9px!important;margin-top:20px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}#evadm-event-editor-view .btn-p{min-height:43px!important;padding:0 20px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:11px!important;background:linear-gradient(135deg,var(--ev2),var(--ev))!important;color:#fff!important;font:800 10px Manrope,sans-serif!important;box-shadow:0 0 20px color-mix(in srgb,var(--ev) 28%,transparent)}#evadm-event-editor-view>div:nth-of-type(2)>div:last-child .tbtn{min-height:43px!important;border-radius:11px!important;background:rgba(255,255,255,.04)!important;color:#ff9696!important} #evadm-attendance-wrap{padding:20px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(51,25,70,.94),rgba(21,7,36,.93))!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 38px rgba(35,7,52,.22)}#evadm-attendance-wrap .stitle{color:#fff!important;font:600 25px 'Cormorant Garamond',serif!important}#evadm-attendance-list>div{background:rgba(10,3,20,.38)!important;color:#fff!important} body.theme-redesign #admin-page #evadm-event-editor-view :is(input.mi,select.mi,textarea.mi){background:rgba(10,3,20,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.23)!important;-webkit-text-fill-color:#fff!important}body.theme-redesign #admin-page #evadm-event-editor-view :is(input.mi,select.mi,textarea.mi)::placeholder{color:#998aa1!important;-webkit-text-fill-color:#998aa1!important}body.theme-redesign #admin-page #evadm-event-editor-view label{color:#f5edf7!important}body.theme-redesign #admin-page #evadm-event-editor-view>div:nth-of-type(2){background:linear-gradient(145deg,rgba(54,27,73,.97),rgba(20,7,35,.96))!important;border-color:rgba(255,255,255,.22)!important}body.theme-redesign #admin-page #evadm-event-editor-view>.htl-cc-v97-hero :is(small,h1,p){color:#fff!important;-webkit-text-fill-color:#fff!important}body.theme-redesign #admin-page #evadm-event-editor-view>.htl-cc-v97-hero small{color:var(--evsoft)!important;-webkit-text-fill-color:var(--evsoft)!important} @media(max-width:760px){#evadm-event-editor-view>div:nth-of-type(2)>div:first-child{grid-template-columns:1fr!important}#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>*{grid-column:auto!important}#evadm-event-editor-view>div:nth-of-type(2)>div:first-child>div[style*="display:flex"]{grid-template-columns:1fr!important}} /* Live Trading Control Room v105 */ #admin-live-section>.stitle,#admin-live-section>.stitle+div{display:none!important}#htl-live-v97-root{--lv:#ef24be;--lv2:#9f43ff;--lvsoft:#ff9bea;max-width:1440px;margin:0 auto;color:#fff}body.theme-redesign.theme-masculine #htl-live-v97-root{--lv:#36c9ff;--lv2:#586cff;--lvsoft:#9ceaff}body.theme-redesign.theme-black #htl-live-v97-root{--lv:#e7ba4f;--lv2:#9a6f27;--lvsoft:#ffe092}.htl-lv105-loading{min-height:400px;display:grid;place-items:center;border-radius:22px;background:rgba(25,8,41,.8);color:#fff} .htl-lv105-hero{position:relative;isolation:isolate;overflow:hidden;min-height:165px;margin-bottom:9px;padding:27px 30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.25);border-radius:24px;display:flex;justify-content:space-between;align-items:center;background:#160720;box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 50px rgba(35,7,52,.3)}.htl-lv105-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-live-v89.png') center/cover no-repeat;filter:saturate(1.35) contrast(1.08) brightness(.88)}.htl-lv105-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,5,34,.97),rgba(31,8,48,.62) 60%,rgba(20,4,32,.18))}.htl-lv105-hero small{display:flex;align-items:center;gap:9px;color:var(--lvsoft)!important;font:800 10px Manrope,sans-serif;letter-spacing:.15em}.htl-lv105-hero small i{width:14px;height:14px;border:2px solid var(--lvsoft);border-radius:50%;box-shadow:0 0 12px var(--lv)}.htl-lv105-hero h1{margin:5px 0 0!important;color:#fff!important;font:600 clamp(44px,4vw,61px)/.88 'Cormorant Garamond',serif!important;letter-spacing:-.035em!important}.htl-lv105-hero p{margin:6px 0 0!important;color:#f4e8f5!important;font:500 17px 'Cormorant Garamond',serif!important}.htl-lv105-hero aside{display:flex;gap:10px}.htl-lv105-hero button{height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(24,7,39,.68);color:#fff;font:750 10px Manrope,sans-serif}.htl-lv105-hero button:first-child{background:linear-gradient(135deg,var(--lv2),var(--lv));box-shadow:0 0 22px color-mix(in srgb,var(--lv) 35%,transparent)} .htl-lv105-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.htl-lv105-metrics article{min-height:80px;padding:13px 18px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);border-radius:16px;display:grid;grid-template-columns:1fr auto;align-content:center;background:linear-gradient(145deg,rgba(64,31,85,.94),rgba(27,10,45,.92));box-shadow:inset 0 1px rgba(255,255,255,.11),0 13px 30px rgba(35,7,52,.22)}.htl-lv105-metrics small{color:var(--lvsoft)!important;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.htl-lv105-metrics b{grid-row:1/3;grid-column:2;color:#fff!important;font:700 28px Geist,sans-serif}.htl-lv105-metrics span{color:#cbbcd2!important;font:500 8.5px Manrope,sans-serif} .htl-lv105-main{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(430px,1.45fr) minmax(265px,.78fr);gap:8px;min-height:490px}.htl-lv105-list,.htl-lv105-control,.htl-lv105-settings,.htl-lv105-bottom>article{border:1px solid rgba(255,255,255,.21);border-radius:19px;background:linear-gradient(145deg,rgba(51,25,70,.95),rgba(21,7,36,.94));box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 38px rgba(35,7,52,.25);backdrop-filter:blur(22px)}.htl-lv105-list{padding:12px}.htl-lv105-list>header,.htl-lv105-control>header,.htl-lv105-settings>header,.htl-lv105-bottom article>header{display:flex;align-items:center;justify-content:space-between}.htl-lv105-list>header small,.htl-lv105-bottom header small{color:#fff!important;font:800 9px Manrope,sans-serif;letter-spacing:.14em}.htl-lv105-list>header button{height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(135deg,var(--lv2),var(--lv));color:#fff;font:750 8px Manrope,sans-serif}.htl-lv105-list nav{display:grid;grid-template-columns:repeat(4,1fr);margin:9px 0;padding:3px;border-radius:9px;background:rgba(10,3,20,.35)}.htl-lv105-list nav button{height:27px;border:0;border-radius:7px;background:transparent;color:#bcaec4;font:650 7.5px Manrope,sans-serif}.htl-lv105-list nav button.active{background:linear-gradient(135deg,var(--lv2),var(--lv));color:#fff;box-shadow:0 0 13px color-mix(in srgb,var(--lv) 25%,transparent)}.htl-lv105-session{width:100%;min-height:78px;margin-bottom:6px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:11px;display:grid;grid-template-columns:62px minmax(0,1fr) 10px;gap:8px;text-align:left;background:rgba(10,3,20,.27);color:#fff}.htl-lv105-session.active{border-color:var(--lv);box-shadow:0 0 15px color-mix(in srgb,var(--lv) 20%,transparent),inset 3px 0 var(--lv)}.htl-lv105-session .thumb{width:62px;height:62px;border-radius:9px;background:url('/htl-art-live-v89.png') center/cover}.htl-lv105-session div{min-width:0}.htl-lv105-session div>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htl-lv105-session div small{width:max-content;padding:3px 6px;border-radius:999px;color:#fff!important;background:rgba(161,66,201,.3);font:750 6.5px Manrope,sans-serif;text-transform:uppercase}.htl-lv105-session div small.live{background:#d82377;box-shadow:0 0 10px rgba(239,35,119,.35)}.htl-lv105-session div b{margin:4px 0;color:#fff!important;font:600 14px 'Cormorant Garamond',serif}.htl-lv105-session div em,.htl-lv105-session div i{color:#c2b2c9!important;font:500 7px Manrope,sans-serif;font-style:normal}.htl-lv105-session div i{margin-top:3px;color:var(--lvsoft)!important} .htl-lv105-control{padding:12px}.htl-lv105-control>header h2{margin:0!important;color:#fff!important;font:600 22px 'Cormorant Garamond',serif!important}.htl-lv105-control>header>div{display:flex;align-items:center;gap:8px}.htl-lv105-control>header span{padding:4px 8px;border-radius:999px;background:rgba(161,66,201,.28);color:var(--lvsoft)!important;font:750 7px Manrope,sans-serif;text-transform:uppercase}.htl-lv105-control>header span.live{background:#db246e;color:#fff!important}.htl-lv105-control>header button{border:0;background:none;color:var(--lvsoft);font:700 8px Manrope,sans-serif}.htl-lv105-player{position:relative;isolation:isolate;overflow:hidden;height:300px;margin:10px 0;border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:flex-end;background:url('/htl-art-live-v89.png') center/cover}.htl-lv105-player:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(transparent 40%,rgba(12,3,24,.92))}.htl-lv105-player>div{padding:18px}.htl-lv105-player small{color:var(--lvsoft)!important;font:800 8px Manrope,sans-serif;letter-spacing:.14em}.htl-lv105-player h3{margin:4px 0!important;color:#fff!important;font:600 28px 'Cormorant Garamond',serif!important}.htl-lv105-player p{margin:0!important;color:#ddd0e1!important;font:500 9px Manrope,sans-serif!important}.htl-lv105-control>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.htl-lv105-control>footer span{padding:9px;border-right:1px solid rgba(255,255,255,.1)}.htl-lv105-control>footer b,.htl-lv105-control>footer small{display:block}.htl-lv105-control>footer b{color:#fff!important;font:700 11px Geist,sans-serif}.htl-lv105-control>footer small{color:#b9a9c1!important;font:500 7px Manrope,sans-serif}.htl-lv105-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-top:9px}.htl-lv105-actions button{min-height:39px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.05);color:#fff;font:750 8px Manrope,sans-serif}.htl-lv105-actions .danger{background:linear-gradient(135deg,#e63568,#b72e8e)} .htl-lv105-settings{padding:13px}.htl-lv105-settings h3{margin:0!important;color:#fff!important;font:600 18px 'Cormorant Garamond',serif!important}.htl-lv105-settings>header button{border:0;background:none;color:#fff}.htl-lv105-settings label{display:block;margin-top:9px;color:#e7dce9!important;font:700 8px Manrope,sans-serif}.htl-lv105-settings label>span{box-sizing:border-box;min-height:34px;margin-top:4px;padding:8px 9px;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;background:rgba(10,3,20,.45);color:#fff!important;font:500 8px Manrope,sans-serif}.htl-lv105-settings label>span.connected{color:#68e5a7!important}.htl-lv105-settings .split{display:grid;grid-template-columns:1fr 1fr;gap:7px}.htl-lv105-settings .save{width:100%;height:39px;margin-top:12px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:linear-gradient(135deg,var(--lv2),var(--lv));color:#fff;font:800 8px Manrope,sans-serif;box-shadow:0 0 16px color-mix(in srgb,var(--lv) 30%,transparent)} .htl-lv105-bottom{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-top:8px}.htl-lv105-bottom>article{min-height:140px;padding:13px;box-sizing:border-box}.htl-lv105-bottom header span{color:var(--lvsoft)!important;font:600 7px Manrope,sans-serif}.htl-lv105-bottom ul{list-style:none;margin:8px 0 0;padding:0}.htl-lv105-bottom li{min-height:23px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.htl-lv105-bottom li b{color:#fff!important;font:600 8px Manrope,sans-serif}.htl-lv105-bottom li span{color:#bcaec4!important;font:600 7px Manrope,sans-serif}.htl-lv105-chart{position:relative;overflow:hidden;height:90px;margin-top:8px;border-radius:10px;background:rgba(10,3,20,.3)}.htl-lv105-chart p{max-width:60%;padding:10px;margin:0!important;color:#bdaec5!important;font:500 8px/1.45 Manrope,sans-serif!important}.htl-lv105-chart i{position:absolute;bottom:8px;width:10px;border-radius:3px 3px 0 0;background:linear-gradient(var(--lv),var(--lv2));opacity:.65}.htl-lv105-chart i:nth-of-type(1){right:85px;height:24px}.htl-lv105-chart i:nth-of-type(2){right:70px;height:37px}.htl-lv105-chart i:nth-of-type(3){right:55px;height:29px}.htl-lv105-chart i:nth-of-type(4){right:40px;height:53px}.htl-lv105-chart i:nth-of-type(5){right:25px;height:44px}.htl-lv105-chart i:nth-of-type(6){right:10px;height:62px}.htl-lv105-empty{padding:25px 10px;text-align:center;color:#c1b0c8!important;font:500 9px Manrope,sans-serif}.htl-lv105-empty.large{min-height:350px;display:grid;place-items:center} @media(max-width:1150px){.htl-lv105-main{grid-template-columns:290px 1fr}.htl-lv105-settings{grid-column:1/-1}.htl-lv105-bottom{grid-template-columns:1fr 1fr}.htl-lv105-bottom>article:last-child{grid-column:1/-1}}@media(max-width:800px){.htl-lv105-hero{align-items:flex-start;flex-direction:column}.htl-lv105-metrics{grid-template-columns:1fr 1fr}.htl-lv105-main,.htl-lv105-bottom{grid-template-columns:1fr}.htl-lv105-settings,.htl-lv105-bottom>article:last-child{grid-column:auto}}@media(max-width:520px){.htl-lv105-metrics{grid-template-columns:1fr}.htl-lv105-hero aside{display:grid;width:100%}} .htl-lv105-hero:before{background-image:url('/htl-art-live-trading-v89.png')!important}.htl-lv105-session .thumb,.htl-lv105-player{background-image:url('/htl-art-live-trading-v89.png')!important} /* Live session create/edit workspace */ #ltadm-session-editor-view{--lv:#ef24be;--lv2:#9f43ff;--lvsoft:#ff9bea;max-width:1440px;margin:0 auto;color:#fff}body.theme-redesign.theme-masculine #ltadm-session-editor-view{--lv:#36c9ff;--lv2:#586cff;--lvsoft:#9ceaff}body.theme-redesign.theme-black #ltadm-session-editor-view{--lv:#e7ba4f;--lv2:#9a6f27;--lvsoft:#ffe092} #ltadm-session-editor-view>.tbtn{height:42px!important;margin:0 0 11px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;background:rgba(36,13,52,.82)!important;color:#fff!important;font:750 11px Manrope,sans-serif!important;backdrop-filter:blur(15px)}#ltadm-session-editor-view>.htl-cc-v97-hero{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:160px!important;margin:0 0 11px!important;padding:29px 30px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:24px!important;background:#170821!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 50px rgba(35,7,52,.3)}#ltadm-session-editor-view>.htl-cc-v97-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-live-trading-v89.png') center/cover no-repeat;filter:saturate(1.38) contrast(1.07) brightness(.84)}#ltadm-session-editor-view>.htl-cc-v97-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,5,34,.97),rgba(31,8,48,.68) 62%,rgba(20,4,32,.18))}#ltadm-session-editor-view>.htl-cc-v97-hero small{color:var(--lvsoft)!important;font:800 10px Manrope,sans-serif!important;letter-spacing:.15em!important}#ltadm-session-editor-view>.htl-cc-v97-hero h1{margin:6px 0 2px!important;color:#fff!important;font:600 clamp(44px,4vw,61px)/.88 'Cormorant Garamond',serif!important;letter-spacing:-.035em!important}#ltadm-session-editor-view>.htl-cc-v97-hero p{margin:6px 0 0!important;color:#f4e8f5!important;font:500 17px 'Cormorant Garamond',serif!important} #ltadm-session-editor-view>div:nth-of-type(2){box-sizing:border-box!important;margin-bottom:14px!important;padding:24px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(54,27,73,.97),rgba(20,7,35,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 20px 45px rgba(35,7,52,.27)!important;backdrop-filter:blur(22px)}#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;max-width:none!important}#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(1),#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(2),#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(5),#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(6),#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>label{grid-column:1/-1}#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div[style*="display:flex"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(10,3,20,.18)}#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div:nth-child(4){grid-template-columns:repeat(3,minmax(0,1fr))!important} body.theme-redesign #admin-page #ltadm-session-editor-view :is(input.mi,select.mi,textarea.mi){box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 13px!important;border:1px solid rgba(255,255,255,.23)!important;border-radius:11px!important;background:rgba(10,3,20,.72)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:500 11px Manrope,sans-serif!important;color-scheme:dark}body.theme-redesign #admin-page #ltadm-session-editor-view :is(input.mi,select.mi,textarea.mi)::placeholder{color:#998aa1!important;-webkit-text-fill-color:#998aa1!important}body.theme-redesign #admin-page #ltadm-session-editor-view label{color:#f5edf7!important}#ltadm-session-editor-view textarea.mi{min-height:82px!important}#ltadm-session-editor-view input[type=checkbox]{width:16px;height:16px;accent-color:var(--lv)}#ltadm-session-editor-view>div:nth-of-type(2)>div:last-child{display:flex!important;gap:9px!important;margin-top:20px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}#ltadm-session-editor-view .btn-p{min-height:43px!important;padding:0 20px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--lv2),var(--lv))!important;color:#fff!important;font:800 10px Manrope,sans-serif!important;box-shadow:0 0 20px color-mix(in srgb,var(--lv) 28%,transparent)} #ltadm-attendance-wrap,#ltadm-recordings-wrap{padding:20px!important;margin-bottom:14px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(51,25,70,.95),rgba(21,7,36,.94))!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 38px rgba(35,7,52,.22)}#ltadm-attendance-wrap .stitle,#ltadm-recordings-wrap .stitle{color:#fff!important;font:600 25px 'Cormorant Garamond',serif!important}#ltadm-recordings-wrap>div:last-child{background:rgba(10,3,20,.38)!important;border:1px solid rgba(255,255,255,.12);border-radius:14px!important} @media(max-width:760px){#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child{grid-template-columns:1fr!important}#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>*{grid-column:auto!important}#ltadm-session-editor-view>div:nth-of-type(2)>div:first-child>div[style*="display:flex"]{grid-template-columns:1fr!important}} @media(max-width:1050px){.htl-crs-v102-hero aside{display:none}.htl-crs-v102-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.htl-crs-v102-hero{padding:28px 24px;min-height:260px}.htl-crs-v102-hero h1{font-size:46px!important}.htl-crs-v102-grid{grid-template-columns:1fr}.htl-crs-v102-library{padding:19px}.htl-crs-v102-library>header{align-items:flex-start;flex-direction:column}.htl-crs-v102-card-copy{max-width:75%}}@media(max-width:520px){.htl-crs-v102-stats{grid-template-columns:1fr}.htl-crs-v102-card-copy{max-width:100%}.htl-crs-v102-card:after{background:rgba(17,5,30,.82)}} /* HTL Community Management v107 */ #admin-community-section>.stitle,#admin-community-section>.stitle+div,#admin-community-section>div:nth-of-type(2){display:none!important}#admin-community-section #cmadm-panel-spaces{display:block!important}#admin-community-section #cmadm-panel-staff,#admin-community-section #cmadm-panel-reports{display:none!important} #htl-spaces-v97-root{color:#fff}#htl-spaces-v97-root *{box-sizing:border-box}.htl-cm107-hero{min-height:190px;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;border:1px solid rgba(255,147,231,.72);border-radius:24px;background:linear-gradient(90deg,rgba(29,8,54,.9),rgba(57,13,74,.28),rgba(40,7,57,.75)),url('/htl-vault-workspace-hero-v51.png') center 48%/cover;box-shadow:0 22px 58px rgba(31,2,59,.42),0 0 34px rgba(239,44,195,.25),inset 0 1px rgba(255,255,255,.4)}.htl-cm107-hero small{color:#ff9ede;font-size:12px;font-weight:900;letter-spacing:.2em}.htl-cm107-hero h1{margin:8px 0 1px;font:600 58px/.95 'Cormorant Garamond',Georgia,serif}.htl-cm107-hero p{margin:9px 0 0;font:500 24px 'Cormorant Garamond',Georgia,serif}.htl-cm107-hero aside{display:flex;gap:10px}.htl-cm107-hero button{padding:14px 22px;border:1px solid #ff99e2;border-radius:999px;color:#fff;background:linear-gradient(115deg,#f63dcc,#aa34da);box-shadow:0 0 24px rgba(246,55,204,.45);font-size:13px}.htl-cm107-hero button+button{background:rgba(30,10,50,.66)} .htl-cm107-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:11px 0}.htl-cm107-stats article{min-height:88px;padding:17px 20px;border:1px solid rgba(222,137,255,.5);border-radius:17px;background:linear-gradient(145deg,rgba(39,17,70,.91),rgba(22,9,43,.9));box-shadow:0 14px 33px rgba(23,0,48,.34),inset 0 1px rgba(255,255,255,.2)}.htl-cm107-stats b,.htl-cm107-stats span{display:block}.htl-cm107-stats b{font:750 34px Geist,sans-serif;color:#fff;text-shadow:0 0 15px rgba(255,75,213,.4)}.htl-cm107-stats span{margin-top:2px;color:#ddcfe5;font-size:13px} .htl-cm107-grid{display:grid;grid-template-columns:minmax(650px,1.8fr) minmax(300px,.9fr);gap:12px}.htl-cm107-grid>main,.htl-cm107-grid>aside{display:grid;align-content:start;gap:12px}.htl-cm107-card{overflow:hidden;border:1px solid rgba(224,142,255,.5);border-radius:19px;background:linear-gradient(145deg,rgba(34,14,65,.92),rgba(21,8,42,.9));box-shadow:0 20px 45px rgba(20,0,43,.38),0 0 25px rgba(237,50,201,.14),inset 0 1px rgba(255,255,255,.2)}.htl-cm107-card>header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.htl-cm107-card h2{margin:0;font:600 29px 'Cormorant Garamond',Georgia,serif}.htl-cm107-card header>div{display:flex;gap:8px}.htl-cm107-card input,.htl-cm107-card select{height:38px;padding:0 12px;border:1px solid rgba(186,104,255,.55);border-radius:10px;color:#fff;background:rgba(18,7,37,.68);font-size:12px}.htl-cm107-card header button{border:0;color:#f6a3df;background:none;font-size:11px}.htl-cm107-card .labels,.htl-cm107-space{display:grid;grid-template-columns:minmax(210px,1.6fr) 120px 74px 74px 100px 75px 70px;align-items:center;gap:8px}.htl-cm107-card .labels{padding:10px 18px;color:#cbbbd5;font-size:10px;font-weight:800}.htl-cm107-space{min-height:74px;margin:0 10px 8px;padding:10px 9px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025)}.htl-cm107-space:hover{border-color:#ee43c9;box-shadow:0 0 20px rgba(239,58,200,.2)}.htl-cm107-space.archived{opacity:.55}.htl-cm107-space .name b,.htl-cm107-space .name span,.htl-cm107-space .metric small{display:block}.htl-cm107-space .name b{font-size:14px}.htl-cm107-space .name span{margin-top:3px;color:#baaac6;font-size:10px}.htl-cm107-space .tier{padding:6px 8px;border-radius:999px;color:#f2c5ff;background:rgba(171,66,224,.38);font-size:9px;text-align:center}.htl-cm107-space .metric{font-size:13px}.htl-cm107-space .metric small{color:#9e8ead;font-size:8px}.htl-cm107-space .engage{display:flex;align-items:end;gap:3px;height:25px}.htl-cm107-space .engage i{width:5px;height:10px;border-radius:2px;background:#e64ec7}.htl-cm107-space .engage i:nth-child(2){height:16px}.htl-cm107-space .engage i:nth-child(3){height:21px}.htl-cm107-space .engage i:nth-child(4){height:14px}.htl-cm107-space .status{color:#a6efc1;font-size:10px}.htl-cm107-space .status i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#6ef49b;box-shadow:0 0 9px #64ef93}.htl-cm107-space>button{padding:7px 9px;border:1px solid rgba(241,111,216,.5);border-radius:999px;color:#fff;background:rgba(238,49,194,.13);font-size:9px}.htl-cm107-report,.htl-cm107-staff{display:flex;align-items:center;gap:10px;margin:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025)}.htl-cm107-report div,.htl-cm107-staff div{flex:1}.htl-cm107-report b,.htl-cm107-report span,.htl-cm107-staff b,.htl-cm107-staff small{display:block}.htl-cm107-report b,.htl-cm107-staff b{font-size:12px}.htl-cm107-report span,.htl-cm107-staff small{margin-top:3px;color:#b8a8c3;font-size:9px}.htl-cm107-report button{padding:7px 12px;border:1px solid #ff85dc;border-radius:999px;color:#fff;background:linear-gradient(110deg,#ed36bd,#943bd8)}.htl-cm107-staff>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ef8bda;border-radius:50%;background:#75336e}.htl-cm107-staff em{color:#9ff2bb;font-size:9px;font-style:normal}.htl-cm107-clear,.htl-cm107-empty{min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;color:#fff;text-align:center}.htl-cm107-clear b{font:600 18px 'Cormorant Garamond'}.htl-cm107-clear span,.htl-cm107-empty{color:#ad9dba;font-size:10px}.htl-cm107-card.health>div{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center}.htl-cm107-card.health b{font:700 36px Geist}.htl-cm107-card.health span{font-size:12px}.htl-cm107-card.health small{margin-top:5px;color:#a997b6}.htl-cm107-loading{padding:70px;color:#fff;text-align:center} @media(max-width:1250px){.htl-cm107-grid{grid-template-columns:1fr}.htl-cm107-card .labels,.htl-cm107-space{grid-template-columns:minmax(190px,1.5fr) 115px 65px 65px 90px 72px 65px}}@media(max-width:850px){#htl-spaces-v97-root{min-width:760px}.htl-cm107-hero h1{font-size:46px}} /* v108 parity pass: remove legacy sub-navigation and restore approved scale. */ #admin-community-section>div:has(#cmadm-tab-spaces){display:none!important} #admin-community-section.htl-community-reports-mode #cmadm-panel-spaces{display:none!important} #admin-community-section.htl-community-reports-mode #cmadm-panel-reports{display:block!important} #admin-community-section.htl-community-staff-mode #cmadm-panel-spaces{display:none!important} #admin-community-section.htl-community-staff-mode #cmadm-panel-staff{display:block!important} .htl-cm107-hero{min-height:206px;padding:34px 40px} .htl-cm107-hero h1{font-size:64px} .htl-cm107-hero p{font-size:27px} .htl-cm107-hero button{padding:15px 24px;font-size:14px} .htl-cm107-stats article{min-height:98px;padding:18px 22px} .htl-cm107-stats b{font-size:38px} .htl-cm107-stats span{font-size:14px} .htl-cm107-card>header{min-height:69px;padding:0 22px} .htl-cm107-card h2{font-size:33px} .htl-cm107-card .labels{padding:12px 20px;font-size:11px} .htl-cm107-space{min-height:84px;margin:0 11px 9px;padding:12px 10px} .htl-cm107-space .name b{font-size:16px} .htl-cm107-space .name span{font-size:11px} .htl-cm107-space .tier,.htl-cm107-space .status,.htl-cm107-space>button{font-size:10px} .htl-cm107-space .metric{font-size:14px} .htl-cm107-space .metric small{font-size:9px} .htl-cm107-report,.htl-cm107-staff{min-height:64px;padding:14px} .htl-cm107-report b,.htl-cm107-staff b{font-size:14px} .htl-cm107-report span,.htl-cm107-staff small{font-size:10px} .htl-cm107-clear,.htl-cm107-empty{min-height:112px} .htl-cm107-clear b{font-size:21px} .htl-cm107-clear span,.htl-cm107-empty{font-size:11px} /* Community Create/Edit Space workflow v109 */ #cmadm-space-editor-view{padding:0 2px 26px;color:#fff} #cmadm-space-editor-view>button:first-child{margin:0 0 11px!important;padding:9px 15px!important;border:1px solid rgba(213,137,255,.48)!important;border-radius:999px!important;color:#fff!important;background:rgba(33,11,58,.76)!important;box-shadow:0 8px 22px rgba(22,0,44,.2)!important;font-size:11px!important} #cmadm-space-editor-view>.htl-cc-v97-hero{min-height:178px!important;display:flex!important;align-items:center!important;margin-bottom:12px!important;padding:28px 36px!important;border:1px solid rgba(255,145,228,.72)!important;border-radius:23px!important;color:#fff!important;background:linear-gradient(90deg,rgba(28,7,52,.9),rgba(53,12,73,.28),rgba(40,6,58,.75)),url('/htl-vault-workspace-hero-v51.png') center 48%/cover!important;box-shadow:0 20px 50px rgba(27,0,52,.38),0 0 30px rgba(239,47,196,.22),inset 0 1px rgba(255,255,255,.35)!important} #cmadm-space-editor-view>.htl-cc-v97-hero small{color:#ff9ee0!important;font-size:11px!important;letter-spacing:.18em!important} #cmadm-space-editor-view>.htl-cc-v97-hero h1{margin:7px 0 1px!important;color:#fff!important;font:600 55px/.95 'Cormorant Garamond',Georgia,serif!important} #cmadm-space-editor-view>.htl-cc-v97-hero p{margin:8px 0 0!important;color:#eee1f1!important;font-size:14px!important} #cmadm-space-editor-view>.htl-cc-v97-hero+div{padding:24px!important;border:1px solid rgba(222,139,255,.52)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(38,16,70,.94),rgba(21,8,42,.93))!important;box-shadow:0 22px 48px rgba(21,0,43,.4),0 0 25px rgba(236,48,199,.15),inset 0 1px rgba(255,255,255,.2)!important} #cmadm-space-editor-view>.htl-cc-v97-hero+div>div:first-child{max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 18px!important} #cmadm-space-editor-view>.htl-cc-v97-hero+div>div:first-child>div:nth-child(3),#cmadm-space-editor-view>.htl-cc-v97-hero+div>div:first-child>div:nth-child(5),#cmadm-space-editor-view>.htl-cc-v97-hero+div>div:first-child>label{grid-column:1/-1} #cmadm-space-editor-view label{color:#f3e9f5!important;font-size:12px!important;font-weight:800!important} #cmadm-space-editor-view .mi{width:100%!important;min-height:44px!important;margin-top:5px!important;padding:9px 12px!important;border:1px solid rgba(178,101,243,.58)!important;border-radius:10px!important;outline:none!important;color:#fff!important;background:rgba(15,6,31,.68)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;font-size:13px!important} #cmadm-space-editor-view textarea.mi{min-height:84px!important} #cmadm-space-editor-view select.mi{appearance:auto!important} #cmadm-space-editor-view input[type=checkbox]{accent-color:#f14acb} #cmadm-space-editor-view>.htl-cc-v97-hero+div>div:last-child{margin-top:20px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.1)!important} #cmadm-space-editor-view .btn-p,#cmadm-space-editor-view .tbtn{min-height:40px!important;padding:9px 18px!important;border:1px solid rgba(255,135,222,.65)!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(110deg,#ee38bd,#993add)!important;box-shadow:0 0 18px rgba(240,54,194,.25)!important} #cmadm-space-editor-view #cmadm-delete-btn{background:rgba(164,39,78,.22)!important;border-color:rgba(248,113,113,.55)!important} #cmadm-space-posts-wrap{padding:18px!important;border:1px solid rgba(222,139,255,.45)!important;border-radius:18px!important;background:rgba(29,11,54,.88)!important} @media(max-width:850px){#cmadm-space-editor-view>.htl-cc-v97-hero+div>div:first-child{grid-template-columns:1fr!important}} /* Admin Live Chat v110 */ #htl-chat-v97-root{color:#fff}#htl-chat-v97-root *{box-sizing:border-box}.htl-chat110-hero{min-height:185px;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;border:1px solid rgba(255,146,229,.7);border-radius:24px;background:linear-gradient(90deg,rgba(27,7,52,.91),rgba(67,14,85,.29),rgba(35,5,56,.78)),url('/htl-art-native-chat-v89.png') center 45%/cover;box-shadow:0 22px 55px rgba(24,0,48,.4),0 0 33px rgba(239,45,194,.23),inset 0 1px rgba(255,255,255,.38)}.htl-chat110-hero small{color:#ff9fe0;font-size:12px;font-weight:900;letter-spacing:.18em}.htl-chat110-hero h1{margin:7px 0 0;font:600 62px/.9 'Cormorant Garamond',Georgia,serif}.htl-chat110-hero p{margin:11px 0 0;font:500 25px 'Cormorant Garamond',Georgia,serif}.htl-chat110-hero button{padding:14px 24px;border:1px solid #ff9de2;border-radius:999px;color:#fff;background:linear-gradient(110deg,#f43bc9,#9d3dde);box-shadow:0 0 24px rgba(245,54,203,.43);font-size:14px}.htl-chat110-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:11px 0}.htl-chat110-stats article{min-height:91px;padding:18px 21px;border:1px solid rgba(222,139,255,.5);border-radius:17px;background:linear-gradient(145deg,rgba(39,17,70,.93),rgba(21,8,42,.91));box-shadow:0 14px 32px rgba(20,0,44,.35),inset 0 1px rgba(255,255,255,.2)}.htl-chat110-stats b,.htl-chat110-stats span{display:block}.htl-chat110-stats b{font:750 37px Geist,sans-serif;text-shadow:0 0 15px rgba(255,71,211,.42)}.htl-chat110-stats span{color:#d8c9e1;font-size:13px}.htl-chat110-shell{height:650px;display:grid;grid-template-columns:310px minmax(440px,1fr) 280px;overflow:hidden;border:1px solid rgba(224,141,255,.55);border-radius:22px;background:rgba(22,8,43,.9);box-shadow:0 24px 58px rgba(18,0,40,.44),0 0 30px rgba(238,49,198,.16),inset 0 1px rgba(255,255,255,.2)}.htl-chat110-shell>aside,.htl-chat110-shell>main{min-width:0;display:flex;flex-direction:column}.htl-chat110-shell>main{border-inline:1px solid rgba(255,255,255,.11)}.htl-chat110-shell header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025)}.htl-chat110-shell header small{color:#f09ad8;font-size:9px;font-weight:900;letter-spacing:.15em}.htl-chat110-shell h2{margin:3px 0 0;font:600 26px 'Cormorant Garamond',Georgia,serif}.htl-chat110-shell header>button{width:34px;height:34px;border:1px solid #ec7fd6;border-radius:50%;color:#fff;background:rgba(240,55,195,.17);font-size:20px}.htl-chat110-channel-list{overflow:auto;padding:10px}.htl-chat110-channel-list article{display:grid;grid-template-columns:39px 1fr auto;gap:9px;align-items:center;min-height:72px;margin-bottom:7px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025)}.htl-chat110-channel-list article.active{border-color:#ef45c9;background:linear-gradient(105deg,rgba(238,52,193,.14),rgba(128,53,212,.08));box-shadow:0 0 20px rgba(238,49,195,.18)}.htl-chat110-channel-list article.archived{opacity:.5}.htl-chat110-channel-list article>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dd6cca;border-radius:12px;color:#ffb3e5;background:rgba(220,54,181,.14);font-weight:900}.htl-chat110-channel-list b,.htl-chat110-channel-list small{display:block}.htl-chat110-channel-list b{font-size:13px}.htl-chat110-channel-list small{margin-top:3px;color:#a997b7;font-size:8px}.htl-chat110-channel-list em{grid-column:2;color:#88efaa;font-size:8px;font-style:normal}.htl-chat110-channel-list article>button{grid-column:3;grid-row:1/3;padding:6px 8px;border:1px solid rgba(223,114,207,.45);border-radius:999px;color:#fff;background:transparent;font-size:8px}.htl-chat110-shell main header>span{padding:6px 10px;border:1px solid rgba(118,238,178,.45);border-radius:999px;color:#9ff0bd;font-size:9px}.htl-chat110-thread{flex:1;overflow:auto;padding:16px;background:radial-gradient(circle at 50% 20%,rgba(174,47,181,.09),transparent 38%)}.htl-chat110-thread #chadm-broadcast-list>div{margin:0 0 10px!important;padding:13px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;color:#fff!important;background:rgba(255,255,255,.035)!important}.htl-chat110-shell main footer{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px;border-top:1px solid rgba(255,255,255,.1)}.htl-chat110-shell main footer input{height:45px;padding:0 14px;border:1px solid rgba(177,96,244,.57);border-radius:13px;outline:0;color:#fff;background:rgba(14,5,29,.72)}.htl-chat110-shell main footer button{padding:0 18px;border:1px solid #ff91de;border-radius:999px;color:#fff;background:linear-gradient(110deg,#ef37be,#963bdd)}.htl-chat110-detail>div{padding:13px 18px}.htl-chat110-detail label{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#b7a6c3;font-size:9px}.htl-chat110-detail label span{display:block;margin-top:4px;color:#fff;font-size:12px}.htl-chat110-detail>button{margin:auto 16px 16px;padding:11px;border:1px solid rgba(238,118,208,.55);border-radius:999px;color:#fff;background:rgba(232,45,186,.12)}.htl-chat110-empty,.htl-chat110-loading{padding:60px 20px;color:#b8a7c4;text-align:center} #chadm-channel-editor{color:#fff!important;border:1px solid rgba(222,139,255,.55)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(38,16,70,.96),rgba(20,7,40,.95))!important;box-shadow:0 22px 50px rgba(20,0,43,.42),0 0 26px rgba(237,49,199,.17)!important}#chadm-channel-editor label{color:#f2e8f5!important;font-size:12px!important}#chadm-channel-editor .mi{min-height:43px!important;border:1px solid rgba(180,103,244,.57)!important;border-radius:10px!important;color:#fff!important;background:rgba(14,5,29,.72)!important}#chadm-channel-editor input[type=checkbox]{accent-color:#ed48c6} @media(max-width:1250px){.htl-chat110-shell{grid-template-columns:270px 1fr}.htl-chat110-detail{display:none!important}}@media(max-width:850px){#htl-chat-v97-root{min-width:760px}} /* Live Chat v111 — keep real broadcast data inside the approved premium shell. */ .htl-chat110-shell{height:680px;grid-template-columns:330px minmax(440px,1fr) 300px} .htl-chat110-shell header{min-height:84px;padding:16px 20px} .htl-chat110-shell header small{font-size:10px} .htl-chat110-shell h2{font-size:29px} .htl-chat110-channel-list{padding:12px} .htl-chat110-channel-list article{grid-template-columns:45px 1fr auto;gap:11px;min-height:82px;margin-bottom:9px;padding:11px} .htl-chat110-channel-list article>span{width:43px;height:43px;border-radius:14px;font-size:15px} .htl-chat110-channel-list b{font-size:15px;line-height:1.2} .htl-chat110-channel-list small{margin-top:5px;font-size:10px;line-height:1.35} .htl-chat110-channel-list em{font-size:9px} .htl-chat110-channel-list article>button{padding:7px 10px;font-size:9px} .htl-chat110-thread{padding:22px} .htl-chat110-thread #chadm-broadcast-list{display:flex;flex-direction:column;gap:12px;min-height:100%} .htl-chat110-thread #chadm-broadcast-list>div{width:min(88%,680px)!important;margin:0!important;padding:17px 18px!important;border:1px solid rgba(255,124,221,.28)!important;border-radius:18px!important;color:#fff!important;background:linear-gradient(135deg,rgba(88,27,113,.52),rgba(32,13,57,.72))!important;box-shadow:0 12px 28px rgba(7,0,22,.25),inset 0 1px rgba(255,255,255,.11)!important} .htl-chat110-thread #chadm-broadcast-list>div>div:first-child{color:#fff!important;font-size:14px!important;line-height:1.55!important} .htl-chat110-thread #chadm-broadcast-list>div>div:nth-child(2){margin-top:8px!important;color:#bdaac8!important;font-size:10px!important;line-height:1.4!important} .htl-chat110-thread #chadm-broadcast-list .tbtn{margin-left:10px!important;padding:4px 9px!important;border:1px solid rgba(255,118,214,.5)!important;border-radius:999px!important;color:#ffd7f3!important;background:rgba(239,48,187,.12)!important;box-shadow:none!important;font-size:9px!important} .htl-chat110-thread #chadm-broadcast-list .empty{width:100%!important;min-height:430px!important;display:grid!important;place-items:center!important;border:1px dashed rgba(240,123,215,.24)!important;color:#c7b5d0!important;background:radial-gradient(circle at 50% 42%,rgba(202,50,184,.11),transparent 38%)!important;font:500 18px/1.4 'Cormorant Garamond',Georgia,serif!important;text-align:center!important} .htl-chat110-shell main footer{padding:15px} .htl-chat110-shell main footer input{height:49px;font-size:13px} .htl-chat110-shell main footer button{padding:0 22px;font-size:12px} .htl-chat110-detail>div{padding:14px 20px} .htl-chat110-detail label{padding:17px 0;font-size:11px;line-height:1.3} .htl-chat110-detail label span{margin-top:6px;font-size:14px;line-height:1.35} .htl-chat110-detail>button{margin:auto 18px 18px;padding:13px;font-size:11px} @media(max-width:1250px){.htl-chat110-shell{grid-template-columns:290px 1fr}} .htl-chat110-channel-list article[role="button"]{cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease} .htl-chat110-channel-list article[role="button"]:hover{transform:translateY(-1px);border-color:rgba(242,92,207,.65);background:rgba(230,55,190,.08)} .htl-chat110-channel-list article[role="button"]:focus-visible{outline:2px solid #ff78d7;outline-offset:2px} .htl-chat110-message-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(240,123,215,.24);border-radius:18px;color:#c7b5d0;background:radial-gradient(circle at 50% 42%,rgba(202,50,184,.11),transparent 38%);text-align:center} .htl-chat110-message-empty b{color:#fff;font:600 25px 'Cormorant Garamond',Georgia,serif} .htl-chat110-message-empty span{font-size:12px} .htl-chat110-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;width:min(88%,680px);margin:0 0 14px;padding:16px;border:1px solid rgba(255,124,221,.28);border-radius:18px;background:linear-gradient(135deg,rgba(88,27,113,.52),rgba(32,13,57,.72));box-shadow:0 12px 28px rgba(7,0,22,.25),inset 0 1px rgba(255,255,255,.11)} .htl-chat110-message>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,126,220,.55);border-radius:50%;color:#fff;background:linear-gradient(135deg,#ef3ac2,#8e43df);font-weight:800} .htl-chat110-message header{min-height:0;padding:0;border:0;background:none;justify-content:flex-start;gap:9px} .htl-chat110-message header b{font-size:13px} .htl-chat110-message header time{color:#bba8c6;font-size:9px} .htl-chat110-message p{margin:6px 0 8px;color:#f7eff9;font-size:14px;line-height:1.55;white-space:pre-wrap} .htl-chat110-message button{padding:4px 9px;border:1px solid rgba(255,118,214,.45);border-radius:999px;color:#ffd7f3;background:rgba(239,48,187,.1);font-size:9px} .htl-chat110-message.removed{opacity:.48} /* Live Chat v113 — approved mockup parity: luminous glass, editorial scale and compact conversations. */ #htl-chat-v97-root{--chat:#f33bc8;--chat2:#a344ef;--chatSoft:#ff9fe1;position:relative;padding-top:12px;scroll-margin-top:105px} body.theme-redesign.theme-masculine #htl-chat-v97-root{--chat:#35c8ff;--chat2:#586cff;--chatSoft:#a0eaff} body.theme-redesign.theme-black #htl-chat-v97-root{--chat:#e5b94c;--chat2:#956a25;--chatSoft:#ffe19a} .htl-chat110-hero{position:relative;isolation:isolate;overflow:hidden;min-height:212px;padding:36px 44px;background:#160720;box-shadow:0 28px 70px rgba(20,0,42,.48),0 0 42px color-mix(in srgb,var(--chat) 25%,transparent),inset 0 1px rgba(255,255,255,.35)} .htl-chat110-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-native-chat-v89.png') center 45%/cover no-repeat;filter:saturate(1.38) contrast(1.08) brightness(.92)} .htl-chat110-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(20,4,35,.96),rgba(44,7,60,.58) 56%,rgba(25,4,39,.22))} .htl-chat110-hero small{color:var(--chatSoft)!important;font:850 11px Manrope,sans-serif;letter-spacing:.2em;text-shadow:0 0 14px color-mix(in srgb,var(--chat) 65%,transparent)} .htl-chat110-hero h1{margin:8px 0 0!important;color:#fff!important;font-size:68px!important;letter-spacing:-.035em;text-shadow:0 8px 28px rgba(7,0,20,.52)} .htl-chat110-hero p{margin-top:13px!important;color:#f6eaf8!important;font-size:27px!important} .htl-chat110-hero button{min-width:180px;padding:16px 27px;border-color:rgba(255,255,255,.4);background:linear-gradient(135deg,var(--chat2),var(--chat));box-shadow:0 0 30px color-mix(in srgb,var(--chat) 48%,transparent),inset 0 1px rgba(255,255,255,.28);font-weight:750} .htl-chat110-stats{gap:12px;margin:13px 0} .htl-chat110-stats article{position:relative;overflow:hidden;min-height:105px;padding:21px 25px;border-color:rgba(255,255,255,.23);border-radius:20px;background:linear-gradient(145deg,rgba(62,28,83,.91),rgba(25,8,43,.94));box-shadow:0 17px 38px rgba(19,0,40,.36),0 0 20px color-mix(in srgb,var(--chat) 10%,transparent),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(22px)} .htl-chat110-stats article:after{content:'';position:absolute;right:-25px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--chat) 22%,transparent),transparent 68%)} .htl-chat110-stats b{color:#fff!important;font-size:42px;text-shadow:0 0 20px color-mix(in srgb,var(--chat) 65%,transparent)} .htl-chat110-stats span{margin-top:4px;color:#e4d5e9!important;font-size:14px} .htl-chat110-shell{height:710px;grid-template-columns:320px minmax(480px,1fr) 295px;border-color:rgba(255,255,255,.25);border-radius:26px;background:linear-gradient(135deg,rgba(48,19,70,.88),rgba(18,5,34,.94));box-shadow:0 30px 75px rgba(15,0,34,.52),0 0 38px color-mix(in srgb,var(--chat) 17%,transparent),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(28px)} .htl-chat110-shell>main{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--chat2) 13%,transparent),transparent 35%),rgba(10,3,22,.2)} .htl-chat110-shell header{min-height:98px;padding:19px 23px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))} .htl-chat110-shell header small{color:var(--chatSoft)!important;font-size:10px;letter-spacing:.19em} .htl-chat110-shell h2{font-size:34px!important;line-height:1} .htl-chat110-shell header>button{width:40px;height:40px;border-color:var(--chat);background:color-mix(in srgb,var(--chat) 14%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--chat) 27%,transparent)} .htl-chat110-channel-list{padding:14px;background:rgba(8,2,18,.1)} .htl-chat110-channel-list article{grid-template-columns:48px 1fr auto;min-height:88px;margin-bottom:10px;padding:12px;border-color:rgba(255,255,255,.13);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.055)} .htl-chat110-channel-list article.active{border-color:var(--chat);background:linear-gradient(115deg,color-mix(in srgb,var(--chat) 18%,transparent),color-mix(in srgb,var(--chat2) 9%,transparent));box-shadow:0 0 25px color-mix(in srgb,var(--chat) 24%,transparent),inset 3px 0 var(--chat),inset 0 1px rgba(255,255,255,.14)} .htl-chat110-channel-list article>span{width:46px;height:46px;border-color:color-mix(in srgb,var(--chat) 70%,white 10%);border-radius:15px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--chat) 25%,transparent),color-mix(in srgb,var(--chat2) 18%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--chat) 17%,transparent);font-size:16px} .htl-chat110-channel-list b{color:#fff!important;font-size:16px} .htl-chat110-channel-list small{color:#cbbbd3!important;font-size:10px} .htl-chat110-channel-list em{color:#83e9a5!important;font-size:9px} .htl-chat110-channel-list article>button{border-color:color-mix(in srgb,var(--chat) 55%,transparent);color:#f9eefa;background:rgba(10,3,22,.22);font-size:9px} .htl-chat110-shell main header>span{padding:7px 12px;font-size:9px;box-shadow:0 0 14px rgba(72,225,139,.1)} .htl-chat110-thread{padding:25px 28px;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--chat2) 10%,transparent),transparent 40%)} .htl-chat110-message{grid-template-columns:46px minmax(0,1fr);gap:13px;width:min(78%,620px);margin-bottom:16px;padding:15px 17px;border-color:rgba(255,255,255,.19);border-radius:20px;background:linear-gradient(135deg,rgba(74,30,94,.78),rgba(31,11,53,.9));box-shadow:0 14px 34px rgba(7,0,20,.29),0 0 18px color-mix(in srgb,var(--chat) 9%,transparent),inset 0 1px rgba(255,255,255,.12)} .htl-chat110-message.own{margin-left:auto;border-color:color-mix(in srgb,var(--chat) 48%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--chat2) 31%,#35124a),color-mix(in srgb,var(--chat) 16%,#210b38))} .htl-chat110-message>span{width:46px;height:46px;border-color:rgba(255,255,255,.38);background:linear-gradient(135deg,var(--chat),var(--chat2));box-shadow:0 0 19px color-mix(in srgb,var(--chat) 42%,transparent);font-size:15px} .htl-chat110-message header{gap:10px!important} .htl-chat110-message header b{color:#fff!important;font-size:14px} .htl-chat110-message header time{color:#c9b7d0!important;font-size:10px} .htl-chat110-message p{margin:6px 0 9px!important;color:#fff!important;font-size:15px;line-height:1.45} .htl-chat110-message button{padding:5px 10px;border-color:color-mix(in srgb,var(--chat) 50%,transparent);color:#ffe5f7;background:color-mix(in srgb,var(--chat) 11%,transparent);font-size:9px} .htl-chat110-message-empty{min-height:470px;border-color:color-mix(in srgb,var(--chat) 28%,transparent);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--chat) 15%,transparent),transparent 35%)} .htl-chat110-message-empty i{width:54px;height:48px;border:2px solid var(--chatSoft);border-radius:18px 18px 18px 5px;box-shadow:0 0 25px color-mix(in srgb,var(--chat) 45%,transparent)} .htl-chat110-message-empty b{font-size:31px} .htl-chat110-message-empty span{font-size:13px} .htl-chat110-shell main footer{padding:17px 20px;background:rgba(8,2,18,.32)} .htl-chat110-shell main footer input{height:53px;padding:0 18px;border-color:color-mix(in srgb,var(--chat2) 55%,transparent);border-radius:16px;background:rgba(8,2,19,.64);font-size:14px;box-shadow:inset 0 1px rgba(255,255,255,.06)} .htl-chat110-shell main footer input:focus{border-color:var(--chat);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat) 14%,transparent)} .htl-chat110-shell main footer button{padding:0 25px;border-color:rgba(255,255,255,.28);background:linear-gradient(135deg,var(--chat2),var(--chat));box-shadow:0 0 20px color-mix(in srgb,var(--chat) 30%,transparent);font-weight:750} .htl-chat110-detail{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(9,2,20,.18))} .htl-chat110-detail:before{content:'';width:68px;height:68px;margin:24px auto 3px;border:1px solid color-mix(in srgb,var(--chat) 70%,white 8%);border-radius:22px;display:block;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--chat) 65%,white 10%),color-mix(in srgb,var(--chat2) 65%,#1b062c));box-shadow:0 0 28px color-mix(in srgb,var(--chat) 35%,transparent),inset 0 1px rgba(255,255,255,.35)} .htl-chat110-detail>div{padding:9px 23px 15px} .htl-chat110-detail label{padding:17px 2px;color:#bfaec8!important;font-size:11px} .htl-chat110-detail label span{margin-top:7px;color:#fff!important;font-size:15px;line-height:1.35} .htl-chat110-detail>button{margin:auto 21px 22px;padding:14px;border-color:color-mix(in srgb,var(--chat) 50%,transparent);background:color-mix(in srgb,var(--chat) 10%,transparent);font-size:11px} @media(max-width:1250px){.htl-chat110-shell{grid-template-columns:300px minmax(460px,1fr)}.htl-chat110-detail{display:none!important}} /* Live Chat v114 — recording corrections: true scale, clean details and modal editor. */ #htl-chat-v97-root{padding-top:24px} .htl-chat110-shell{grid-template-columns:340px minmax(520px,1fr) 330px;height:735px} .htl-chat110-shell header{min-height:104px;padding:21px 25px} .htl-chat110-shell h2{font-size:37px!important} .htl-chat110-channel-list{padding:16px} .htl-chat110-channel-list article{grid-template-columns:52px 1fr auto;min-height:98px;padding:14px} .htl-chat110-channel-list article>span{width:50px;height:50px;font-size:17px} .htl-chat110-channel-list b{font-size:17px} .htl-chat110-channel-list small{font-size:11px;line-height:1.35} .htl-chat110-channel-list em{font-size:10px} .htl-chat110-channel-list article>button{padding:8px 11px;font-size:10px} .htl-chat110-thread{padding:28px 30px} .htl-chat110-message{width:min(72%,590px);padding:16px 18px} .htl-chat110-message header b{font-size:15px} .htl-chat110-message header time{font-size:10px} .htl-chat110-message p{font-size:16px} .htl-chat110-detail:before{display:none!important} .htl-chat110-detail>div{padding:22px 26px} .htl-chat110-detail label{padding:20px 2px;font-size:12px} .htl-chat110-detail label span{font-size:16px} .htl-chat110-detail>button{margin:auto 24px 24px;padding:15px;font-size:12px} .htl-chat110-message-empty i{position:relative;width:58px;height:48px;border-radius:18px 18px 18px 6px;background:linear-gradient(145deg,color-mix(in srgb,var(--chat) 20%,transparent),color-mix(in srgb,var(--chat2) 14%,transparent))} .htl-chat110-message-empty i:after{content:'';position:absolute;width:35px;height:29px;right:-19px;bottom:-13px;border:2px solid var(--chatSoft);border-radius:12px 12px 5px 12px;background:rgba(20,5,36,.86);box-shadow:0 0 18px color-mix(in srgb,var(--chat) 35%,transparent)} #chadm-channel-editor[style*="display: block"],#chadm-channel-editor[style*="display:block"]{position:fixed!important;z-index:10020!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:block!important;width:min(720px,calc(100vw - 48px))!important;max-height:calc(100vh - 70px)!important;overflow:auto!important;margin:0!important;padding:0 0 25px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(50,20,70,.98),rgba(19,6,34,.99))!important;box-shadow:0 0 0 100vmax rgba(9,1,20,.74),0 35px 90px rgba(8,0,20,.7),0 0 42px color-mix(in srgb,var(--chat,#ef3ac2) 28%,transparent)!important;backdrop-filter:blur(30px)!important} #chadm-channel-editor>.htl-cc-v97-hero{min-height:156px!important;margin:0 0 22px!important;padding:30px 34px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;border-radius:25px 25px 0 0!important;background:linear-gradient(90deg,rgba(24,5,40,.92),rgba(55,10,69,.35)),url('/htl-art-native-chat-v89.png') center/cover!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important} #chadm-channel-editor>.htl-cc-v97-hero small{color:var(--chatSoft,#ff9fe1)!important;font:850 10px Manrope,sans-serif!important;letter-spacing:.18em!important} #chadm-channel-editor>.htl-cc-v97-hero h1{margin:7px 0 2px!important;color:#fff!important;font:600 50px/.92 'Cormorant Garamond',Georgia,serif!important} #chadm-channel-editor>.htl-cc-v97-hero p{margin:8px 0 0!important;color:#eee3f1!important;font:500 17px 'Cormorant Garamond',Georgia,serif!important} #chadm-channel-editor>div:nth-child(2){max-width:none!important;padding:0 30px!important;gap:16px!important} #chadm-channel-editor>div:nth-child(2)>div{padding:0!important} #chadm-channel-editor label{color:#f6edf8!important;-webkit-text-fill-color:#f6edf8!important;font:750 12px Manrope,sans-serif!important} body.theme-redesign #admin-page #chadm-channel-editor .mi{box-sizing:border-box!important;width:100%!important;height:49px!important;margin-top:6px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:13px!important;background:rgba(10,3,22,.64)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:550 14px Manrope,sans-serif!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;color-scheme:dark} body.theme-redesign #admin-page #chadm-channel-editor .mi:focus{outline:0!important;border-color:var(--chat,#ef3ac2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--chat,#ef3ac2) 15%,transparent)!important} #chadm-channel-editor input[type=checkbox]{width:18px!important;height:18px!important;accent-color:var(--chat,#ef3ac2)!important} #chadm-channel-editor>div:last-child{margin:22px 30px 0!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.12)!important} #chadm-channel-editor .btn-p,#chadm-channel-editor .tbtn{min-height:43px!important;padding:0 19px!important;border:1px solid rgba(255,255,255,.23)!important;border-radius:999px!important;color:#fff!important;background:rgba(255,255,255,.055)!important;font:750 11px Manrope,sans-serif!important} #chadm-channel-editor .btn-p{background:linear-gradient(135deg,var(--chat2,#9f43ff),var(--chat,#ef3ac2))!important;box-shadow:0 0 20px color-mix(in srgb,var(--chat,#ef3ac2) 30%,transparent)!important} @media(max-width:1350px){.htl-chat110-shell{grid-template-columns:315px minmax(480px,1fr)}.htl-chat110-detail{display:none!important}} /* Live Chat v115 — correct document entry and natural message-bubble sizing. */ #htl-chat-v97-root{padding-top:0} .htl-chat110-message{width:fit-content!important;min-width:270px;max-width:min(72%,590px)!important;grid-template-columns:46px minmax(180px,1fr)} .htl-chat110-message>div{min-width:0} .htl-chat110-message p{overflow-wrap:anywhere} .htl-chat110-message.own{margin-left:auto} .htl-chat110-detail h2{font-size:32px!important;white-space:nowrap} .htl-chat110-thread{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat) 42%,transparent) transparent} .htl-chat110-channel-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat) 42%,transparent) transparent} /* Reports & Moderation v116 */ #htl-reports-v97-root{--rp:#f13ac7;--rp2:#9e42ec;--rpSoft:#ff9fe2;color:#fff} body.theme-redesign.theme-masculine #htl-reports-v97-root{--rp:#36c8ff;--rp2:#596bff;--rpSoft:#9ceaff} body.theme-redesign.theme-black #htl-reports-v97-root{--rp:#e6ba4d;--rp2:#966b26;--rpSoft:#ffe19b} .htl-rp116-loading{min-height:440px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:24px;color:#fff;background:linear-gradient(145deg,rgba(52,24,72,.94),rgba(19,6,35,.94))} .htl-rp116-hero{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:38px 43px;border:1px solid rgba(255,255,255,.27);border-radius:26px;display:flex;align-items:center;justify-content:space-between;background:#170721;box-shadow:0 27px 65px rgba(19,0,39,.44),0 0 34px color-mix(in srgb,var(--rp) 21%,transparent),inset 0 1px rgba(255,255,255,.3)} .htl-rp116-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-community-v89.png') center 48%/cover no-repeat;filter:saturate(1.4) contrast(1.08) brightness(.86)} .htl-rp116-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(20,4,36,.97),rgba(45,8,64,.63) 58%,rgba(25,4,40,.24))} .htl-rp116-hero small,.htl-rp116-side>small,.htl-rp116-queue>header small{color:var(--rpSoft)!important;font:850 10px Manrope,sans-serif;letter-spacing:.19em;text-shadow:0 0 13px color-mix(in srgb,var(--rp) 55%,transparent)} .htl-rp116-hero h1{margin:8px 0 3px!important;color:#fff!important;font:600 68px/.9 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.035em!important} .htl-rp116-hero p{margin:12px 0 0!important;color:#f6eaf8!important;font:500 27px/1.15 'Cormorant Garamond',Georgia,serif!important} .htl-rp116-hero aside{min-width:165px;padding:22px;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:rgba(17,4,31,.52);box-shadow:0 0 28px color-mix(in srgb,var(--rp) 25%,transparent),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(17px);text-align:center} .htl-rp116-hero aside b,.htl-rp116-hero aside span{display:block}.htl-rp116-hero aside b{font:800 45px Geist,sans-serif;text-shadow:0 0 20px var(--rp)}.htl-rp116-hero aside span{color:#e6d7ea;font-size:12px} .htl-rp116-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:13px 0} .htl-rp116-stats article{min-height:103px;padding:20px 23px;border:1px solid rgba(255,255,255,.22);border-radius:19px;background:linear-gradient(145deg,rgba(61,29,82,.94),rgba(24,8,42,.94));box-shadow:0 15px 34px rgba(19,0,39,.32),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(20px)} .htl-rp116-stats b,.htl-rp116-stats span{display:block}.htl-rp116-stats b{color:#fff!important;font:800 40px Geist,sans-serif;text-shadow:0 0 18px color-mix(in srgb,var(--rp) 55%,transparent)}.htl-rp116-stats span{margin-top:3px;color:#ddcee3!important;font-size:13px} .htl-rp116-grid{display:grid;grid-template-columns:minmax(620px,1.55fr) minmax(300px,.65fr);gap:12px} .htl-rp116-queue,.htl-rp116-side{border:1px solid rgba(255,255,255,.22);border-radius:23px;background:linear-gradient(145deg,rgba(52,24,72,.95),rgba(19,6,35,.95));box-shadow:0 20px 48px rgba(18,0,38,.38),0 0 23px color-mix(in srgb,var(--rp) 11%,transparent),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(24px)} .htl-rp116-queue>header{min-height:90px;padding:18px 23px;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;gap:18px} .htl-rp116-queue h2,.htl-rp116-side h2{margin:5px 0 0!important;color:#fff!important;font:600 34px/1 'Cormorant Garamond',Georgia,serif!important} .htl-rp116-queue>header label{width:min(290px,44%);height:44px;padding:0 13px;border:1px solid color-mix(in srgb,var(--rp2) 55%,transparent);border-radius:14px;display:flex;align-items:center;gap:8px;background:rgba(10,3,22,.55)} .htl-rp116-queue>header label span{color:var(--rpSoft);font-size:20px}.htl-rp116-queue>header input{width:100%;border:0!important;outline:0!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important;font-size:13px!important} .htl-rp116-queue nav{display:flex;gap:7px;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.09)} .htl-rp116-queue nav button{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cdbdd5;background:rgba(255,255,255,.035);font:700 10px Manrope,sans-serif}.htl-rp116-queue nav button.active{border-color:var(--rp);color:#fff;background:linear-gradient(135deg,var(--rp2),var(--rp));box-shadow:0 0 18px color-mix(in srgb,var(--rp) 28%,transparent)}.htl-rp116-queue nav b{margin-left:4px} .htl-rp116-list{padding:16px;max-height:690px;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--rp) 38%,transparent) transparent} .htl-rp116-report{margin-bottom:11px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.07)} .htl-rp116-report>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}.htl-rp116-report .num{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rp) 58%,transparent);border-radius:13px;color:#fff;background:color-mix(in srgb,var(--rp) 13%,transparent);font:800 13px Geist,sans-serif;box-shadow:0 0 15px color-mix(in srgb,var(--rp) 18%,transparent)} .htl-rp116-report header small,.htl-rp116-report header b{display:block}.htl-rp116-report header small{color:var(--rpSoft)!important;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.htl-rp116-report header b{margin-top:3px;color:#fff!important;font-size:14px}.htl-rp116-report time{color:#bcaac5;font-size:9px} .htl-rp116-report blockquote{margin:15px 0;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#eadfed;background:rgba(9,2,20,.28);font:500 13px/1.55 Manrope,sans-serif} .htl-rp116-report footer{display:flex;gap:8px;flex-wrap:wrap}.htl-rp116-report footer button{min-height:35px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:rgba(255,255,255,.045);font:750 9px Manrope,sans-serif}.htl-rp116-report footer .resolve{border-color:rgba(85,235,145,.45);color:#a4f5c0;background:rgba(59,205,116,.09)}.htl-rp116-report footer .danger{border-color:rgba(248,113,145,.5);color:#ffb0c2;background:rgba(220,55,96,.09)} .htl-rp116-grid>aside{display:flex;flex-direction:column;gap:12px}.htl-rp116-side{padding:23px}.htl-rp116-side ol{list-style:none;margin:23px 0 0;padding:0}.htl-rp116-side li{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.htl-rp116-side li i{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rp) 55%,transparent);border-radius:50%;color:#fff;background:color-mix(in srgb,var(--rp) 12%,transparent);font-style:normal}.htl-rp116-side li b,.htl-rp116-side li span{display:block}.htl-rp116-side li b{margin-bottom:3px;color:#fff!important;font-size:13px}.htl-rp116-side li span{color:#bfaec8;font-size:10px;line-height:1.45} .htl-rp116-side.health>div{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center}.htl-rp116-side.health>div b{color:#fff!important;font:800 51px Geist,sans-serif;text-shadow:0 0 22px color-mix(in srgb,var(--rp) 60%,transparent)}.htl-rp116-side.health>div span{color:#eee1f1;font-size:13px;text-align:center}.htl-rp116-side.health p{margin:0!important;color:#bbaac5!important;font-size:10px!important;line-height:1.5!important;text-align:center} .htl-rp116-clear{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.htl-rp116-clear i{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(92,238,148,.55);border-radius:50%;color:#a5f5c1;background:rgba(54,207,111,.1);box-shadow:0 0 26px rgba(74,228,131,.2);font-size:25px;font-style:normal}.htl-rp116-clear h3{margin:13px 0 3px!important;color:#fff!important;font:600 31px 'Cormorant Garamond',Georgia,serif!important}.htl-rp116-clear p{margin:0!important;color:#bbaac5!important;font-size:12px!important} @media(max-width:1120px){.htl-rp116-grid{grid-template-columns:1fr}.htl-rp116-grid>aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:760px){.htl-rp116-hero{align-items:flex-start;flex-direction:column;gap:20px}.htl-rp116-stats{grid-template-columns:1fr 1fr}.htl-rp116-grid>aside{grid-template-columns:1fr}.htl-rp116-queue>header{align-items:flex-start;flex-direction:column}.htl-rp116-queue>header label{width:100%}} /* Reports v117 — approved visual parity: brighter glass, larger editorial scale, balanced empty state. */ .htl-rp116-hero{min-height:242px;padding:42px 48px;border-color:color-mix(in srgb,var(--rpSoft) 55%,rgba(255,255,255,.2));box-shadow:0 32px 78px rgba(17,0,38,.48),0 0 48px color-mix(in srgb,var(--rp) 30%,transparent),inset 0 1px rgba(255,255,255,.42)} .htl-rp116-hero:before{filter:saturate(1.58) contrast(1.1) brightness(.94)} .htl-rp116-hero:after{background:linear-gradient(90deg,rgba(18,3,33,.96),rgba(48,7,67,.55) 57%,rgba(26,4,43,.14)),radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--rp) 20%,transparent),transparent 30%)} .htl-rp116-hero small{font-size:12px} .htl-rp116-hero h1{font-size:76px!important;text-shadow:0 9px 30px rgba(4,0,14,.55)} .htl-rp116-hero p{font-size:30px!important} .htl-rp116-hero aside{min-width:185px;padding:26px;border-color:rgba(255,255,255,.36);border-radius:25px;background:linear-gradient(145deg,rgba(54,18,72,.66),rgba(15,3,29,.56));box-shadow:0 0 36px color-mix(in srgb,var(--rp) 38%,transparent),inset 0 1px rgba(255,255,255,.23)} .htl-rp116-hero aside b{font-size:52px}.htl-rp116-hero aside span{font-size:14px} .htl-rp116-stats{gap:13px;margin:15px 0} .htl-rp116-stats article{position:relative;overflow:hidden;min-height:116px;padding:23px 27px;border-color:rgba(255,255,255,.28);border-radius:22px;background:linear-gradient(145deg,rgba(75,35,98,.9),rgba(25,8,44,.92));box-shadow:0 18px 42px rgba(17,0,37,.38),0 0 23px color-mix(in srgb,var(--rp) 13%,transparent),inset 0 1px rgba(255,255,255,.22)} .htl-rp116-stats article:after{content:'';position:absolute;right:-30px;bottom:-55px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rp) 24%,transparent),transparent 67%)} .htl-rp116-stats b{position:relative;z-index:1;font-size:46px}.htl-rp116-stats span{position:relative;z-index:1;font-size:15px} .htl-rp116-grid{grid-template-columns:minmax(650px,1.7fr) minmax(330px,.7fr);gap:14px} .htl-rp116-queue,.htl-rp116-side{position:relative;overflow:hidden;border-color:rgba(255,255,255,.28);border-radius:26px;background:linear-gradient(145deg,rgba(67,31,88,.92),rgba(20,6,36,.94));box-shadow:0 24px 58px rgba(15,0,34,.44),0 0 30px color-mix(in srgb,var(--rp) 16%,transparent),inset 0 1px rgba(255,255,255,.2)} .htl-rp116-queue:before,.htl-rp116-side:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 3% 0,rgba(255,255,255,.13),transparent 27%),linear-gradient(125deg,transparent 60%,color-mix(in srgb,var(--rp) 8%,transparent))} .htl-rp116-queue>* ,.htl-rp116-side>*{position:relative;z-index:1} .htl-rp116-queue>header{min-height:108px;padding:22px 27px} .htl-rp116-queue>header small,.htl-rp116-side>small{font-size:11px} .htl-rp116-queue h2,.htl-rp116-side h2{font-size:41px!important;line-height:.95} .htl-rp116-queue>header label{width:min(330px,45%);height:49px;padding:0 15px;border-color:color-mix(in srgb,var(--rp) 70%,transparent);border-radius:16px;background:rgba(8,2,19,.62);box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 17px color-mix(in srgb,var(--rp) 11%,transparent)} .htl-rp116-queue>header input{font-size:14px!important} .htl-rp116-queue nav{gap:9px;padding:15px 24px} .htl-rp116-queue nav button{min-height:40px;padding:0 17px;font-size:11px} .htl-rp116-list{padding:20px;max-height:720px} .htl-rp116-report{margin-bottom:14px;padding:21px;border-color:rgba(255,255,255,.2);border-radius:21px;background:linear-gradient(125deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 12px 28px rgba(5,0,18,.2),inset 0 1px rgba(255,255,255,.1)} .htl-rp116-report>header{grid-template-columns:48px minmax(0,1fr) auto;gap:14px}.htl-rp116-report .num{width:48px;height:48px;border-radius:15px;font-size:14px}.htl-rp116-report header small{font-size:9px}.htl-rp116-report header b{font-size:16px}.htl-rp116-report time{font-size:10px} .htl-rp116-report blockquote{margin:17px 0;padding:17px 19px;border-color:rgba(255,255,255,.14);border-radius:16px;font-size:14px} .htl-rp116-report footer button{min-height:39px;padding:0 15px;font-size:10px} .htl-rp116-grid>aside{gap:14px}.htl-rp116-side{padding:28px} .htl-rp116-side ol{margin-top:26px}.htl-rp116-side li{grid-template-columns:42px 1fr;gap:13px;padding:18px 0}.htl-rp116-side li i{width:40px;height:40px;box-shadow:0 0 17px color-mix(in srgb,var(--rp) 18%,transparent)}.htl-rp116-side li b{font-size:15px}.htl-rp116-side li span{font-size:12px} .htl-rp116-side.health>div{min-height:175px}.htl-rp116-side.health>div b{font-size:62px}.htl-rp116-side.health>div span{font-size:15px}.htl-rp116-side.health p{font-size:11px!important} .htl-rp116-clear{position:relative;min-height:275px;margin:18px;border:1px dashed color-mix(in srgb,var(--rp) 24%,transparent);border-radius:22px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--rp) 14%,transparent),transparent 37%)} .htl-rp116-clear:before,.htl-rp116-clear:after{content:'';position:absolute;border:1px solid color-mix(in srgb,var(--rp) 16%,transparent);border-radius:50%;pointer-events:none}.htl-rp116-clear:before{width:170px;height:170px}.htl-rp116-clear:after{width:220px;height:220px} .htl-rp116-clear>*{position:relative;z-index:1}.htl-rp116-clear i{width:68px;height:68px;border-width:2px;font-size:29px}.htl-rp116-clear h3{font-size:40px!important}.htl-rp116-clear p{font-size:14px!important} @media(max-width:1120px){.htl-rp116-grid{grid-template-columns:1fr}.htl-rp116-grid>aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:760px){.htl-rp116-hero h1{font-size:56px!important}.htl-rp116-grid>aside{grid-template-columns:1fr}.htl-rp116-queue>header label{width:100%}} body.theme-redesign #admin-page #htl-reports-v97-root .htl-rp116-queue>header label input{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;font-size:14px!important;color-scheme:dark!important} body.theme-redesign #admin-page #htl-reports-v97-root .htl-rp116-queue>header label input::placeholder{color:#aa98b4!important;-webkit-text-fill-color:#aa98b4!important} /* System & Support v53 — shared premium treatment for Settings and the three real queues. */ #htl-settings-v97-root,.htl-case-v53{--sys:#f13bc7;--sys2:#9d42ec;--sysSoft:#ff9fe1;color:#fff!important} body.theme-redesign.theme-masculine #htl-settings-v97-root,body.theme-redesign.theme-masculine .htl-case-v53{--sys:#35c9ff;--sys2:#586dff;--sysSoft:#9feaff} body.theme-redesign.theme-black #htl-settings-v97-root,body.theme-redesign.theme-black .htl-case-v53{--sys:#e4b94d;--sys2:#966b27;--sysSoft:#ffe09a} .htl-set-v97-hero,.htl-case-v53-hero{position:relative;isolation:isolate;overflow:hidden;min-height:238px;display:flex;align-items:center;justify-content:space-between;padding:40px 47px;border:1px solid rgba(255,255,255,.3)!important;border-radius:27px!important;background:#160620!important;box-shadow:0 30px 72px rgba(18,0,39,.47),0 0 43px color-mix(in srgb,var(--sys) 27%,transparent),inset 0 1px rgba(255,255,255,.38)!important} .htl-set-v97-hero:before,.htl-case-v53-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-vault-workspace-hero-v51.png') center 48%/cover no-repeat;filter:saturate(1.52) contrast(1.1) brightness(.88)} .htl-case-v53-support .htl-case-v53-hero:before{background-image:url('/htl-art-native-chat-v89.png')} .htl-case-v53-features .htl-case-v53-hero:before{background-image:url('/htl-art-community-v89.png')} .htl-set-v97-hero:after,.htl-case-v53-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,3,33,.97),rgba(48,7,67,.58) 58%,rgba(24,3,40,.17)),radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--sys) 23%,transparent),transparent 31%)} .htl-set-v97-hero small,.htl-case-v53-hero small,.htl-case-v53-toolbar small{color:var(--sysSoft)!important;font:850 11px Manrope,sans-serif!important;letter-spacing:.2em!important;text-shadow:0 0 14px color-mix(in srgb,var(--sys) 58%,transparent)} .htl-set-v97-hero h1,.htl-case-v53-hero h1{margin:8px 0 3px!important;color:#fff!important;font:600 73px/.9 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.04em!important;text-shadow:0 9px 30px rgba(5,0,16,.6)} .htl-set-v97-hero p,.htl-case-v53-hero p{max-width:720px;margin:13px 0 0!important;color:#f6ebf8!important;font:500 25px/1.18 'Cormorant Garamond',Georgia,serif!important} .htl-set-v97-hero>i,.htl-case-v53-hero>i{position:relative;width:136px;height:136px;flex:0 0 136px;border:1px solid rgba(255,255,255,.3);border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--sys) 17%,transparent),rgba(12,3,25,.48));box-shadow:0 0 36px color-mix(in srgb,var(--sys) 30%,transparent),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(18px)} .htl-set-v97-hero>i:before,.htl-set-v97-hero>i:after,.htl-case-v53-hero>i:before,.htl-case-v53-hero>i:after{content:'';position:absolute;inset:30px;border:2px solid var(--sysSoft);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--sys) 60%,transparent)} .htl-set-v97-hero>i:after,.htl-case-v53-hero>i:after{inset:50px;border-radius:8px;transform:rotate(45deg)} .htl-set-v97-grid{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)!important;gap:15px!important;margin-top:15px!important} .htl-set-v97-grid>div{display:flex;flex-direction:column;gap:15px} .htl-set-v97-card{position:relative;overflow:hidden;margin:0!important;padding:28px!important;border:1px solid rgba(255,255,255,.27)!important;border-radius:25px!important;color:#fff!important;background:linear-gradient(145deg,rgba(68,31,89,.93),rgba(19,6,35,.95))!important;box-shadow:0 23px 56px rgba(15,0,34,.42),0 0 28px color-mix(in srgb,var(--sys) 14%,transparent),inset 0 1px rgba(255,255,255,.19)!important;backdrop-filter:blur(24px)} .htl-set-v97-card:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 0 0,rgba(255,255,255,.13),transparent 29%),linear-gradient(130deg,transparent 64%,color-mix(in srgb,var(--sys) 9%,transparent))} .htl-set-v97-card>*{position:relative}.htl-set-v97-card h2{margin:0 0 7px!important;color:#fff!important;font:600 39px/1 'Cormorant Garamond',Georgia,serif!important}.htl-set-v97-card .sub{margin:0 0 21px!important;color:#cbbbd3!important;font-size:12px!important;line-height:1.55!important} .htl-set-v97-field{margin-top:16px}.htl-set-v97-field label{display:block;margin-bottom:7px;color:#eadfed!important;font-size:12px!important;font-weight:800!important}.htl-set-v97-field input{box-sizing:border-box;width:100%;height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(9,2,20,.53)!important;font-size:14px!important} .htl-set-v97-notice{margin-top:19px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--sys) 38%,transparent);border-radius:16px;color:#dfd1e4!important;background:color-mix(in srgb,var(--sys) 7%,rgba(9,2,20,.25));font-size:12px!important;line-height:1.6} .htl-set-v97-pending-row{min-height:60px;display:flex!important;align-items:center!important;gap:8px!important;padding:14px 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-size:13px!important}.htl-set-v97-pending-row b{color:#fff!important;font-size:14px!important}.htl-set-v97-pending-badge{margin-left:auto!important;padding:6px 10px;border:1px solid color-mix(in srgb,var(--sys) 38%,transparent);border-radius:999px;color:var(--sysSoft)!important;background:color-mix(in srgb,var(--sys) 9%,transparent);font-size:9px!important;font-weight:800;white-space:nowrap} .htl-case-v53{padding-top:0!important}.htl-case-v53-toolbar{min-height:94px;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:15px 0 0!important;padding:19px 24px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:24px 24px 0 0!important;background:linear-gradient(145deg,rgba(66,30,87,.94),rgba(20,6,37,.95))!important;box-shadow:0 22px 52px rgba(16,0,36,.4),inset 0 1px rgba(255,255,255,.16)!important} .htl-case-v53-toolbar .stitle{margin-top:5px!important;color:#fff!important;font:600 38px/1 'Cormorant Garamond',Georgia,serif!important}.htl-case-v53-toolbar .bbtn{min-height:41px!important;padding:0 17px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;color:#fff!important;background:rgba(255,255,255,.055)!important;font-size:10px!important} .htl-case-v53-filters{margin:0!important;padding:14px 22px!important;border-inline:1px solid rgba(255,255,255,.25)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:rgba(24,7,42,.94)!important}.htl-case-v53-filters button{min-height:39px!important;padding:0 17px!important;border-radius:999px!important;color:#d8c9df!important;background:rgba(255,255,255,.035)!important;font-size:11px!important}.htl-case-v53-filters button[style*="rgba(233, 30, 140"],.htl-case-v53-filters button[style*="rgba(233,30,140"]{border-color:var(--sys)!important;color:#fff!important;background:linear-gradient(135deg,var(--sys2),var(--sys))!important;box-shadow:0 0 20px color-mix(in srgb,var(--sys) 30%,transparent)!important} .htl-case-v53 #bug-list,.htl-case-v53 #feature-list,.htl-case-v53 #support-ticket-list{min-height:360px;padding:22px!important;border:1px solid rgba(255,255,255,.25);border-top:0;border-radius:0 0 25px 25px;background:linear-gradient(145deg,rgba(51,21,71,.94),rgba(16,5,31,.96));box-shadow:0 24px 58px rgba(14,0,33,.43),0 0 26px color-mix(in srgb,var(--sys) 13%,transparent)} .htl-case-v53 #bug-list>.dcard,.htl-case-v53 #feature-list>div>div,.htl-case-v53 .htl-support-ticket{margin:0 0 14px!important;padding:21px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:20px!important;color:#fff!important;background:linear-gradient(125deg,rgba(255,255,255,.085),rgba(255,255,255,.022))!important;box-shadow:0 13px 30px rgba(5,0,18,.22),inset 0 1px rgba(255,255,255,.09)!important} .htl-case-v53 #bug-list>.dcard>div:nth-child(2),.htl-case-v53 .htl-support-ticket>p{margin-top:15px!important;padding:16px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:15px!important;color:#eee4f1!important;background:rgba(8,2,19,.3)!important;font-size:14px!important;line-height:1.6!important} .htl-case-v53 select,.htl-case-v53 input[type=text]{min-height:42px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(9,2,20,.62)!important;color-scheme:dark}.htl-case-v53 button{transition:transform .18s ease,box-shadow .18s ease}.htl-case-v53 button:hover{transform:translateY(-1px)} .htl-case-v53 .empty,.htl-case-v53 #support-ticket-list>p{min-height:285px!important;display:grid!important;place-items:center!important;margin:0!important;border:1px dashed color-mix(in srgb,var(--sys) 28%,transparent)!important;border-radius:20px!important;color:#d1c1d8!important;background:radial-gradient(circle,color-mix(in srgb,var(--sys) 13%,transparent),transparent 37%)!important;font:500 22px 'Cormorant Garamond',Georgia,serif!important;text-align:center!important} body.theme-redesign #admin-page .htl-case-v53 :is(.empty,.htl-page-state),body.theme-redesign #admin-page .htl-case-v53 #support-ticket-list>p{min-height:285px!important;padding:28px!important;border:1px dashed color-mix(in srgb,var(--sys) 30%,transparent)!important;border-radius:20px!important;color:#d8c9df!important;-webkit-text-fill-color:#d8c9df!important;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--sys) 15%,transparent),rgba(13,3,27,.72) 45%,rgba(9,2,20,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.07)!important;font:500 22px 'Cormorant Garamond',Georgia,serif!important} body.theme-redesign #admin-page .htl-case-v53 .spinner{border-color:color-mix(in srgb,var(--sys) 24%,transparent)!important;border-top-color:var(--sys)!important;background:transparent!important;box-shadow:0 0 20px color-mix(in srgb,var(--sys) 25%,transparent)!important} /* System & Support v55 — purpose-built artwork and approved admin-page depth. */ .htl-set-v97-hero:before{background-image:url('/htl-art-admin-settings-v55.png')!important;background-position:center!important;filter:saturate(1.28) contrast(1.08) brightness(.92)!important} .htl-case-v53-bugs .htl-case-v53-hero:before{background-image:url('/htl-art-admin-bugs-v55.png')!important;background-position:center!important;filter:saturate(1.3) contrast(1.08) brightness(.9)!important} .htl-case-v53-features .htl-case-v53-hero:before{background-image:url('/htl-art-admin-features-v55.png')!important;background-position:center!important;filter:saturate(1.34) contrast(1.08) brightness(.92)!important} .htl-case-v53-support .htl-case-v53-hero:before{background-image:url('/htl-art-admin-support-v55.png')!important;background-position:center!important;filter:saturate(1.3) contrast(1.08) brightness(.92)!important} .htl-set-v97-hero:after,.htl-case-v53-hero:after{background:linear-gradient(90deg,rgba(13,2,27,.98) 0,rgba(25,4,42,.9) 35%,rgba(34,5,49,.38) 68%,rgba(19,2,32,.08)),radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--sys) 16%,transparent),transparent 34%)!important} .htl-set-v97-hero,.htl-case-v53-hero{min-height:268px!important;padding:46px 52px!important;border-color:color-mix(in srgb,var(--sysSoft) 55%,rgba(255,255,255,.15))!important;border-radius:30px!important;box-shadow:0 34px 85px rgba(16,0,36,.54),0 0 58px color-mix(in srgb,var(--sys) 30%,transparent),inset 0 1px rgba(255,255,255,.45)!important} .htl-set-v97-hero h1,.htl-case-v53-hero h1{font-size:78px!important;text-shadow:0 10px 34px rgba(4,0,14,.68),0 0 24px color-mix(in srgb,var(--sys) 22%,transparent)!important} .htl-set-v97-hero p,.htl-case-v53-hero p{max-width:650px!important;font-size:29px!important;line-height:1.12!important} .htl-case-v55-flow,.htl-set-v55-map{position:relative;display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:stretch;gap:0;margin:15px 0!important} .htl-set-v55-map{grid-template-columns:1fr 32px 1fr 32px 1fr 32px 1fr} .htl-case-v55-flow article,.htl-set-v55-map article{position:relative;min-height:110px;padding:20px 23px;border:1px solid rgba(255,255,255,.28);border-radius:21px;background:linear-gradient(145deg,rgba(76,35,99,.89),rgba(24,7,43,.94));box-shadow:0 18px 42px rgba(17,0,38,.36),0 0 23px color-mix(in srgb,var(--sys) 15%,transparent),inset 0 1px rgba(255,255,255,.21);backdrop-filter:blur(23px)} .htl-set-v55-map article{min-height:83px;padding:17px 20px} .htl-case-v55-flow article:after,.htl-set-v55-map article:after{content:'';position:absolute;right:14px;top:13px;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--sys) 38%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sys) 17%,transparent),transparent 65%)} .htl-case-v55-flow b,.htl-set-v55-map b{display:block;color:var(--sysSoft)!important;font:850 11px Manrope,sans-serif;letter-spacing:.15em}.htl-case-v55-flow span,.htl-set-v55-map span{display:block;margin-top:7px;color:#fff!important;font:600 26px/1 'Cormorant Garamond',Georgia,serif}.htl-case-v55-flow small{display:block;margin-top:7px;color:#cdbdd5!important;font-size:11px;line-height:1.45}.htl-case-v55-flow>i,.htl-set-v55-map>i{position:relative;align-self:center;height:1px;background:linear-gradient(90deg,var(--sys),var(--sysSoft));box-shadow:0 0 12px var(--sys)}.htl-case-v55-flow>i:after,.htl-set-v55-map>i:after{content:'';position:absolute;right:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--sysSoft);box-shadow:0 0 10px var(--sys)} body.theme-redesign #admin-page .htl-case-v53 .htl-case-v53-toolbar{min-height:106px!important;padding:22px 29px!important;border-color:rgba(255,255,255,.29)!important;background:linear-gradient(145deg,rgba(65,29,87,.96),rgba(18,5,34,.97))!important;box-shadow:0 24px 58px rgba(14,0,34,.46),0 0 28px color-mix(in srgb,var(--sys) 13%,transparent),inset 0 1px rgba(255,255,255,.2)!important} body.theme-redesign #admin-page .htl-case-v53 .htl-case-v53-toolbar .stitle{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:43px!important;text-shadow:0 0 18px color-mix(in srgb,var(--sys) 24%,transparent)!important} body.theme-redesign #admin-page .htl-case-v53 .htl-case-v53-toolbar small{color:var(--sysSoft)!important;-webkit-text-fill-color:var(--sysSoft)!important} body.theme-redesign #admin-page .htl-case-v53 .htl-case-v53-filters{padding:17px 27px!important;border-color:rgba(255,255,255,.22)!important;background:rgba(15,4,29,.96)!important} body.theme-redesign #admin-page .htl-case-v53 .htl-case-v53-filters button{min-height:42px!important;padding:0 19px!important;border:1px solid rgba(255,255,255,.16)!important;color:#ded0e4!important;-webkit-text-fill-color:#ded0e4!important;background:rgba(255,255,255,.045)!important;font-size:11px!important} body.theme-redesign #admin-page .htl-case-v53 :is(#bug-list,#feature-list,#support-ticket-list){padding:25px!important;border-color:rgba(255,255,255,.27)!important;background:linear-gradient(145deg,rgba(55,23,76,.96),rgba(13,3,27,.98))!important;box-shadow:0 28px 68px rgba(12,0,30,.5),0 0 35px color-mix(in srgb,var(--sys) 16%,transparent),inset 0 1px rgba(255,255,255,.17)!important} body.theme-redesign #admin-page .htl-case-v53 #bug-list>.dcard,body.theme-redesign #admin-page .htl-case-v53 #feature-list>div>div,body.theme-redesign #admin-page .htl-case-v53 #support-ticket-list>.htl-support-ticket{margin:0 0 16px!important;padding:23px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:22px!important;color:#fff!important;-webkit-text-fill-color:initial!important;background:linear-gradient(125deg,rgba(113,56,133,.36),rgba(25,8,44,.78))!important;box-shadow:0 15px 35px rgba(5,0,18,.27),0 0 19px color-mix(in srgb,var(--sys) 8%,transparent),inset 0 1px rgba(255,255,255,.12)!important;backdrop-filter:blur(20px)!important} body.theme-redesign #admin-page .htl-case-v53 #bug-list>.dcard :is(div,span,strong,small,p),body.theme-redesign #admin-page .htl-case-v53 #feature-list>div>div :is(div,span,strong,small,p),body.theme-redesign #admin-page .htl-case-v53 .htl-support-ticket :is(div,span,strong,small,p){color:#f3eaf5!important;-webkit-text-fill-color:#f3eaf5!important} body.theme-redesign #admin-page .htl-case-v53 #bug-list>.dcard>div:nth-child(2),body.theme-redesign #admin-page .htl-case-v53 .htl-support-ticket>p{background:rgba(8,2,19,.36)!important;border-color:rgba(255,255,255,.11)!important} .htl-set-v97-grid{gap:17px!important;margin-top:17px!important}.htl-set-v97-grid>div{gap:17px!important}.htl-set-v97-card{padding:31px!important;border-color:rgba(255,255,255,.29)!important;border-radius:27px!important;background:linear-gradient(145deg,rgba(72,33,94,.95),rgba(18,5,34,.97))!important;box-shadow:0 26px 64px rgba(14,0,33,.48),0 0 30px color-mix(in srgb,var(--sys) 15%,transparent),inset 0 1px rgba(255,255,255,.21)!important}.htl-set-v97-card h2{font-size:44px!important}.htl-set-v97-card .sub{color:#d4c4dc!important;font-size:13px!important}.htl-set-v97-pending-row{min-height:67px!important}.htl-set-v97-pending-row b{font-size:15px!important} @media(max-width:960px){.htl-case-v55-flow{grid-template-columns:1fr}.htl-set-v55-map{grid-template-columns:1fr 1fr}.htl-case-v55-flow>i,.htl-set-v55-map>i{display:none}.htl-case-v55-flow article{margin-bottom:9px}.htl-set-v55-map article{margin:5px}.htl-set-v97-hero h1,.htl-case-v53-hero h1{font-size:60px!important}} /* Moderator Center v56 — a distinct, non-financial staff workspace. */ #htl-moderator-v56-root{--mod:#f13bc7;--mod2:#9e43ee;--modSoft:#ff9fe2;color:#fff} body.theme-redesign.theme-masculine #htl-moderator-v56-root{--mod:#35c9ff;--mod2:#586dff;--modSoft:#9feaff} body.theme-redesign.theme-black #htl-moderator-v56-root{--mod:#e5b94c;--mod2:#966b27;--modSoft:#ffe19a} .htl-mod56-hero{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;align-items:center;justify-content:space-between;padding:46px 52px;border:1px solid color-mix(in srgb,var(--modSoft) 55%,rgba(255,255,255,.15));border-radius:30px;background:#160620;box-shadow:0 34px 85px rgba(16,0,36,.54),0 0 58px color-mix(in srgb,var(--mod) 30%,transparent),inset 0 1px rgba(255,255,255,.45)} .htl-mod56-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-community-v89.png') center 46%/cover;filter:saturate(1.55) contrast(1.1) brightness(.84)} .htl-mod56-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(14,2,28,.98),rgba(33,5,48,.78) 53%,rgba(22,3,37,.2)),radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--mod) 19%,transparent),transparent 33%)} .htl-mod56-hero small,.htl-mod56-intro small,.htl-mod56-guide small{color:var(--modSoft)!important;font:850 11px Manrope,sans-serif;letter-spacing:.2em;text-shadow:0 0 14px color-mix(in srgb,var(--mod) 58%,transparent)} .htl-mod56-hero h1{margin:8px 0 3px;color:#fff!important;font:600 78px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;text-shadow:0 10px 34px rgba(4,0,14,.65)} .htl-mod56-hero p{max-width:690px;margin:14px 0 0;color:#f6ebf8!important;font:500 29px/1.13 'Cormorant Garamond',Georgia,serif} .htl-mod56-boundary{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.htl-mod56-boundary span{padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#f2e8f4;background:rgba(13,3,27,.4);font-size:10px;font-weight:750;backdrop-filter:blur(14px)} .htl-mod56-art{position:relative;width:210px;height:190px;flex:0 0 210px}.htl-mod56-art span{position:absolute;inset:24px 35px 12px;border:2px solid var(--modSoft);border-radius:48% 48% 55% 55%/30% 30% 70% 70%;background:linear-gradient(145deg,color-mix(in srgb,var(--mod) 17%,transparent),rgba(12,3,25,.45));box-shadow:0 0 32px color-mix(in srgb,var(--mod) 43%,transparent),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(14px)} .htl-mod56-art span:after{content:'';position:absolute;left:50%;top:41%;width:43px;height:22px;border-left:3px solid var(--modSoft);border-bottom:3px solid var(--modSoft);transform:translate(-50%,-50%) rotate(-45deg);filter:drop-shadow(0 0 8px var(--mod))}.htl-mod56-art i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--modSoft);box-shadow:0 0 17px var(--mod)}.htl-mod56-art i:nth-child(1){left:14px;top:48px}.htl-mod56-art i:nth-child(2){right:5px;top:74px}.htl-mod56-art i:nth-child(3){right:40px;bottom:5px} .htl-mod56-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;margin:16px 0;padding:28px 32px;border:1px solid rgba(255,255,255,.26);border-radius:25px;background:linear-gradient(145deg,rgba(72,33,94,.94),rgba(18,5,34,.96));box-shadow:0 24px 56px rgba(14,0,33,.43),inset 0 1px rgba(255,255,255,.2)}.htl-mod56-intro h2,.htl-mod56-guide h2{margin:6px 0 0;color:#fff!important;font:600 43px/.98 'Cormorant Garamond',Georgia,serif}.htl-mod56-intro p{margin:0;color:#ddd0e2!important;font-size:14px;line-height:1.7} .htl-mod56-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.htl-mod56-actions article{position:relative;overflow:hidden;min-height:260px;padding:25px;border:1px solid rgba(255,255,255,.27);border-radius:25px;background:linear-gradient(145deg,rgba(67,30,88,.94),rgba(18,5,34,.97));box-shadow:0 23px 54px rgba(14,0,33,.42),0 0 25px color-mix(in srgb,var(--mod) 12%,transparent),inset 0 1px rgba(255,255,255,.19)}.htl-mod56-actions article:after{content:'';position:absolute;right:-45px;bottom:-55px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mod) 23%,transparent),transparent 67%)}.htl-mod56-actions header{display:flex;align-items:center;justify-content:space-between}.htl-mod56-actions header b{color:var(--modSoft)!important;font:850 12px Manrope,sans-serif;letter-spacing:.16em}.htl-mod56-actions header i{width:47px;height:47px;border:1px solid color-mix(in srgb,var(--mod) 55%,transparent);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--mod) 18%,transparent),rgba(11,3,24,.38));box-shadow:0 0 18px color-mix(in srgb,var(--mod) 20%,transparent)}.htl-mod56-actions h2{margin:23px 0 8px;color:#fff!important;font:600 34px/1 'Cormorant Garamond',Georgia,serif}.htl-mod56-actions p{min-height:70px;margin:0;color:#cdbdd5!important;font-size:12px;line-height:1.55}.htl-mod56-actions button{position:relative;z-index:1;margin-top:20px;padding:11px 16px;border:1px solid color-mix(in srgb,var(--mod) 50%,transparent);border-radius:999px;color:#fff;background:color-mix(in srgb,var(--mod) 12%,transparent);font:750 10px Manrope,sans-serif}.htl-mod56-actions button span{display:inline-block;width:7px;height:7px;margin-left:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)} .htl-mod56-guide{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;margin-top:15px;padding:31px;border:1px solid rgba(255,255,255,.26);border-radius:26px;background:linear-gradient(145deg,rgba(63,28,84,.95),rgba(16,4,31,.97));box-shadow:0 24px 58px rgba(13,0,31,.45),inset 0 1px rgba(255,255,255,.18)}.htl-mod56-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none;counter-reset:modstep}.htl-mod56-guide li{padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035)}.htl-mod56-guide li b,.htl-mod56-guide li span{display:block}.htl-mod56-guide li b{color:#fff!important;font-size:14px}.htl-mod56-guide li span{margin-top:4px;color:#bfaec8!important;font-size:10px;line-height:1.45} body.htl-moderator-mode #cmadm-tab-staff,body.htl-moderator-mode .htl-cm107-hero aside,body.htl-moderator-mode .htl-cm107-space>button,body.htl-moderator-mode .htl-cm107-grid>aside>.htl-cm107-card:nth-child(2){display:none!important} body.htl-moderator-mode .htl-chat110-hero>button,body.htl-moderator-mode .htl-chat110-channel-list article>button,body.htl-moderator-mode .htl-chat110-channel-list+button,body.htl-moderator-mode .htl-chat110-shell>aside>header>button,body.htl-moderator-mode .htl-chat110-detail>button,body.htl-moderator-mode #chadm-channel-editor{display:none!important} @media(max-width:1050px){.htl-mod56-actions{grid-template-columns:1fr 1fr}.htl-mod56-art{display:none}}@media(max-width:720px){.htl-mod56-hero{padding:34px}.htl-mod56-hero h1{font-size:58px}.htl-mod56-actions{grid-template-columns:1fr}.htl-mod56-intro,.htl-mod56-guide{grid-template-columns:1fr}.htl-mod56-guide ol{grid-template-columns:1fr}} /* Moderator Notes v57 */ #admin-modnotes-section{--note:#f13bc7;--note2:#9e43ee;--noteSoft:#ff9fe2;color:#fff} body.theme-redesign.theme-masculine #admin-modnotes-section{--note:#35c9ff;--note2:#586dff;--noteSoft:#9feaff}body.theme-redesign.theme-black #admin-modnotes-section{--note:#e5b94c;--note2:#966b27;--noteSoft:#ffe19a} .htl-modnotes-hero{position:relative;isolation:isolate;overflow:hidden;min-height:235px;display:flex;align-items:center;padding:40px 46px;border:1px solid rgba(255,255,255,.29);border-radius:28px;background:#160620;box-shadow:0 30px 75px rgba(16,0,36,.5),0 0 44px color-mix(in srgb,var(--note) 25%,transparent),inset 0 1px rgba(255,255,255,.4)} .htl-modnotes-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/htl-art-admin-support-v55.png') center/cover;filter:saturate(1.3) contrast(1.08) brightness(.8)}.htl-modnotes-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(14,2,28,.98),rgba(35,5,50,.76) 56%,rgba(20,3,35,.12))} .htl-modnotes-hero small,.htl-modnotes-card>header small{color:var(--noteSoft)!important;font:850 11px Manrope,sans-serif;letter-spacing:.2em;text-shadow:0 0 14px color-mix(in srgb,var(--note) 55%,transparent)}.htl-modnotes-hero h1{margin:8px 0 2px;color:#fff!important;font:600 70px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em}.htl-modnotes-hero p{max-width:740px;margin:13px 0 0;color:#f2e8f4!important;font:500 19px/1.45 'Cormorant Garamond',Georgia,serif} .htl-modnotes-card{margin-top:15px;padding:30px;border:1px solid rgba(255,255,255,.27);border-radius:27px;background:linear-gradient(145deg,rgba(69,31,91,.95),rgba(17,5,33,.97));box-shadow:0 25px 60px rgba(14,0,33,.45),0 0 28px color-mix(in srgb,var(--note) 14%,transparent),inset 0 1px rgba(255,255,255,.2)}.htl-modnotes-card>header{margin-bottom:23px}.htl-modnotes-card>header h2{margin:7px 0 0;color:#fff!important;font:600 42px/1 'Cormorant Garamond',Georgia,serif} body.theme-redesign #admin-page .htl-modnotes-card label{color:#f2e8f4!important;-webkit-text-fill-color:#f2e8f4!important;font-size:12px!important}body.theme-redesign #admin-page .htl-modnotes-card :is(.mi,textarea){min-height:47px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(8,2,19,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important}body.theme-redesign #admin-page .htl-modnotes-card textarea{box-sizing:border-box;max-width:none!important;width:100%!important;min-height:120px!important;padding:15px!important}body.theme-redesign #admin-page .htl-modnotes-card :is(.tbtn,.btn-p){min-height:43px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(135deg,var(--note2),var(--note))!important;box-shadow:0 0 19px color-mix(in srgb,var(--note) 25%,transparent)!important} body.htl-moderator-mode .htl-chat110-hero p{font-size:0!important}body.htl-moderator-mode .htl-chat110-hero p:after{content:'Monitor member conversations and keep every tier space safe.';font-size:29px!important}body.htl-moderator-mode .htl-chat110-hero small{font-size:0!important}body.htl-moderator-mode .htl-chat110-hero small:after{content:'COMMUNITY CONVERSATIONS';font-size:11px!important} @media(max-width:1000px){.htl-set-v97-grid{grid-template-columns:1fr!important}.htl-set-v97-hero h1,.htl-case-v53-hero h1{font-size:58px!important}.htl-set-v97-hero>i,.htl-case-v53-hero>i{display:none}}@media(max-width:680px){.htl-set-v97-hero,.htl-case-v53-hero{padding:30px!important}.htl-case-v53-toolbar{align-items:flex-start!important;flex-direction:column!important;gap:15px}.htl-set-v97-pending-row{align-items:flex-start!important;flex-direction:column!important}.htl-set-v97-pending-badge{margin-left:0!important}} /* ===== Command Center material pass (v62b): real artwork + dark translucent plum glass ===== Scoped to #htl-cc-v97-root only. Bright pink is limited to edges, charts, numerals and active controls. */ body.theme-redesign #admin-page #admin-overview-section #htl-cc-v97-root{ --cc-edge:rgba(255,140,226,.4);--cc-hot:#ff4fc3;--cc-hot2:#b86bff; --cc-pane-a:rgba(24,8,42,.66);--cc-pane-b:rgba(12,4,26,.6); } body.theme-redesign #admin-page #admin-overview-section #htl-cc-v97-root::before{content:none;} body.theme-redesign.theme-masculine #admin-page #admin-overview-section #htl-cc-v97-root{ --cc-edge:rgba(120,220,255,.42);--cc-hot:#3ec8ff;--cc-hot2:#7a7bff; --cc-pane-a:rgba(6,26,48,.66);--cc-pane-b:rgba(3,13,30,.6); } body.theme-redesign.theme-black #admin-page #admin-overview-section #htl-cc-v97-root{ --cc-edge:rgba(244,208,110,.42);--cc-hot:#efcc68;--cc-hot2:#c8962f; --cc-pane-a:rgba(30,24,12,.7);--cc-pane-b:rgba(10,9,6,.64); } /* Dark translucent plum glass: backdrop shows through; light stays localized at corners/edges. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel{ background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b))!important; border:1px solid var(--cc-edge)!important; backdrop-filter:blur(14px) saturate(1.35) brightness(.6)!important;-webkit-backdrop-filter:blur(14px) saturate(1.35) brightness(.6)!important; box-shadow:0 14px 34px rgba(24,6,44,.3),0 0 16px color-mix(in srgb,var(--cc-hot) 14%,transparent),inset 0 1px rgba(255,255,255,.14)!important; } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root :is(.htl-cc-v97-kpi,.htl-cc-v97-panel), body.theme-redesign.theme-black #admin-page #htl-cc-v97-root :is(.htl-cc-v97-kpi,.htl-cc-v97-panel){ background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b))!important; } /* Localized neon: a corner glow only, never a full wash. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi::before, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-panel::before{ background: radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--cc-hot) 46%,transparent),transparent 36%), radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--cc-hot2) 30%,transparent),transparent 38%)!important; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-row, body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-quick-btn{ background:linear-gradient(105deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important; border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;color:#fff!important; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-chart-frame{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.12);} body.theme-redesign #admin-page #htl-cc-v97-root :is(.htl-cc-v97-row-title,.htl-cc-v97-panel-title,.htl-cc-v97-engage-head,.htl-cc-v97-mv-num,.htl-cc-v97-status-row){color:#fff!important;} body.theme-redesign #admin-page #htl-cc-v97-root :is(.htl-cc-v97-row-sub,.htl-cc-v97-mv-label,.htl-cc-v97-kpi-context,.htl-cc-v97-empty,.htl-cc-v97-status-text){color:#e6d8ee!important;} /* Hero: the real v51 artwork stays clearly visible; a controlled dark gradient sits only behind the text. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero{ min-height:224px;border:1px solid var(--cc-edge)!important; box-shadow:0 20px 50px rgba(30,6,52,.36),0 0 18px color-mix(in srgb,var(--cc-hot) 18%,transparent),inset 0 1px rgba(255,255,255,.18)!important; } body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero::before{ background:url('/htl-vault-workspace-hero-v51.png') 60% 36%/cover no-repeat!important; filter:saturate(1.15) contrast(1.04) brightness(1.02)!important; } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root .htl-cc-v97-hero::before{filter:hue-rotate(58deg) saturate(1.05) brightness(1)!important;} body.theme-redesign.theme-black #admin-page #htl-cc-v97-root .htl-cc-v97-hero::before{filter:sepia(.5) saturate(1.2) hue-rotate(335deg) brightness(.82)!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-hero::after{ background:linear-gradient(90deg,rgba(18,6,32,.9) 0%,rgba(22,7,38,.72) 30%,rgba(20,6,34,.18) 56%,rgba(14,4,26,0) 74%),linear-gradient(0deg,rgba(14,4,26,.35),transparent 45%)!important; } body.theme-redesign.theme-masculine #admin-page #htl-cc-v97-root .htl-cc-v97-hero::after{background:linear-gradient(90deg,rgba(3,16,32,.9) 0%,rgba(4,24,44,.72) 30%,rgba(4,20,38,.18) 56%,rgba(3,14,28,0) 74%)!important;} body.theme-redesign.theme-black #admin-page #htl-cc-v97-root .htl-cc-v97-hero::after{background:linear-gradient(90deg,rgba(8,7,5,.94) 0%,rgba(18,14,8,.74) 30%,rgba(10,8,5,.2) 56%,rgba(8,7,5,0) 74%)!important;} /* Bright pink: numerals, charts and graphs only. */ body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi{--k1:#ff4fc3;--k2:#b86bff;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi.is-foundation{--k1:#2ee6a6;--k2:#9dffe0;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi.is-advanced{--k1:#ff48c8;--k2:#b86bff;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi.is-gold{--k1:#ffb52e;--k2:#ffe88a;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-value{font-size:clamp(30px,2.5vw,42px);color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--k1) 55%,transparent);} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-icon{color:var(--k2)!important;filter:drop-shadow(0 0 7px var(--k1));} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-kpi-label{color:#fff;font-weight:700;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark{height:40px;gap:3px;align-items:flex-end;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i{width:4px;border-radius:3px;background:linear-gradient(0deg,var(--k1),var(--k2))!important;box-shadow:0 0 9px var(--k1)!important;} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(1){height:22%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(2){height:40%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(3){height:30%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(4){height:58%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(5){height:46%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(6){height:72%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(7){height:60%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(8){height:88%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-spark i:nth-child(9){height:100%} body.theme-redesign #admin-page #htl-cc-v97-root .htl-cc-v97-engage-bar-fill{background:linear-gradient(90deg,var(--cc-hot),var(--cc-hot2))!important;box-shadow:0 0 12px var(--cc-hot)!important;} /* ===== Admin material system (v62c): Command Center glass applied to every other Admin route ===== Heroes keep their own artwork/composition; only edge light is shared. Layouts are untouched. */ body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root){ --cc-edge:rgba(255,140,226,.4);--cc-hot:#ff4fc3;--cc-hot2:#b86bff; --cc-pane-a:rgba(24,8,42,.66);--cc-pane-b:rgba(12,4,26,.6); } body.theme-redesign.theme-masculine #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root){ --cc-edge:rgba(120,220,255,.42);--cc-hot:#3ec8ff;--cc-hot2:#7a7bff; --cc-pane-a:rgba(6,26,48,.66);--cc-pane-b:rgba(3,13,30,.6); } body.theme-redesign.theme-black #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root){ --cc-edge:rgba(244,208,110,.42);--cc-hot:#efcc68;--cc-hot2:#c8962f; --cc-pane-a:rgba(30,24,12,.7);--cc-pane-b:rgba(10,9,6,.64); } body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-pay-kpis>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-audit-kpis>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ev104-metrics>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-metrics>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .bc-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cm107-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-staff-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-rp116-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-chat110-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ms-v100-kpis>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v102-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v103-metrics>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-mem-v97-stats>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cc-v97-stat, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cc-v97-panel, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-set-v97-card, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ms-v100-panel, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cm107-card, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cm107-space, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cm107-report, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-staff-card, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v102-library, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-rp116-report, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-rp116-side, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-rp116-queue, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-at-v101-matrix, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-at-v101-tier-cards>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-pay-readiness, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-audit-assurance, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-audit-detail, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ev104-calendar, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ev104-side, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-list, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-player, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-session, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-settings, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-bottom>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ev104-bottom>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .bc-workspace>*, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-mem-v97-filters, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-mem-v97-drawer, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v103-library, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v103-builder, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v103-editor-card, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-chat110-channel-list, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-chat110-detail{ background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b))!important; border:1px solid var(--cc-edge)!important; backdrop-filter:blur(14px) saturate(1.35) brightness(.6)!important;-webkit-backdrop-filter:blur(14px) saturate(1.35) brightness(.6)!important; box-shadow:0 14px 34px rgba(24,6,44,.3),0 0 16px color-mix(in srgb,var(--cc-hot) 14%,transparent),inset 0 1px rgba(255,255,255,.14)!important; color:#fff; } body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-mem-v97-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-set-v97-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cc-v97-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ms-v100-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-at-v101-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v102-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-crs-v103-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-pay-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-audit-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-ev104-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-lv105-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .bc-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-cm107-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-staff-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-rp116-hero, body.theme-redesign #admin-page :is(#htl-members-v97-root,#htl-settings-v97-root,#htl-an-v97-root,#htl-mship-v97-root,#htl-access-v101-root,#htl-courses-v102-root,#htl-course-editor-v102-root,#htl-courses-v103-root,#htl-pay-v97-root,#htl-audit-v97-root,#htl-events-v97-root,#htl-live-v97-root,#htl-broadcast-v97-root,#htl-spaces-v97-root,#htl-staff-v97-root,#htl-reports-v97-root,#htl-chat-v97-root) .htl-chat110-hero{ border:1px solid var(--cc-edge)!important; box-shadow:0 20px 50px rgba(30,6,52,.36),0 0 18px color-mix(in srgb,var(--cc-hot) 18%,transparent),inset 0 1px rgba(255,255,255,.18)!important; } /* ===== Analytics (v62d): cinematic hero, dark translucent reporting cards, neon data accents, live-attendance panel ===== Presentation only; every number comes from HTL_ANALYTICS_LAST unchanged. */ body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero{ position:relative;isolation:isolate;overflow:hidden;min-height:220px;margin:0 0 12px;padding:32px 34px;box-sizing:border-box; display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:27px; background:#120a22;border:1px solid var(--cc-edge); box-shadow:0 20px 50px rgba(30,6,52,.36),0 0 18px color-mix(in srgb,var(--cc-hot) 18%,transparent),inset 0 1px rgba(255,255,255,.18); } body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/htl-art-admin-features-v55.png') 70% 50%/cover no-repeat;filter:saturate(1.2) brightness(1.05);} body.theme-redesign.theme-masculine #admin-page #htl-an-v97-root .htl-an108-hero::before{filter:hue-rotate(58deg) saturate(1.1);} body.theme-redesign.theme-black #admin-page #htl-an-v97-root .htl-an108-hero::before{filter:sepia(.55) saturate(1.3) hue-rotate(335deg) brightness(.85);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(18,6,32,.9) 0%,rgba(22,7,38,.7) 32%,rgba(18,6,32,.1) 62%,rgba(14,4,26,0) 78%);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero-copy{max-width:720px;position:relative;z-index:2;text-shadow:0 2px 22px rgba(0,0,0,.6);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero small{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#ffe4f6;font:800 11px/1 Manrope,sans-serif;letter-spacing:.2em;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-mark{width:17px;height:17px;border:1.5px solid var(--cc-hot);border-radius:5px;box-shadow:0 0 14px var(--cc-hot);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero h1{margin:0 0 6px;color:#fff;font:600 clamp(44px,4.1vw,68px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero p{margin:0;color:#fff1fb;font:500 clamp(18px,1.45vw,24px)/1.2 'Cormorant Garamond',Georgia,serif;max-width:620px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero-right{position:relative;z-index:2;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-range{padding:11px 16px;border-radius:13px;background:rgba(20,8,31,.5);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(14px);color:#fff;font:700 12px Manrope,sans-serif;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-filters .htl-cc-v97-filterbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 12px;padding:12px 16px;border-radius:16px;background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b));border:1px solid var(--cc-edge);backdrop-filter:blur(14px) saturate(1.35) brightness(.6);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-filters label{display:block;color:#e6d8ee!important;font:700 10px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-filters :is(input,select){min-height:36px;padding:7px 10px;border-radius:10px;background:rgba(0,0,0,.32)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;color-scheme:dark;font-size:12px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-filters .tbtn{min-height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(115deg,var(--cc-hot2),var(--cc-hot));color:#fff;font:800 12px Manrope,sans-serif;cursor:pointer;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-section-title{margin:16px 4px 8px;color:#fff;font:800 11px Manrope,sans-serif;letter-spacing:.16em;text-shadow:0 1px 10px rgba(30,6,52,.6);} body.theme-redesign #admin-page #htl-an-v97-root :is(.htl-an108-tile,.htl-an108-panel){ position:relative;overflow:hidden;color:#fff;border-radius:19px;box-sizing:border-box; background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b));border:1px solid var(--cc-edge); backdrop-filter:blur(14px) saturate(1.35) brightness(.6);-webkit-backdrop-filter:blur(14px) saturate(1.35) brightness(.6); box-shadow:0 14px 34px rgba(24,6,44,.3),0 0 16px color-mix(in srgb,var(--cc-hot) 14%,transparent),inset 0 1px rgba(255,255,255,.14); } body.theme-redesign #admin-page #htl-an-v97-root :is(.htl-an108-tile,.htl-an108-panel)::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--cc-hot) 40%,transparent),transparent 34%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--cc-hot2) 26%,transparent),transparent 38%);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles{display:grid;gap:10px;margin-bottom:12px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles-7{grid-template-columns:repeat(7,minmax(0,1fr));} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles-5{grid-template-columns:repeat(5,minmax(0,1fr));} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile{min-height:112px;padding:15px 16px;display:flex;flex-direction:column;--k1:#ff4fc3;--k2:#b86bff;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile.is-up{--k1:#2ee6a6;--k2:#9dffe0;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile.is-down{--k1:#ff5b7f;--k2:#ffb0c0;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile-label{position:relative;z-index:1;font:700 11.5px Manrope,sans-serif;color:#fff;margin-bottom:10px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile-main{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile-value{font:800 clamp(26px,2.2vw,38px)/1 Geist,Manrope,sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--k1) 55%,transparent);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark{height:34px;display:flex;align-items:flex-end;gap:3px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i{width:4px;border-radius:3px;background:linear-gradient(0deg,var(--k1),var(--k2));box-shadow:0 0 9px var(--k1);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(1){height:30%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(2){height:48%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(3){height:38%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(4){height:66%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(5){height:56%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(6){height:84%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-spark i:nth-child(7){height:100%} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile.is-unavailable{opacity:.92;border-style:dashed;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile-na{position:relative;z-index:1;font:700 13px Manrope,sans-serif;color:#f1e3f7;margin-top:auto;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tile-hint{position:relative;z-index:1;font:500 10px Manrope,sans-serif;color:#d8c6e2;margin-top:4px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-panel{padding:18px 20px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-panel>*{position:relative;z-index:1;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#fff;font:800 11px/1.2 Manrope,sans-serif;letter-spacing:.12em;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-bar{margin-bottom:12px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-bar-head{display:flex;justify-content:space-between;color:#fff;font:600 12px Manrope,sans-serif;margin-bottom:6px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-bar-head b{font:800 13px Geist,Manrope,sans-serif;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-bar-track{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cc-hot),var(--cc-hot2));box-shadow:0 0 12px var(--cc-hot);} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-row{display:flex;justify-content:space-between;gap:14px;padding:9px 12px;margin-bottom:6px;border-radius:12px;background:linear-gradient(105deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);color:#fff;font:600 12px Manrope,sans-serif;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-row b{color:#ffd0f2;font-weight:800;text-align:right;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-empty{padding:18px 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.24);color:#e6d8ee;font:600 12px Manrope,sans-serif;text-align:center;} /* Live attendance: broadcast-studio artwork behind neon counts. */ body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live{background:linear-gradient(145deg,rgba(24,8,42,.72),rgba(12,4,26,.5)),url('/htl-art-live-trading-v89.png') 65% 45%/cover no-repeat;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-badge{padding:3px 9px;border-radius:999px;background:linear-gradient(115deg,#ff3b8d,#ff5fd0);color:#fff;font:800 9px Manrope,sans-serif;letter-spacing:.12em;box-shadow:0 0 14px #ff3b8d;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-label{display:flex;align-items:center;gap:8px;color:#fff;font:700 12px Manrope,sans-serif;margin-bottom:6px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-dot{width:9px;height:9px;border-radius:50%;background:#ff3b8d;box-shadow:0 0 12px #ff3b8d,0 0 4px #fff;animation:htlAn108Pulse 1.8s ease-in-out infinite;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-dot.is-event{background:#5ee3ff;box-shadow:0 0 12px #5ee3ff;animation:none;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-value{font:800 clamp(38px,3.6vw,56px)/1 Geist,Manrope,sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 0 22px color-mix(in srgb,var(--cc-hot) 70%,transparent);margin-bottom:12px;} @keyframes htlAn108Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}} @media (prefers-reduced-motion:reduce){body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-dot{animation:none}} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-defs{margin-top:14px;padding:14px 18px;border-radius:16px;background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b));border:1px solid var(--cc-edge);color:#fff;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-defs summary{cursor:pointer;font:800 12px Manrope,sans-serif;letter-spacing:.06em;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-def{margin-top:8px;font:500 12px/1.4 Manrope,sans-serif;color:#e6d8ee;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-def b{color:#fff;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-loading i{height:110px;border-radius:19px;background:linear-gradient(145deg,var(--cc-pane-a),var(--cc-pane-b));border:1px solid var(--cc-edge);} @media(max-width:1100px){ body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles-7,body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles-5{grid-template-columns:repeat(3,minmax(0,1fr));} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-grid2{grid-template-columns:1fr;} } @media(max-width:640px){ body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles-7,body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-tiles-5,body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-live-grid{grid-template-columns:1fr 1fr;} body.theme-redesign #admin-page #htl-an-v97-root .htl-an108-hero{flex-direction:column;align-items:flex-start;} } /* ===== One backdrop only (v62e): the Admin canvas owns the themed background. ===== Versioned page roots are transparent layout boxes; cards and heroes keep their own glass. */ body.theme-redesign #admin-page :is([id$="-v97-root"],[id$="-v100-root"],[id$="-v101-root"],[id$="-v102-root"],[id$="-v103-root"]){ background:none!important;background-color:transparent!important;background-image:none!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important; border:0!important;box-shadow:none!important;border-radius:0!important; } body.theme-redesign #admin-page :is([id$="-v97-root"],[id$="-v100-root"],[id$="-v101-root"],[id$="-v102-root"],[id$="-v103-root"])::before, body.theme-redesign #admin-page :is([id$="-v97-root"],[id$="-v100-root"],[id$="-v101-root"],[id$="-v102-root"],[id$="-v103-root"])::after{ content:none!important;background:none!important; } .htl-lv105-player{position:relative!important;overflow:hidden} .htl-lv105-simple{grid-template-columns:minmax(230px,300px) 1fr!important;min-height:0!important} .htl-lv105-simple .htl-lv105-actions{display:flex;gap:10px;flex-wrap:wrap} .htl-lv105-simple .htl-lv105-actions button.golive{background:linear-gradient(135deg,#a855f7,#ec4899)!important;color:#fff!important;font-weight:800;padding:12px 26px} .htl-lv105-simple .htl-lv105-player{min-height:0;aspect-ratio:16/9} @media(max-width:900px){.htl-lv105-simple{grid-template-columns:1fr!important}} /* Live Control Room: readable operator controls, not miniature dashboard tiles. */ body.theme-redesign #admin-page #htl-live-v97-root{font-size:15px;line-height:1.5;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-hero{padding:26px 28px!important;min-height:140px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-hero h1{font-size:48px!important;} body.theme-redesign #admin-page #htl-live-v97-root button{font-size:14px!important;min-height:44px!important;padding:10px 16px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-simple{grid-template-columns:350px minmax(0,1fr)!important;gap:20px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-list{padding:18px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-list nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:7px!important;margin-bottom:16px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-list header small{font-size:12px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-session{padding:12px!important;grid-template-columns:70px minmax(0,1fr) 14px!important;gap:12px!important;margin-bottom:12px!important;min-height:120px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-session .thumb{width:70px!important;height:88px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-session div b{font:600 23px/1.15 'Cormorant Garamond',serif!important;white-space:normal!important;margin:7px 0!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-session div :is(em,i){font-size:12px!important;line-height:1.5!important;white-space:normal!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-session div small{font-size:10px!important;padding:4px 8px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control{padding:24px!important;min-width:0!important;display:block!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control header h2{font-size:34px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control>p{font-size:15px!important;opacity:1!important;color:#e4d3eb!important;margin:8px 0 20px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control header span{font-size:11px!important;padding:5px 9px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-actions{gap:12px!important;margin-bottom:20px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-player{width:100%!important;max-width:none!important;aspect-ratio:16/9!important;min-height:320px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-player>div{padding:28px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-player small{font-size:12px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-player h3{font-size:34px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-player p{font-size:15px!important;line-height:1.7!important;max-width:55ch;} body.theme-redesign #admin-page #htl-live-v97-root :is(label,input,select,textarea,summary){font-size:15px!important;line-height:1.5!important;} body.theme-redesign #admin-page #htl-live-v97-root :is(input:not([type=checkbox]),select){min-height:46px!important;padding:11px 13px!important;} body.theme-redesign #admin-page #htl-live-v97-root #htl-golive-form{padding:28px!important;} body.theme-redesign #admin-page #htl-live-v97-root #htl-golive-form>div:first-child{font-size:24px!important;} body.theme-redesign #admin-page #htl-live-v97-root #htl-golive-form>div:nth-child(2){font-size:15px!important;} @media(max-width:1100px){body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-simple{grid-template-columns:1fr!important;}} @media(max-width:700px){body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control{padding:16px!important;}body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-player{min-height:240px!important;}} /* Session controls belong beside the heading; member chat beside the stream. */ body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control.htl-has-host-chat{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;grid-template-rows:auto auto minmax(320px,auto);gap:12px 20px!important;align-content:start!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control>header{grid-column:1;grid-row:1;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control>p{grid-column:1;grid-row:2;margin:0 0 8px!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-actions{grid-column:2;grid-row:1/3;justify-content:flex-end;align-content:start;margin:0!important;} body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control .htl-lv105-player{grid-column:1;grid-row:3;align-self:start;min-height:320px!important;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat{grid-column:2;grid-row:3;margin:0!important;display:flex;flex-direction:column;min-height:320px;max-height:560px;padding:18px!important;overflow:hidden;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat>div:first-child{font-size:12px!important;line-height:1.6;margin-bottom:14px!important;color:#fff;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat-list{flex:1;min-height:140px;max-height:none!important;overflow-y:auto!important;color:#fff!important;font-size:14px!important;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat-list>div>div:last-child{font-size:14px!important;line-height:1.6;padding:9px 11px;background:#ffffff0c;border-radius:10px;margin-bottom:10px;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat>div:last-child{flex-shrink:0;flex-wrap:wrap;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat-input{width:100%;min-width:0!important;} body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat-send:disabled{opacity:.5;cursor:default;} @media(max-width:1250px){body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-simple{grid-template-columns:1fr!important;}} @media(max-width:850px){body.theme-redesign #admin-page #htl-live-v97-root .htl-lv105-control.htl-has-host-chat{display:flex!important;flex-direction:column;}.htl-lv105-actions{align-self:flex-start;}body.theme-redesign #admin-page #htl-live-v97-root #htl-host-chat{height:400px;width:100%;box-sizing:border-box;}}