:root{--bg:#070b16;--panel:rgba(255,255,255,.08);--border:rgba(255,255,255,.12);--text:#f8fbff;--muted:#b8c4dc;--accent:#d946ef;--accent-2:#60a5fa;--frame-filter:none;--frame-radius:22px;--shadow:0 22px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#172038 0,#0b1224 30%,#070b16 100%);color:var(--text)}body{min-height:100vh}.app-body,.admin-body,.download-body{position:relative;overflow-x:hidden}.bg{position:fixed;pointer-events:none;border-radius:999px;filter:blur(70px);opacity:.55}.fx-1{width:340px;height:340px;background:rgba(217,70,239,.24);left:-80px;top:30px}.fx-2{width:360px;height:360px;background:rgba(96,165,250,.22);right:-80px;top:80px}.fx-3{width:280px;height:280px;background:rgba(45,212,191,.16);left:45%;bottom:-70px}.glass{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:430px 1fr;gap:22px;padding:22px}.control-stack,.preview-stack{display:flex;flex-direction:column;gap:18px}.control-stack{padding:22px;border-radius:32px}.preview-card,.thumb-card,.quick-links{padding:20px;border-radius:28px}.brand-block{display:flex;gap:18px;align-items:center}.logo-gem{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 18px 40px rgba(217,70,239,.3)}.micro{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#d8e7ff;margin-bottom:4px}h1,h2{margin:0}h1{font-size:2.1rem;line-height:1.02}h1 span{opacity:.8;font-weight:700}p{color:var(--muted);line-height:1.5}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.hero-metrics div,.mini-card{padding:12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.hero-metrics strong{display:block;font-size:1rem}.hero-metrics span,.mini-card span{color:var(--muted);font-size:.82rem}.panel-card{padding:18px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.82rem}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tab,.btn{appearance:none;border:1px solid var(--border);cursor:pointer;border-radius:18px;padding:13px 16px;color:var(--text);font:inherit;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;background:rgba(255,255,255,.05)}.tab:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.tab.active,.btn.primary{background:linear-gradient(135deg,#f9a8d4,#d946ef 45%,#60a5fa);color:#16091d;font-weight:800;border-color:rgba(255,255,255,.26);box-shadow:0 18px 30px rgba(217,70,239,.22)}.btn.glassy{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px rgba(0,0,0,.16)}.btn.subtle{background:rgba(255,255,255,.035)}.btn.success{background:linear-gradient(135deg,#34d399,#14b8a6);color:#06241e;font-weight:800}.linklike{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.mode{display:none;margin-top:14px}.mode.active{display:block}.camera-stage{position:relative}video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#020617;border-radius:24px;border:1px solid var(--border)}.live-badge{position:absolute;top:12px;left:12px;padding:8px 10px;border-radius:999px;background:rgba(7,11,22,.7);border:1px solid rgba(255,255,255,.12);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.flash-fx{position:absolute;inset:0;border-radius:24px;pointer-events:none}.flash-fx.active{animation:flash .35s ease}@keyframes flash{0%{background:rgba(255,255,255,0)}15%{background:rgba(255,255,255,.95)}100%{background:rgba(255,255,255,0)}}.grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compact{margin-top:12px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.action-row>*{flex:1}.wrap3>*{min-width:120px}.full{width:100%;margin-top:12px}label{display:flex;flex-direction:column;gap:8px;font-size:.92rem;color:var(--muted);margin-top:10px}input,select,textarea{width:100%;padding:13px 14px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);font:inherit;outline:none}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px rgba(217,70,239,.14);border-color:rgba(255,255,255,.28)}textarea{min-height:140px;resize:vertical}.dropzone{display:grid;place-items:center;gap:8px;min-height:220px;border:1.5px dashed rgba(255,255,255,.18);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));text-align:center;cursor:pointer;padding:20px}.dropzone input{display:none}.drop-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:1.7rem;background:linear-gradient(135deg,rgba(244,114,182,.35),rgba(96,165,250,.22))}.subtle-text{display:block;margin-top:10px;color:var(--muted)}#stripWrap{min-height:66vh;display:grid;place-items:center;padding:18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}.strip,.public-strip{background:linear-gradient(180deg,#fff,#f5f7ff);color:#0f172a;border-radius:28px;padding:24px 18px 18px;box-shadow:0 28px 70px rgba(0,0,0,.24);display:grid;gap:12px;position:relative;width:340px}.strip:before{content:attr(data-title);display:block;text-align:center;color:var(--accent);font-weight:900;font-size:1.15rem;margin-bottom:8px}.strip:after{content:attr(data-caption);white-space:pre-wrap;color:#64748b;text-align:center;font-weight:700;padding-top:8px}.strip.empty:after{content:'Add photos to start building your booth design.'}.strip2x6{grid-template-columns:1fr}.print4x6,.square{width:760px;grid-template-columns:repeat(2,minmax(0,1fr))}.square{aspect-ratio:1/1;align-content:start}.frame{position:relative;background:linear-gradient(135deg,#edf2f7,#d9e1ec);border-radius:var(--frame-radius);overflow:hidden;min-height:180px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.frame img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--frame-filter)}.watermark{position:absolute;right:12px;bottom:12px;padding:8px 10px;border-radius:999px;background:rgba(7,11,22,.72);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.04em}.brand-logo{position:absolute;left:10px;top:10px;width:48px;height:48px;object-fit:contain;background:rgba(255,255,255,.7);border-radius:14px;padding:6px}.empty-state{min-height:260px;border-radius:24px;display:grid;place-items:center;text-align:center;padding:26px;background:linear-gradient(135deg,#eff3f8,#e2e8f0)}.empty-state .big{font-size:2rem;margin-bottom:10px}.empty-state strong{display:block;color:#0f172a;font-size:1.05rem}.empty-state span{color:#64748b;margin-top:8px;display:block;max-width:260px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.thumb{position:relative;background:#020617;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 14px 24px rgba(0,0,0,.18);cursor:grab}.thumb.dragging{opacity:.45;transform:scale(.98)}.thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:var(--frame-filter)}.thumb-index{position:absolute;left:10px;bottom:10px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.14);color:white;padding:6px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.thumb button{position:absolute;top:8px;right:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(15,23,42,.82);color:#fff}.status{margin-top:14px;font-weight:800;color:#dbeafe;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.status.error{color:#fecaca;background:rgba(127,29,29,.24);border-color:rgba(248,113,113,.2)}.countdown{position:absolute;inset:20px;display:grid;place-items:center;z-index:4;font-size:8rem;font-weight:900;color:white;background:rgba(2,6,23,.42);border-radius:28px;backdrop-filter:blur(5px)}.hidden{display:none}.quick-links .mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{text-decoration:none;color:inherit}.admin-shell{display:grid;grid-template-columns:360px 1fr;gap:22px;padding:22px}.admin-side,.admin-main,.download-shell,.login-shell{padding:22px;border-radius:28px}.login-shell{max-width:420px;margin:50px auto}.login-form{display:flex;flex-direction:column;gap:10px}.admin-main{min-height:80vh}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.session-card{border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.session-cover{height:210px;background:#0f172a}.session-cover img{width:100%;height:100%;object-fit:cover}.session-meta,.session-actions{padding:14px}.session-meta strong{display:block;margin-bottom:8px}.session-meta span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}.session-actions{display:flex;gap:10px}.form-stack>*+*{margin-top:8px}.admin-logo-preview{max-width:160px;max-height:160px;object-fit:contain;border-radius:18px;background:#fff;padding:8px}.toggle-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04)}.toggle-row input{width:auto}.download-shell{max-width:1280px;margin:24px auto}.download-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.public-strip-wrap{display:grid;place-items:center;padding:20px;border-radius:24px;background:rgba(255,255,255,.04)}.qr-box{padding:16px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-align:center}.qr-box img{width:100%;max-width:260px;border-radius:20px;background:#fff;padding:12px}.public-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.empty-admin{padding:20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}@media(max-width:1180px){.app-shell,.admin-shell,.download-grid{grid-template-columns:1fr}.print4x6,.square{width:min(760px,100%)}#stripWrap{min-height:520px}.quick-links .mini-grid{grid-template-columns:1fr}}@media(max-width:780px){.app-shell,.admin-shell{padding:14px;gap:14px}.control-stack,.preview-card,.thumb-card,.quick-links,.admin-side,.admin-main,.download-shell{padding:16px;border-radius:22px}.tabbar,.hero-metrics,.grid-two{grid-template-columns:1fr}.print4x6,.square{grid-template-columns:1fr;width:100%}.action-row>*{min-width:100%}}
@media print{body{background:#fff}.app-shell,.admin-shell,.quick-links,.control-stack,.thumb-card,.title-row .chip,.public-side{display:none !important}.preview-card,.public-strip-wrap{box-shadow:none;border:none;padding:0;background:#fff}.strip,.public-strip{box-shadow:none;margin:0 auto}}


.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.luxury-admin{grid-template-columns:370px 1fr}.admin-rail{position:sticky;top:18px;align-self:start;display:flex;flex-direction:column;gap:18px}.brand-stack{display:flex;flex-direction:column;gap:8px}.side-actions{display:flex;gap:10px;flex-wrap:wrap}.side-actions>*{flex:1}.compact-row{margin-bottom:10px}.luxury-main{display:flex;flex-direction:column;gap:20px}.dashboard-top,.dashboard-section,.chart-card{padding:0}.luxury-kpi-grid,.chart-grid{display:grid;gap:16px}.luxury-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.executive-card{padding:18px 18px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.09)}.executive-card strong{display:block;font-size:2rem;line-height:1;margin:12px 0 8px}.executive-card span:last-child{color:var(--muted)}.chart-grid{grid-template-columns:1.2fr .9fr}.chart-card{padding:20px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}.bar-chart{height:280px;display:flex;align-items:flex-end;gap:14px;padding:18px 6px 4px}.bar-col{flex:1;min-width:42px;display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;max-width:54px;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#f472b6,#d946ef 52%,#60a5fa);box-shadow:0 18px 34px rgba(96,165,250,.2)}.bar-value{font-size:.82rem;color:#dbeafe;font-weight:800}.bar-label{font-size:.78rem;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);min-height:74px;text-align:left}.donut-wrap{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;padding-top:10px}.donut-chart{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.22)}.donut-hole{width:112px;height:112px;border-radius:50%;background:linear-gradient(180deg,#0f172a,#111827);display:grid;place-items:center;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.3)}.donut-hole strong{font-size:1.8rem;line-height:1}.donut-hole span{font-size:.82rem;color:var(--muted)}.donut-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.legend-item strong{font-size:.95rem}.legend-item span:last-child{color:var(--muted);font-size:.88rem}.legend-swatch{width:12px;height:12px;border-radius:999px}.customer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.customer-card{padding:16px;border-radius:20px}.customer-card em{display:block;font-style:normal;color:#9fb0cf;font-size:.8rem;margin-top:8px}.elevated-card{box-shadow:0 20px 42px rgba(0,0,0,.18)}.luxury-login{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))}
@media(max-width:1180px){.luxury-admin,.chart-grid,.luxury-kpi-grid,.donut-wrap{grid-template-columns:1fr}.admin-rail{position:static}.bar-label{writing-mode:horizontal-tb;transform:none;min-height:auto}.donut-chart{margin:0 auto}}


:root{--bg-2:#0d1020;--surface-hi:rgba(255,255,255,.14);--surface-lo:rgba(255,255,255,.045)}
.flagship-body{background:
radial-gradient(circle at 8% 12%, rgba(217,70,239,.16), transparent 28%),
radial-gradient(circle at 88% 18%, rgba(96,165,250,.16), transparent 26%),
radial-gradient(circle at 50% 88%, rgba(245,158,11,.10), transparent 20%),
linear-gradient(180deg,#060814,#0b1020 42%,#070b16)}
.flagship-shell{gap:24px;padding:24px}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:radial-gradient(circle at 20% 20%, #fff 0 1px, transparent 1px),radial-gradient(circle at 80% 40%, #fff 0 1px, transparent 1px),radial-gradient(circle at 60% 80%, #fff 0 1px, transparent 1px);background-size:180px 180px,240px 240px,220px 220px}
.intro-screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:linear-gradient(180deg,rgba(5,8,18,.78),rgba(5,8,18,.88));backdrop-filter:blur(12px);transition:opacity .45s ease, visibility .45s ease}
.intro-screen.hidden{opacity:0;visibility:hidden}
.intro-inner{width:min(560px,calc(100% - 32px));padding:34px;border-radius:34px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))}
.intro-mark{width:86px;height:86px;margin:0 auto 16px;border-radius:28px;display:grid;place-items:center;font-size:2.4rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 28px 70px rgba(0,0,0,.30)}
.intro-inner h1{font-size:3.1rem;margin:8px 0 10px}
.intro-inner p{max-width:420px;margin:0 auto 18px}
.intro-btn{max-width:220px;margin:0 auto}
.hero-panel{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));overflow:hidden;position:relative}
.hero-panel:before{content:'';position:absolute;inset:-20% auto auto 58%;width:180px;height:180px;background:radial-gradient(circle, rgba(255,255,255,.18), transparent 60%);filter:blur(8px)}
.premium-banner{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.07)}
.premium-banner strong,.experience-card strong{display:block}
.premium-banner span,.experience-card span{color:var(--muted);font-size:.88rem}
.premium-pill{white-space:nowrap;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);align-self:center}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.experience-card{padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));text-align:left;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.experience-card:hover,.experience-card.active{transform:translateY(-2px);box-shadow:0 18px 35px rgba(0,0,0,.18);border-color:rgba(255,255,255,.18)}
.flagship-metrics div{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))}
.package-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));text-align:left}
.package-card.active{outline:2px solid rgba(255,255,255,.18);box-shadow:0 18px 32px rgba(0,0,0,.18)}
.cinematic-stage video{box-shadow:0 28px 60px rgba(0,0,0,.26)}
.preview-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.06)}
.preview-copy{display:grid;gap:4px}.preview-copy strong{font-size:1rem}.preview-copy span{color:var(--muted);font-size:.88rem}
.preview-pills{display:flex;gap:8px;flex-wrap:wrap}.preview-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.8rem;color:#dfe9fb}
.premium-preview{overflow:hidden}
#stripWrap{position:relative;overflow:hidden}.premium-preview #stripWrap:before{content:'';position:absolute;inset:auto auto 0 0;width:180px;height:180px;background:radial-gradient(circle, rgba(217,70,239,.20), transparent 68%);pointer-events:none}.premium-preview #stripWrap:after{content:'';position:absolute;inset:0 0 auto auto;width:180px;height:180px;background:radial-gradient(circle, rgba(96,165,250,.20), transparent 68%);pointer-events:none}
.btn{position:relative;overflow:hidden}
.btn:before{content:'';position:absolute;inset:0 auto 0 -160%;width:55%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .45s ease}
.btn:hover:before{left:130%}
.btn.loading{pointer-events:none;opacity:.75}
.btn.loading:after{content:'•••';margin-left:8px;letter-spacing:.18em}
.mini-card{transition:transform .18s ease, border-color .18s ease, background .18s ease}.mini-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.luxury-admin{background:radial-gradient(circle at top left, rgba(217,70,239,.06), transparent 28%), radial-gradient(circle at top right, rgba(96,165,250,.08), transparent 24%)}
.admin-main,.account-shell{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05))}
.account-form{display:flex;flex-direction:column;gap:10px}
.session-card,.executive-card,.mini-card,.panel-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.session-card:hover,.executive-card:hover,.panel-card:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(0,0,0,.18);border-color:rgba(255,255,255,.14)}
@media(max-width:1180px){.experience-grid,.flagship-shell{grid-template-columns:1fr}.preview-hero,.premium-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:780px){.intro-inner h1{font-size:2.4rem}.experience-grid{grid-template-columns:1fr}.preview-pills{width:100%}}