:root{--teal:#117582;--teal-dark:#0d5a64;--teal-glow:#1ab5c8;--cream:#f8f7f4;--dark:#1a1a17;--charcoal:#33332d;--gray:#ededed;--white:#fff;--h:"Red Hat Display",system-ui,sans-serif;--b:"Red Hat Text",system-ui,sans-serif;--ink70:rgba(51,51,45,.7);--ink45:rgba(51,51,45,.45);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--cream);color:var(--charcoal);font-family:var(--b);min-height:100vh;line-height:1.6}h1,h2,h3{font-family:var(--h);letter-spacing:-.03em;line-height:1.1}a{color:var(--teal);text-decoration:none}.mono-label{font-family:var(--h);font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--teal)}.muted{color:var(--ink70)}.center-pad{text-align:center;padding:40px 20px;color:var(--ink70)}.nav{position:fixed;top:0;left:0;right:0;z-index:999;transition:box-shadow .3s,backdrop-filter .3s;background:var(--cream)}.nav.scrolled{background:#f8f7f4eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000000f}.nav__inner{max-width:1440px;margin:0 auto;padding:0 clamp(24px,3vw,48px);display:flex;align-items:center;justify-content:space-between;height:88px}.nav__brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.nav__logo{width:60px;height:60px;border-radius:50%;object-fit:contain;flex-shrink:0;display:block}.nav__portal{font-family:var(--h);font-weight:900;font-size:1.3rem;letter-spacing:-.02em;color:var(--dark);border-left:2px solid var(--gray);padding-left:14px}.nav__venue{font-family:var(--h);font-weight:700;font-size:.95rem;color:var(--ink70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav__venue:before{content:"—";color:var(--ink70);margin:0 11px 0 0;font-weight:400}.nav__right{display:flex;align-items:center;gap:16px}.nav__link{font-family:var(--h);font-size:.85rem;font-weight:700;color:var(--charcoal)}.nav__link:hover{color:var(--teal)}.nav__ghost{padding:8px 18px;background:transparent;border:2px solid var(--teal);color:var(--teal);border-radius:4px;font-family:var(--h);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s}.nav__ghost:hover{background:var(--teal);color:#fff}@media(max-width:680px){.nav__venue{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--h);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:13px 26px;border-radius:4px;border:none;cursor:pointer;transition:all .18s var(--ease)}.btn:disabled{opacity:.55;cursor:default}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover:not(:disabled){background:var(--teal-dark);transform:translate(-2px,-2px);box-shadow:4px 4px #11758240}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1a1a1733}.btn-ghost{background:transparent;color:var(--ink70);border:2px solid var(--gray);padding:11px 22px}.btn-ghost:hover{border-color:var(--charcoal);color:var(--charcoal)}.btn-danger{background:#c0392b;color:#fff}.btn-danger:hover{background:#a93226;transform:translate(-2px,-2px);box-shadow:4px 4px #c0392b40}.btn.block{width:100%}.link-btn{background:none;border:none;cursor:pointer;font-family:var(--h);font-weight:700;font-size:.78rem;color:var(--teal);text-decoration:underline;text-underline-offset:3px}.card{background:#fff;border:2px solid var(--dark);border-radius:8px}.field{margin-bottom:18px}.field label{display:block;font-family:var(--h);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.field input{width:100%;font-family:var(--b);font-size:.95rem;padding:12px 14px;border:2px solid var(--gray);border-radius:6px;background:#fff;color:var(--charcoal)}.field input:focus{outline:none;border-color:var(--teal)}.cselect{position:relative}.cselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--b);font-size:.95rem;padding:12px 14px;border:2px solid var(--gray);border-radius:6px;background:#fff;color:var(--charcoal);cursor:pointer;text-align:left}.cselect-trigger:hover{border-color:#dcdcd8}.cselect[data-open=true] .cselect-trigger{border-color:var(--teal)}.cselect-trigger[data-placeholder=true]{color:var(--ink45)}.cselect-trigger.disabled{background:#f4f4f2;color:#aaa;cursor:not-allowed}.cselect-chev{flex-shrink:0;width:16px;height:16px;color:var(--ink70);transition:transform .2s}.cselect[data-open=true] .cselect-chev{transform:rotate(180deg)}.cselect-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:#fff;border:2px solid var(--gray);border-radius:8px;box-shadow:0 12px 30px #1a1a171f;padding:5px;max-height:280px;overflow-y:auto}.cselect-opt{padding:10px 12px;border-radius:5px;font-size:.92rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.cselect-opt:hover{background:#11758214}.cselect-opt[data-selected=true]{color:var(--teal);font-weight:700}.cselect-opt svg{width:15px;height:15px;color:var(--teal)}.cselect-empty{padding:10px 12px;font-size:.86rem;color:var(--ink45)}.err{color:#b23232;font-size:.82rem;margin-bottom:12px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;background:var(--cream)}.login-card{width:100%;max-width:440px;background:var(--cream);border:2.5px solid var(--dark);border-radius:22px;padding:38px 36px;box-shadow:none}.login-head{text-align:center;margin-bottom:26px}.login-head h1{font-size:1.65rem;font-weight:900;margin-bottom:6px}.login-head p{color:var(--ink70);font-size:.9rem}.login-foot{margin-top:20px;padding-top:18px;border-top:1px solid var(--gray);display:flex;flex-direction:column;gap:12px;align-items:center}.spec-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--h);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.spec-link svg{width:16px;height:16px}.resend-note{font-size:.8rem;color:var(--ink70);background:#1175820f;border-radius:8px;padding:12px 14px;line-height:1.45;margin-bottom:14px}.confirm-box{text-align:center;padding:10px 0}.confirm-box .ic{width:54px;height:54px;border-radius:50%;background:#3ec46a24;color:#1f8a45;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.confirm-box .ic svg{width:26px;height:26px}.app{display:flex;flex-direction:column;min-height:100vh;padding-top:88px}.wrap{max-width:1080px;margin:0 auto;width:100%;padding:clamp(22px,4vw,40px) clamp(20px,4vw,48px) 70px}.tabs{position:relative;display:inline-flex;background:#fff;border:2px solid var(--dark);border-radius:0;padding:4px;flex-shrink:0}.tabs .tab-ind{position:absolute;top:4px;bottom:4px;border-radius:0;background:var(--teal);transition:left .3s var(--ease),width .3s var(--ease)}.tab{position:relative;z-index:1;text-align:center;font-family:var(--h);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:9px 26px;border-radius:0;cursor:pointer;color:var(--ink70);border:none;background:transparent;transition:color .25s;white-space:nowrap}.tab.active{color:#fff}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.page-head .page-head-text{min-width:0;flex:1;max-width:560px}.page-title{font-size:1.85rem;font-weight:900;margin-bottom:6px}.page-sub{color:var(--ink70);font-size:.93rem;margin:0}@media(max-width:680px){.page-head{flex-direction:column-reverse;align-items:stretch}.tabs{align-self:flex-start}}.grid-2{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;align-items:stretch}@media(max-width:820px){.grid-2{grid-template-columns:1fr}}.col{display:flex;flex-direction:column}.card-pad{padding:24px 22px;position:relative}.card-pad h2{font-size:1.05rem;font-weight:700;margin-bottom:4px}.card-pad .lead{color:var(--ink70);font-size:.85rem;margin-bottom:16px}.dropzone{border:2px dashed var(--teal);border-radius:10px;background:#11758208;padding:30px 24px;text-align:center;cursor:pointer}.dropzone.drag{background:#1175821a}.dropzone .ic{width:50px;height:50px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.dropzone .ic svg{width:24px;height:24px}.dropzone h3{font-size:1rem;font-weight:700;margin-bottom:4px}.dropzone p{color:var(--ink70);font-size:.82rem}.dropzone .types{margin-top:10px;font-family:var(--h);font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal)}.staged{margin-top:14px;display:flex;flex-direction:column;gap:8px}.staged-empty{margin-top:14px;border:2px dashed var(--gray);border-radius:8px;padding:22px 16px;text-align:center;color:var(--ink45);font-size:.85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px}.staged-empty svg{width:26px;height:26px;color:#cfcfca}.staged-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border:2px solid var(--gray);border-radius:8px}.staged-row .th{width:28px;height:50px;border-radius:4px;flex-shrink:0;background:linear-gradient(155deg,#2b3a26,#536b41)}.staged-row .nm{font-family:var(--h);font-weight:700;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staged-row .mt{font-size:.7rem;color:var(--ink70)}.chk{display:inline-flex;align-items:center;gap:5px;font-family:var(--h);font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;white-space:nowrap}.chk.pass{background:#3ec46a24;color:#1f8a45}.chk.fail{background:#f7a41d29;color:#a9690a}.staged-row .rm{width:24px;height:24px;border-radius:50%;border:none;background:#33332d12;color:var(--ink70);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.staged-row .rm:hover{background:#d645451f;color:#b23232}.staged-row .rm svg{width:13px;height:13px}.uploading{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:5}.uploading .ring{width:42px;height:42px;border:4px solid rgba(17,117,130,.18);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.uploading .ut{font-family:var(--h);font-weight:700;font-size:.95rem}.uploading .us{font-size:.8rem;color:var(--ink70)}.spec-row{display:flex;align-items:flex-start;gap:11px;padding:9px 0;border-top:1px solid var(--gray)}.spec-row:first-of-type{border-top:none}.spec-row .sic{flex-shrink:0;width:30px;height:30px;border-radius:7px;background:#1175821a;color:var(--teal);display:flex;align-items:center;justify-content:center}.spec-row .sic svg{width:15px;height:15px}.spec-row .st{font-family:var(--h);font-weight:700;font-size:.82rem;line-height:1.3}.spec-row .sd{font-size:.78rem;color:var(--ink70);line-height:1.4}.specdiag-wrap{display:flex;justify-content:center;padding:16px 6px 4px}.specdiag{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;row-gap:6px}.sd-top{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:8px}.sd-left{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.sd-tick-h{width:20px;height:1.5px;background:var(--charcoal)}.sd-tick-v{width:1.5px;flex:1;min-height:16px;background:var(--charcoal)}.sd-dim{font-family:var(--h);font-weight:700;font-size:.6rem;color:var(--charcoal)}.sd-vert{writing-mode:vertical-rl;transform:rotate(180deg)}.specdiag .frame{grid-column:2;grid-row:2;width:128px;aspect-ratio:1080/1920;border:2.5px solid var(--dark);border-radius:2px;background:#fff;padding:9%}.specdiag .safe{width:100%;height:100%;border:1.5px dashed #b9b9b3;background:#f0f0ec;border-radius:2px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--h);font-weight:900;font-size:.66rem;color:#c4c4be;letter-spacing:-.02em;line-height:1.2}.specdiag-cap{text-align:center;font-family:var(--h);font-weight:700;font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink70);margin-top:8px}.portrait{aspect-ratio:9/16;border-radius:9px;border:1px solid #000;overflow:hidden;position:relative;background:linear-gradient(155deg,#2b3a26,#536b41);display:flex;align-items:center;justify-content:center}.portrait.clickable{cursor:pointer}.portrait video,.portrait img{width:100%;height:100%;object-fit:cover}.portrait .icn{color:#ffffff8c}.portrait .badge{position:absolute;top:9px;right:9px;background:#14141299;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-radius:999px;padding:3px 9px;font-family:var(--h);font-weight:700;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.kiosk-warn{display:flex;gap:11px;align-items:flex-start;padding:13px 16px;border-radius:10px;background:#f7a41d1a;border:2px solid rgba(247,164,29,.35);margin-bottom:22px;font-size:.85rem;line-height:1.5;color:#7a4e08}.kiosk-warn svg{width:19px;height:19px;color:#a9690a;flex-shrink:0;margin-top:1px}.np-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.np-card .cap{padding:10px 2px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.np-card .cap .t{font-family:var(--h);font-weight:700;font-size:.84rem;line-height:1.25}.np-card .cap .d{display:inline-block;margin-top:4px;padding:2px 8px;background:#536b41;color:#fff;font-family:var(--h);font-weight:700;font-size:.62rem;border-radius:0}.np-card .cap .d.scheduled{background:#8f570a}.np-card .cap .d.ended{background:#68685f}.np-card .kebab{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:#33332d0f;color:var(--charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center}.np-card .kebab:hover{background:#d645451f;color:#b23232}.np-card .kebab svg{width:15px;height:15px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#14141273;display:flex;align-items:center;justify-content:center;padding:24px}.cmodal{width:100%;max-width:440px;background:#fff;border:2px solid var(--dark);border-radius:14px;padding:28px 26px;box-shadow:10px 10px #1a1a1714}.cmodal .ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cmodal .ic.warn{background:#d645451f;color:#b23232}.cmodal .ic.ok{background:#3ec46a24;color:#1f8a45}.cmodal .ic svg{width:26px;height:26px}.cmodal h2{font-size:1.25rem;font-weight:900;margin-bottom:8px}.cmodal p{color:var(--ink70);font-size:.9rem;line-height:1.55;margin-bottom:8px}.cmodal .hot{color:#b23232;font-weight:700}.cmodal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.pmodal{position:relative;display:flex;max-width:min(92vw,460px);max-height:86vh}.pmodal video,.pmodal img{max-width:100%;max-height:86vh;object-fit:contain;display:block;border-radius:12px;border:1px solid #000;background:#000}.pmodal-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;border:2px solid var(--dark);background:#fff;color:var(--dark);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.pmodal-close svg{width:15px;height:15px}.pmodal-close:hover{background:var(--gray)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1100;background:var(--dark);color:#fff;padding:12px 20px;border-radius:8px;font-family:var(--h);font-weight:700;font-size:.85rem;box-shadow:0 8px 30px #00000040}.ft{background:var(--cream);padding-top:clamp(48px,6vw,80px);margin-top:auto}.ft__inner{max-width:1440px;margin:0 auto;padding:0 clamp(24px,3vw,48px)}.ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}.ft__brand{margin-bottom:20px}.ft__logo{height:28px;width:auto;display:block}.ft__desc{font-family:var(--b);font-size:.85rem;color:var(--ink70);line-height:1.8;max-width:280px}.ft__soc{display:flex;gap:8px;margin-top:16px}.ft__soc a{width:32px;height:32px;border:2px solid rgba(51,51,45,.15);display:flex;align-items:center;justify-content:center;color:#33332d80;transition:all .15s}.ft__soc a:hover{border-color:var(--teal);background:var(--teal);color:#fff}.ft__soc svg{width:15px;height:15px;fill:currentColor}.ft__h{font-family:var(--b);font-weight:500;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 20px}.ft__lk{list-style:none;display:flex;flex-direction:column;gap:10px}.ft__lk a{font-family:var(--b);font-size:.85rem;color:var(--ink70)}.ft__lk a:hover{color:var(--teal)}.ft__lk-note{font-family:var(--b);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink45);display:inline-block;margin-top:2px}.ft__bar{background:var(--dark);padding:28px 0}.ft__bar-inner{max-width:1440px;margin:0 auto;padding:0 clamp(24px,3vw,48px);display:flex;justify-content:space-between;align-items:center;font-family:var(--b);font-size:.6rem;color:#ffffff4d}.ft__bar a{color:#ffffff4d}.ft__bar a:hover{color:var(--teal-glow)}@media(max-width:700px){.ft__grid{grid-template-columns:1fr 1fr;gap:32px}.ft__bar-inner{flex-direction:column;gap:10px;text-align:center}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}