@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#070706;--panel:#11100d;--panel2:#181610;--text:#f7f3e8;--muted:#938c7e;--gold:#f4ca55;--gold2:#b88319;--line:rgba(244,202,85,.2);--line2:rgba(255,255,255,.08);--green:#43d184;--red:#ff5c5c;--amber:#ffb648;--blue:#62a7ff;--shadow:0 24px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}.hidden{display:none!important}.mobile-only{display:none!important}.desktop-only{display:grid!important}.app-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 0,rgba(244,202,85,.13),transparent 27%),radial-gradient(circle at 90% 28%,rgba(184,131,25,.08),transparent 25%),linear-gradient(180deg,#090806,#050504)}.app-bg:after{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 80%)}.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(8,8,6,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:60}.brand-lockup{display:flex;align-items:center;gap:10px;width:max-content;font-family:Manrope}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(244,202,85,.55);border-radius:10px;background:rgba(244,202,85,.08);color:var(--gold);font-weight:800}.brand-lockup>span:last-child{display:flex;gap:5px;font-size:20px;letter-spacing:-.05em}.brand-lockup em{font-style:normal;color:var(--gold);font-weight:800}.event-chip,.admin-event-label{justify-self:center;display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:8px 12px;color:#c6bead;font-size:10px;font-weight:700}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(67,209,132,.7)}.top-actions{justify-self:end;display:flex;gap:8px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:11px;background:rgba(255,255,255,.025);color:#bdb5a4;cursor:pointer}.icon-btn:hover{color:var(--gold);border-color:var(--line);background:rgba(244,202,85,.08)}
.user-app-shell{width:min(1220px,94vw);margin:auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;padding:48px 0 90px}.user-hero{position:sticky;top:106px;height:max-content;padding:35px 8px}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(244,202,85,.08);color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.1em}.user-hero h1{font:800 clamp(48px,5.8vw,78px)/.95 Manrope;margin:20px 0 18px;letter-spacing:-.06em}.user-hero h1 span{color:var(--gold)}.user-hero>p{max-width:560px;color:#c3bcac;font-size:16px;line-height:1.7}.hero-feature-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.hero-feature-row span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line2);border-radius:10px;color:#aaa292;font-size:10px;background:rgba(255,255,255,.02)}.hero-feature-row .icon{width:14px;color:var(--gold)}
.mini-display-card{margin-top:32px;padding:8px;border:1px solid var(--line);border-radius:20px;background:rgba(244,202,85,.04);box-shadow:var(--shadow);transform:perspective(900px) rotateY(4deg) rotateX(2deg)}.mini-screen{height:210px;position:relative;overflow:hidden;padding:25px;border-radius:14px;background:radial-gradient(circle at 72% 15%,rgba(244,202,85,.22),transparent 31%),linear-gradient(135deg,#070706,#1b1304 55%,#070706);border:1px solid rgba(244,202,85,.2)}.mini-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,230,150,.12) 45%,transparent 65%);transform:translateX(-100%);animation:sweepMini 4s infinite}.mini-screen-top{display:flex;justify-content:space-between;color:#9c947f;font-size:9px;font-weight:700}.mini-screen-top small{color:var(--gold)}.mini-screen strong{display:block;color:var(--gold);font:800 20px Manrope;margin-top:38px}.mini-screen p{font:700 22px/1.2 Manrope;max-width:350px;margin:6px 0}.mini-wave{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:pulse 2.5s infinite}@keyframes sweepMini{50%,100%{transform:translateX(100%)}}@keyframes pulse{50%{opacity:.25}}
.flow-app-card{border:1px solid var(--line);border-radius:26px;padding:22px;background:linear-gradient(180deg,rgba(24,22,17,.97),rgba(11,11,8,.97));box-shadow:var(--shadow);min-height:690px}.flow-head,.section-title-row,.drawer-head,.panel-head,.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.flow-head{align-items:center;padding:4px 4px 18px}.flow-head h2{font:800 26px Manrope;margin:4px 0 0}.eyebrow{display:block;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.18em}.secure-pill{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line2);border-radius:999px;color:#aaa293;font-size:9px}.secure-pill .icon{width:13px}
.stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;padding:13px 14px;margin-bottom:24px;border:1px solid var(--line2);border-radius:15px;background:rgba(0,0,0,.22)}.stepper>i{height:1px;background:#39352c}.step-dot{display:grid;place-items:center;gap:4px;border:0;background:none;color:#686259;cursor:pointer}.step-dot span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #3b372f;border-radius:50%;font-size:10px;font-weight:800}.step-dot b{font-size:8px}.step-dot.active,.step-dot.done{color:var(--gold)}.step-dot.active span{border-color:var(--gold);background:rgba(244,202,85,.09)}.step-dot.done span{background:var(--gold);color:#0a0906;border-color:var(--gold)}.flow-step{display:none;animation:fadeUp .24s ease}.flow-step.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-title-row{margin:6px 3px 16px}.section-title-row h3{font:800 22px Manrope;margin:5px 0 0}.muted,.char-counter{color:var(--muted);font-size:10px}.char-counter b{color:var(--gold)}
.package-grid{display:grid;gap:9px;margin-bottom:18px}.package{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;width:100%;padding:12px;border:1px solid #2d291f;border-radius:14px;background:#0b0b09;color:var(--text);text-align:left;cursor:pointer;transition:.2s}.package:hover,.package.selected{border-color:rgba(244,202,85,.7);background:linear-gradient(110deg,rgba(244,202,85,.07),rgba(255,255,255,.01));transform:translateY(-1px)}.pkg-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(244,202,85,.08);color:var(--gold)}.package strong{display:block;font-size:13px}.package small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.package .price{text-align:right;color:var(--gold);font-weight:800;font-size:12px}.package .price small{color:#736d62;font-weight:500}.field{margin:14px 0}.field label{display:block;color:#bcb4a3;font-size:10px;font-weight:600;margin-bottom:7px}.input-wrap,.textarea-wrap,.search-box{position:relative}.input-wrap .icon,.search-box .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;color:#777064}.input-wrap input,.search-box input{padding-left:40px}.input-wrap input,.textarea-wrap textarea,.search-box input,select{width:100%;padding:13px;border:1px solid #332f25;border-radius:12px;background:#090908;color:var(--text);outline:none}.input-wrap input:focus,.textarea-wrap textarea:focus,.search-box input:focus,select:focus{border-color:rgba(244,202,85,.7);box-shadow:0 0 0 3px rgba(244,202,85,.05)}.textarea-wrap textarea{resize:vertical;min-height:112px}
.preview-stage{position:relative;display:flex;align-items:center;min-height:170px;margin:16px 0 20px;padding:34px 20px 20px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(244,202,85,.2),transparent 34%),linear-gradient(135deg,#080806,#171004)}.preview-label{position:absolute;top:11px;right:13px;color:#8a826e;font-size:8px;letter-spacing:.15em}.preview-message-card{width:100%;padding:19px;border:1px solid var(--gold);border-radius:13px;background:rgba(5,5,4,.9);box-shadow:0 0 30px rgba(244,202,85,.14);transform-origin:center}.preview-message-card strong{display:block;color:var(--gold);font:800 18px Manrope}.preview-message-card p{font:700 19px/1.2 Manrope;margin:5px 0 11px}.preview-message-card small{color:#8e8675;font-size:8px;letter-spacing:.12em}
.review-summary{display:grid;gap:9px;margin-bottom:14px}.review-item{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;background:#0a0a08}.review-item span{color:var(--muted);font-size:10px}.review-item b{font-size:11px;text-align:right}.review-message{display:block}.review-message b{display:block;text-align:left;margin-top:7px;font-size:13px;line-height:1.5}.rules-card{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid rgba(255,182,72,.3);border-radius:14px;background:rgba(255,182,72,.06)}.rules-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,182,72,.1);color:var(--amber)}.rules-card strong{font-size:11px}.rules-card p{margin:5px 0 0;color:#b2aa99;font-size:10px;line-height:1.55}.agree-row{display:flex;align-items:flex-start;gap:10px;margin:15px 2px;color:#9e9686;font-size:10px;line-height:1.55}.agree-row input{margin-top:3px;accent-color:var(--gold)}.agree-row b{color:#ddd5c4}
.payment-shell{display:grid;grid-template-columns:1fr .82fr;gap:14px}.payment-summary,.qr-panel{padding:18px;border:1px solid var(--line2);border-radius:16px;background:#0a0a08}.payment-summary h3{font:800 24px Manrope;margin:5px 0 18px}.pay-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #252219;font-size:11px}.pay-line span{color:var(--muted)}.pay-line.total{border:0;margin-top:4px}.pay-line.total b{font-size:20px;color:var(--gold)}.order-note{display:flex;gap:8px;margin-top:16px;color:#827a6b;font-size:9px;line-height:1.45}.qr-panel{display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.qr-panel>span{color:var(--muted);font-size:9px}.qr-art{width:156px;height:156px;padding:10px;border-radius:10px;background:white;box-shadow:0 16px 40px rgba(0,0,0,.4)}.qr-inner{width:100%;height:100%;position:relative;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/20px 20px}.qr-inner:after{content:"M";position:absolute;inset:44px;display:grid;place-items:center;border:5px solid white;background:#090806;color:var(--gold);font:bold 28px Manrope}
.status-hero-card{text-align:center;padding:24px 15px 18px}.status-orb{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 13px;border:1px solid var(--gold);border-radius:50%;background:rgba(244,202,85,.08);color:var(--gold)}.status-orb.success{border-color:var(--green);background:rgba(67,209,132,.08);color:var(--green)}.status-orb.danger{border-color:var(--red);background:rgba(255,92,92,.08);color:var(--red)}.status-hero-card h3{font:800 27px Manrope;margin:6px 0}.status-hero-card p{max-width:420px;margin:7px auto;color:var(--muted);font-size:10px;line-height:1.55}.status-hero-card code{display:inline-block;margin-top:8px;padding:7px 10px;border:1px solid var(--line2);border-radius:8px;background:#0a0a08;color:#bbb3a1;font-size:10px}.status-timeline{display:grid;max-width:460px;margin:4px auto 18px}.status-row{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:10px 3px;color:#686258}.status-row .node{width:14px;height:14px;position:relative;border:3px solid #504b42;border-radius:50%}.status-row:not(:last-child) .node:after{content:"";position:absolute;top:11px;left:3px;width:2px;height:27px;background:#353128}.status-row b{font-size:10px}.status-row small{font-size:8px}.status-row.done{color:#c8c0af}.status-row.done .node{border-color:var(--green);background:var(--green)}.status-row.active{color:var(--gold)}.status-row.active .node{border-color:var(--gold);background:var(--gold)}.status-row.rejected{color:var(--red)}.status-row.rejected .node{border-color:var(--red);background:var(--red)}.status-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.primary-btn,.secondary-btn,.danger-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 15px;border-radius:11px;border:1px solid transparent;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.primary-btn{background:linear-gradient(135deg,#f8d761,#b98017);color:#110f08}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.secondary-btn{border-color:#3b372d;background:#0a0a08;color:#c4bcaa}.secondary-btn:hover{color:var(--gold);border-color:var(--line)}.danger-btn{border-color:rgba(255,92,92,.3);background:rgba(255,92,92,.08);color:#ff8585}.text-btn{padding:5px;background:none;color:#9a9282;border:0}.primary-btn.full{width:100%}.small{padding:9px 12px;font-size:9px}.button-pair{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:18px}
.mobile-bottom-nav{display:none}.drawer-backdrop{position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.history-drawer{position:fixed;top:0;right:0;z-index:90;width:min(420px,92vw);height:100vh;padding:20px;border-left:1px solid var(--line);background:#0c0c09;box-shadow:-30px 0 80px rgba(0,0,0,.55);transform:translateX(105%);transition:.28s}.history-drawer.open{transform:none}.drawer-head{padding-bottom:14px;border-bottom:1px solid var(--line2)}.drawer-head h3{font:800 21px Manrope;margin:5px 0}.history-list{display:grid;gap:8px;margin-top:15px;max-height:calc(100vh - 110px);overflow:auto}.history-item{padding:12px;border:1px solid var(--line2);border-radius:13px;background:#090908}.history-item-head{display:flex;justify-content:space-between;gap:10px}.history-item strong{font-size:10px}.history-item p{color:#c6bead;font-size:10px;line-height:1.45}.history-item small{color:var(--muted);font-size:8px}.status-badge{display:inline-flex;align-items:center;padding:5px 7px;border:1px solid var(--line2);border-radius:999px;color:#aaa292;font-size:8px;font-weight:800}.status-badge.approved,.status-badge.completed{color:var(--green);border-color:rgba(67,209,132,.25);background:rgba(67,209,132,.06)}.status-badge.pending_moderation{color:var(--amber);border-color:rgba(255,182,72,.25);background:rgba(255,182,72,.06)}.status-badge.rejected{color:var(--red);border-color:rgba(255,92,92,.25);background:rgba(255,92,92,.06)}.status-badge.displaying{color:var(--gold);border-color:var(--line);background:rgba(244,202,85,.08)}.toast{position:fixed;left:50%;bottom:24px;z-index:110;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#181610;color:#ddd5c4;font-size:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-topbar{grid-template-columns:auto 1fr auto}.admin-event-label{justify-self:center}.admin-app{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}.admin-sidebar{height:calc(100vh - 72px);position:sticky;top:72px;z-index:40;display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid var(--line);background:rgba(8,8,6,.82)}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:8px 8px 16px;border-bottom:1px solid var(--line2)}.avatar-admin{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(244,202,85,.08);color:var(--gold);font:800 12px Manrope}.sidebar-profile strong{display:block;font-size:10px}.sidebar-profile span{display:block;margin-top:2px;color:var(--muted);font-size:8px}.sidebar-nav{display:grid;gap:4px;margin-top:14px}.sidebar-nav button{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:none;color:#91897b;text-align:left;font-size:10px;cursor:pointer}.sidebar-nav button:hover,.sidebar-nav button.active{border-color:var(--line);background:rgba(244,202,85,.08);color:var(--gold)}.sidebar-nav .icon{width:16px}.nav-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,92,92,.13);color:#ff8585;font-size:8px}.nav-badge.amber{background:rgba(255,182,72,.1);color:var(--amber)}.sidebar-safety{margin-top:auto;padding:13px 8px 5px;border-top:1px solid var(--line2)}.sidebar-safety>span{color:#625d53;font-size:7px;letter-spacing:.15em}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.safety-grid button{height:35px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:9px;background:#090908;color:#9b9384;cursor:pointer}.emergency-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid rgba(255,92,92,.3);border-radius:10px;background:rgba(255,92,92,.08);color:#ff7e7e;font-size:8px;font-weight:800;cursor:pointer}.display-health{display:flex;align-items:center;gap:6px;margin-top:8px;color:#7d7668;font-size:8px}.display-health span{width:6px;height:6px;border-radius:50%;background:var(--green)}.display-health.stop span{background:var(--red)}.display-health.pause span{background:var(--amber)}
.admin-main-v2{padding:28px 30px 60px;min-width:0}.admin-tab{display:none}.admin-tab.active{display:block;animation:fadeUp .2s ease}.page-head{align-items:flex-end;margin-bottom:18px}.page-head h1{font:800 31px Manrope;margin:4px 0 3px}.page-head p{margin:0;color:var(--muted);font-size:10px}.page-head-actions{display:flex;gap:7px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.metrics-grid article{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:14px;border:1px solid var(--line2);border-radius:15px;background:linear-gradient(145deg,#12110e,#0a0a08)}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px}.metric-icon.gold{color:var(--gold);background:rgba(244,202,85,.08)}.metric-icon.blue{color:var(--blue);background:rgba(98,167,255,.08)}.metric-icon.amber{color:var(--amber);background:rgba(255,182,72,.08)}.metric-icon.green{color:var(--green);background:rgba(67,209,132,.08)}.metrics-grid small,.metrics-grid em{display:block;color:var(--muted);font-size:8px;font-style:normal}.metrics-grid strong{display:block;font:800 20px Manrope;margin:2px 0}.dashboard-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:12px;margin-bottom:12px}.panel-card,.table-card{padding:15px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,#12110e,#0a0a08)}.panel-head{margin-bottom:11px}.panel-head h3{font:800 17px Manrope;margin:4px 0}.mini-mod-row,.mini-queue-row,.activity-row{padding:10px 0;border-top:1px solid #28251d}.mini-mod-row:first-child,.mini-queue-row:first-child,.activity-row:first-child{border-top:0}.mini-mod-row{display:grid;grid-template-columns:1fr auto;gap:12px}.mini-mod-row strong,.mini-queue-row strong{font-size:10px}.mini-mod-row p,.mini-queue-row p{margin:4px 0;color:#b4ad9d;font-size:9px;line-height:1.4}.mini-mod-row small,.mini-queue-row small{color:var(--muted);font-size:8px}.flag-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid rgba(255,182,72,.24);border-radius:999px;background:rgba(255,182,72,.07);color:var(--amber);font-size:7px;font-weight:800}.mini-actions{display:flex;gap:4px;align-items:center}.square-action{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:8px;background:#090908;color:#948c7c;cursor:pointer}.square-action.approve{color:var(--green)}.square-action.reject{color:var(--red)}.mini-queue-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center}.queue-number{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(244,202,85,.08);color:var(--gold);font-size:8px;font-weight:800}.activity-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}.activity-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:8px;background:#090908;color:#958d7c}.activity-row b{font-size:9px}.activity-row p{margin:2px 0;color:var(--muted);font-size:8px}.activity-row time{color:#6f695e;font-size:7px}
.toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 180px;gap:8px;margin-bottom:12px}.search-box input,select{height:42px}.moderation-grid,.refund-grid{display:grid;gap:9px}.moderation-card,.refund-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px;border:1px solid var(--line2);border-radius:15px;background:linear-gradient(145deg,#12110e,#0a0a08)}.moderation-card.flagged{border-color:rgba(255,182,72,.35)}.mod-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}.mod-top strong{font-size:11px}.mod-message{margin:5px 0;font-size:13px;font-weight:650;line-height:1.5}.mod-meta{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:8px}.meta-chip{padding:4px 6px;border:1px solid var(--line2);border-radius:999px}.moderation-actions,.refund-actions{display:flex;gap:6px;align-items:center}.queue-board{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.now-playing-card{min-height:250px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 70% 10%,rgba(244,202,85,.18),transparent 30%),linear-gradient(135deg,#0a0a08,#1d1404);overflow:hidden}.now-playing-card .live-tag{position:absolute;top:14px;right:14px;color:var(--gold);font-size:8px;font-weight:800}.now-playing-card strong{color:var(--gold);font:800 21px Manrope}.now-playing-card p{font:800 24px/1.25 Manrope}.now-playing-card small{color:var(--muted);font-size:8px}.queue-manage-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #28251d}.queue-manage-row:first-child{border-top:0}.queue-controls{display:flex;gap:4px}.queue-controls button{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:8px;background:#090908;color:#958d7c;cursor:pointer}.table-card{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;min-width:780px;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #28251d;text-align:left;font-size:9px}th{background:#0a0a08;color:#756f63;font-size:7px;letter-spacing:.08em}td{color:#c2bbaa}td b{color:var(--text)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.package-settings{display:grid;gap:7px;margin-bottom:11px}.package-setting-row{display:grid;grid-template-columns:1fr 120px 110px;gap:7px;align-items:center;padding:8px;border:1px solid var(--line2);border-radius:11px;background:#090908}.package-setting-row input{width:100%;padding:8px;border:1px solid #302c23;border-radius:8px;background:#070706;color:white;font-size:9px}.input-action{display:grid;grid-template-columns:1fr auto;gap:7px}.blacklist-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.black-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,92,92,.22);border-radius:999px;background:rgba(255,92,92,.05);color:#d8b3b3;font-size:9px}.black-chip button{border:0;background:none;color:#a77474;cursor:pointer}.info-panel{display:grid;place-items:start;align-content:center}.info-panel>.icon{width:26px;height:26px;color:var(--gold);margin-bottom:10px}.info-panel h3{margin:0;font:800 18px Manrope}.info-panel p{color:var(--muted);font-size:10px;line-height:1.6}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.report-card{padding:14px;border:1px solid var(--line2);border-radius:14px;background:#10100d}.report-card span{color:var(--muted);font-size:8px}.report-card strong{display:block;font:800 23px Manrope;margin-top:4px}.package-bars{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:80px 1fr 50px;gap:10px;align-items:center}.bar-row b{font-size:9px}.bar-track{height:7px;border-radius:999px;background:#29261e;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold2),var(--gold))}.bar-row span{color:var(--muted);font-size:8px;text-align:right}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-card{width:min(470px,92vw);padding:18px;border:1px solid var(--line);border-radius:18px;background:#12110e;box-shadow:var(--shadow)}.modal-card h3{font:800 20px Manrope;margin:5px 0}.modal-card p{color:var(--muted);font-size:10px;line-height:1.55}.modal-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:15px}.reason-list{display:grid;gap:6px;margin:12px 0}.reason-list label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line2);border-radius:9px;color:#afa796;font-size:9px}.empty{padding:22px;border:1px dashed #39352d;border-radius:12px;color:var(--muted);text-align:center;font-size:10px}.empty strong{display:block;color:#b8b09e}.empty p{margin:5px 0 0}
.display-body{overflow:hidden;background:#000}.stage{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(244,202,85,.15),transparent 28%),linear-gradient(135deg,#030303,#161004 50%,#030303)}.stage-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:4vw 4vw}.stage-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(244,202,85,.16),transparent 63%);filter:blur(20px);animation:stageGlow 5s infinite alternate}@keyframes stageGlow{to{transform:scale(1.08);opacity:.7}}.stage-head{position:absolute;top:4.5vh;left:5vw;right:5vw;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.display-brand .brand-mark{width:3vw;height:3vw;min-width:40px;min-height:40px}.display-brand>span:last-child{font-size:1.8vw}.stage-event{text-align:center}.stage-event strong{display:block;font:700 1vw Manrope}.stage-event span{display:block;margin-top:.25vw;color:#8d846f;font-size:.65vw}.live-pill{justify-self:end;display:flex;align-items:center;gap:.5vw;padding:.55vw .8vw;border:1px solid rgba(244,202,85,.35);border-radius:999px;color:var(--gold);font-size:.7vw;font-weight:800}.live-pill span{width:.45vw;height:.45vw;border-radius:50%;background:#ff5555;box-shadow:0 0 12px rgba(255,85,85,.8)}
.message-frame{z-index:3;position:relative;width:min(72vw,1450px);min-height:34vh;display:flex;flex-direction:column;justify-content:center;padding:3.8vw 4.6vw;border:2px solid var(--gold);border-radius:2vw;background:linear-gradient(112deg,rgba(6,6,5,.95),rgba(28,20,4,.93));box-shadow:0 0 55px rgba(244,202,85,.32),0 30px 90px rgba(0,0,0,.5);overflow:hidden;transform-origin:center}.message-kicker{margin-bottom:1vw;color:#837b69;font-size:.65vw;letter-spacing:.2em;font-weight:800}.display-name{margin-bottom:.8vw;color:var(--gold);font:800 2.5vw Manrope}.display-text{max-width:62vw;font:800 4vw/1.08 Manrope;letter-spacing:-.045em}.display-meta{margin-top:1.5vw;color:#8e856f;font-size:.72vw;letter-spacing:.12em;font-weight:700}.frame-deco{position:absolute;width:8vw;height:8vw;border:1px solid rgba(244,202,85,.18);transform:rotate(45deg)}.frame-deco-a{right:-4vw;top:-4vw}.frame-deco-b{left:-5vw;bottom:-5vw}.stage-foot{position:absolute;left:5vw;right:5vw;bottom:4vh;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:1vw;border-top:1px solid rgba(244,202,85,.18);color:#968d79;font-size:.65vw;font-weight:700;letter-spacing:.08em}.stage-foot span:first-child{display:flex;align-items:center;gap:.45vw}.stage-foot span:nth-child(2){text-align:center}.stage-foot span:last-child{text-align:right}.paused-layer,.stop-layer{position:absolute;inset:0;z-index:20;display:none;place-items:center;align-content:center;text-align:center;background:#060605}.paused-layer.active,.stop-layer.active{display:grid}.pause-logo{width:7vw;height:7vw;display:grid;place-items:center;border:1px solid var(--line);border-radius:2vw;background:rgba(244,202,85,.08);color:var(--gold);font:800 3vw Manrope}.paused-layer strong,.stop-layer strong{margin-top:1vw;color:var(--gold);font:800 4vw Manrope}.paused-layer span,.stop-layer span{margin-top:.5vw;color:#8a8272;font-size:1vw}.stop-mark{color:var(--red)}.stop-mark .icon{width:7vw;height:7vw}
.tier-idle{animation:idle 4s ease-in-out infinite}@keyframes idle{50%{transform:translateY(-.4vw);box-shadow:0 0 70px rgba(244,202,85,.36),0 30px 90px rgba(0,0,0,.5)}}.message-frame.tier-basic.anim-in{animation:basicIn .52s ease both}.message-frame.tier-basic.anim-out{animation:basicOut .48s ease both}@keyframes basicIn{from{opacity:0;transform:translateY(3vw);filter:blur(4px)}}@keyframes basicOut{to{opacity:0;transform:translateY(-2vw);filter:blur(3px)}}.stage.tier-neon .stage-glow{background:radial-gradient(circle,rgba(244,202,85,.3),transparent 60%)}.message-frame.tier-neon{box-shadow:0 0 35px rgba(244,202,85,.58),0 0 100px rgba(244,202,85,.2)}.message-frame.tier-neon.anim-in{animation:neonIn .68s ease both,neonPulse 1.7s .7s ease-in-out infinite}.message-frame.tier-neon.anim-out{animation:neonOut .62s ease both}@keyframes neonIn{from{opacity:0;transform:translateX(-4vw) scale(.95);filter:blur(8px) brightness(1.5)}}@keyframes neonPulse{50%{box-shadow:0 0 52px rgba(244,202,85,.78),0 0 130px rgba(244,202,85,.3)}}@keyframes neonOut{to{opacity:0;transform:scale(1.04);filter:blur(9px)}}.message-frame.tier-premium:before{content:"";position:absolute;inset:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,235,160,.75),transparent);transform:translateX(-200%) skewX(-18deg)}.message-frame.tier-premium.anim-in{animation:premiumIn .7s ease both}.message-frame.tier-premium.anim-in:before{animation:sweep 1.2s .2s both}.message-frame.tier-premium.anim-out{animation:premiumOut .72s ease both}@keyframes premiumIn{from{opacity:0;transform:scale(.87);filter:blur(6px)}70%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes sweep{to{transform:translateX(700%) skewX(-18deg)}}@keyframes premiumOut{to{opacity:0;transform:translateX(4vw) scale(.95);filter:blur(5px)}}.stage.tier-super:before{content:"";position:absolute;width:80vw;height:80vw;border-radius:50%;background:repeating-conic-gradient(rgba(244,202,85,.22) 0 1deg,transparent 1deg 11deg);animation:spin 18s linear infinite;opacity:.45}@keyframes spin{to{transform:rotate(360deg)}}.message-frame.tier-super.anim-in{animation:superIn .62s ease both}.message-frame.tier-super.anim-out{animation:superOut .8s ease both}@keyframes superIn{0%{opacity:0;transform:scale(.66) translateY(3vw);filter:blur(10px)}60%{transform:scale(1.06)}78%{transform:scale(.985)}100%{transform:scale(1)}}@keyframes superOut{40%{transform:scale(1.03)}100%{opacity:0;transform:scale(.76) translateY(-3vw);filter:blur(9px)}}.stage.tier-vip:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 50%,rgba(244,202,85,.23),rgba(0,0,0,.15) 34%,rgba(0,0,0,.82) 76%)}.message-frame.tier-vip{z-index:4;width:82vw;min-height:47vh;padding:5vw 6vw;border-width:3px;box-shadow:0 0 65px rgba(244,202,85,.55),0 0 150px rgba(244,202,85,.2)}.message-frame.tier-vip .display-name{font-size:3.5vw}.message-frame.tier-vip .display-text{max-width:70vw;font-size:5vw}.message-frame.tier-vip.anim-in{animation:vipIn .95s ease both}.message-frame.tier-vip.anim-out{animation:vipOut 1s ease both}@keyframes vipIn{from{opacity:0;transform:scale(.78);filter:blur(18px)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes vipOut{35%{transform:scale(1.02)}to{opacity:0;transform:scale(.84);filter:blur(18px)}}.message-frame.anim-in .display-name{animation:textRise .45s .15s both}.message-frame.anim-in .display-text{animation:textRise .55s .27s both}.message-frame.anim-in .display-meta{animation:textRise .45s .4s both}@keyframes textRise{from{opacity:0;transform:translateY(1.3vw);filter:blur(4px)}}
@media(max-width:980px){.user-app-shell{grid-template-columns:1fr;padding-top:22px}.user-hero{position:static;padding:20px 3px}.mini-display-card{display:none}.flow-app-card{min-height:0}.admin-app{grid-template-columns:1fr}.admin-sidebar{position:fixed;top:72px;bottom:0;left:0;width:250px;height:auto;transform:translateX(-105%);transition:.25s}.admin-sidebar.open{transform:none}.mobile-only{display:grid!important}.admin-topbar{grid-template-columns:auto auto 1fr auto}.admin-event-label{justify-self:end;margin-right:10px}.metrics-grid,.report-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.queue-board,.settings-grid{grid-template-columns:1fr}}
@media(max-width:640px){body[data-page="user"]{padding-bottom:70px}.app-topbar{height:64px;padding:0 14px;grid-template-columns:1fr auto}.event-chip{display:none}.desktop-only{display:none!important}.brand-lockup>span:last-child{font-size:18px}.user-app-shell{width:94vw;padding-bottom:30px}.user-hero h1{font-size:45px}.user-hero>p{font-size:13px}.flow-app-card{padding:14px;border-radius:20px}.flow-head h2{font-size:21px}.secure-pill{display:none}.stepper{padding:10px 7px}.step-dot b{display:none}.package{grid-template-columns:44px 1fr auto;padding:10px}.payment-shell{grid-template-columns:1fr}.button-pair{grid-template-columns:1fr 1fr}.status-actions{display:grid;grid-template-columns:1fr 1fr}.status-actions .primary-btn{grid-column:1/-1}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:10px;right:10px;bottom:10px;z-index:60;height:58px;border:1px solid var(--line);border-radius:17px;background:rgba(17,16,12,.92);backdrop-filter:blur(18px);overflow:hidden}.mobile-bottom-nav button,.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;border:0;background:none;color:#787164;font-size:8px}.mobile-bottom-nav .active{color:var(--gold)}.admin-main-v2{padding:18px 12px 40px}.admin-event-label{display:none}.page-head{align-items:flex-start;flex-direction:column}.metrics-grid,.report-grid{grid-template-columns:1fr 1fr}.metrics-grid article{grid-template-columns:34px 1fr;padding:11px}.metric-icon{width:32px;height:32px}.metrics-grid strong{font-size:17px}.toolbar{grid-template-columns:1fr}.moderation-card,.refund-card{grid-template-columns:1fr}.moderation-actions,.refund-actions{justify-content:flex-start}.package-setting-row{grid-template-columns:1fr 95px 85px}.stage-head,.stage-foot{left:3vw;right:3vw}.message-frame{width:88vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* Fixed sender icon: rendered directly, independent of JS icon injection */
.fixed-user-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#777064;pointer-events:none;z-index:2}.fixed-user-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sender-input input{padding-left:40px}