:root{--surface: #f8f9ff;--surface-lowest: #ffffff;--surface-low: #eff4ff;--surface-container: #e6eeff;--surface-high: #dee9fc;--ink: #121c2a;--muted: #4c4452;--outline: #cfc2d4;--primary: #500088;--primary-2: #6b21a8;--primary-soft: #f1dbff;--gold: #735c00;--gold-soft: #fed65b;--danger: #ba1a1a;--ok: #059669;--warn: #d97706;--shadow: 0 4px 20px rgba(107, 33, 168, .06);--shadow-2: 0 12px 40px rgba(18, 28, 42, .16);--radius: 8px;--max: 1280px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-9: 36px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface);color:var(--ink);font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:22px;line-height:1;display:inline-block;white-space:nowrap;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}h1,h2,h3,.brand{font-family:Playfair Display,Georgia,serif;margin:0;letter-spacing:0}p{line-height:1.6}.public-page,.form-page,.ticket-page{min-height:100vh;padding:16px}.public-nav{position:sticky;top:0;z-index:20;max-width:var(--max);margin:0 auto 16px;height:64px;display:flex;align-items:center;justify-content:space-between;background:#f8f9ffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(207,194,212,.55)}.brand{color:var(--primary);font-weight:700;font-size:clamp(1.4rem,4vw,2rem)}.nav-actions{display:flex;gap:18px;color:var(--muted);font-weight:700;font-size:.85rem}.hero{max-width:var(--max);min-height:min(640px,66vh);margin:0 auto 24px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:var(--shadow)}.hero-content{width:min(850px,100%);padding:clamp(22px,5vw,48px);color:#fff}.hero h1{font-size:clamp(2.2rem,8vw,4.8rem);line-height:1.05;margin:10px 0 18px;text-shadow:0 4px 20px rgba(80,0,136,.5)}.hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:clamp(.95rem,3vw,1.15rem)}.eyebrow,.label{display:inline-block;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.hero .eyebrow{color:#fff;background:var(--primary);padding:8px 12px;border-radius:999px}.public-grid,.form-shell{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.panel,.booking-card,.ticket-card,.login-card,.metric{background:var(--surface-lowest);border:1px solid rgba(207,194,212,.55);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:clamp(18px,4vw,36px)}.panel h1,.panel h2{color:var(--primary);font-size:clamp(1.7rem,5vw,2.4rem)}.lead{color:var(--muted);font-size:1.05rem}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.menu-card{display:flex;gap:14px;padding:16px;border:1px solid rgba(207,194,212,.55);border-radius:var(--radius);background:var(--surface)}.menu-card .material-symbols-outlined{color:var(--primary)}.menu-card p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.menu-stepper{display:grid;gap:0;margin:28px 0}.menu-step{position:relative;display:grid;grid-template-columns:44px 72px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--outline)}.menu-step:before{content:"";position:absolute;left:21px;top:58px;bottom:-18px;width:2px;background:var(--outline)}.menu-step:last-child:before{display:none}.menu-step .material-symbols-outlined{color:var(--primary)}.menu-step p{margin:6px 0 0;color:var(--muted)}.menu-step img{width:72px;height:72px;object-fit:cover;border-radius:8px}.step-index{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:900;z-index:1}.notes{background:var(--surface-low);border:1px solid rgba(80,0,136,.12);border-radius:var(--radius);padding:18px}.booking-card{position:sticky;top:88px;padding:24px;display:flex;flex-direction:column;gap:18px}.price{color:var(--primary);font-family:Playfair Display;font-size:2.4rem}.availability{display:flex;align-items:center;gap:10px;background:#fed65b38;border:1px solid rgba(115,92,0,.22);border-radius:var(--radius);padding:14px;color:var(--gold)}.primary-btn,.secondary-btn,.ghost-btn{min-height:44px;border-radius:6px;border:0;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer}.primary-btn{background:var(--primary);color:#fff}.secondary-btn{background:transparent;color:var(--gold);border:1px solid var(--gold-soft)}.ghost-btn{background:transparent;color:var(--primary)}.full{width:100%}.button-row{display:flex;gap:12px;flex-wrap:wrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:4px 0 0;color:var(--primary);font-size:1.5rem}.menu-builder{border:1px solid var(--outline);border-radius:var(--radius);padding:18px;background:var(--surface-low)}.menu-step-editor{display:grid;grid-template-columns:42px minmax(0,1fr) 190px 170px;gap:12px;align-items:start;padding:14px;border:1px solid rgba(207,194,212,.7);border-radius:var(--radius);background:#fff;margin-top:12px}.step-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary-2);color:#fff;font-weight:900}.danger-action{color:var(--danger)}.menu-step-editor .danger-action{grid-column:2/-1;justify-self:start;min-height:36px;padding:8px 0}.icon-select{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center}.icon-select .material-symbols-outlined{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#5000881a;color:var(--primary)}.menu-photo{min-height:86px;display:grid;place-items:center;gap:4px;padding:10px;border:1.5px dashed rgba(80,0,136,.28);border-radius:var(--radius);background:var(--surface-low);color:var(--primary);text-align:center;cursor:pointer;font-weight:800}.menu-photo img{width:100%;height:86px;object-fit:cover;border-radius:8px}.menu-photo.has-image{display:block}.menu-photo.has-image b{display:block;margin-top:6px}.map-link{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid rgba(255,255,255,.5);border-radius:999px;font-size:.85rem;font-weight:800}.back-link{max-width:var(--max);margin:0 auto 16px;display:flex;gap:8px;align-items:center;color:var(--primary);font-weight:800}.form-panel label,.login-card label,.scanner-sheet label{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:.88rem;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid rgba(18,28,42,.2);border-radius:6px;background:#fff;color:var(--ink);padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #50008814}.summary h2{color:var(--primary)}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--outline)}.success{color:var(--ok);font-weight:700}.error{color:var(--danger);font-weight:700}.ticket-page,.login-page{display:grid;place-items:center;min-height:100vh;padding:16px;background:radial-gradient(circle at top,var(--primary-soft),var(--surface) 45%)}.ticket-card,.login-card{width:min(520px,100%);padding:clamp(22px,6vw,36px);display:flex;flex-direction:column;gap:18px;text-align:center}.ticket-card h1,.login-card h1{color:var(--primary);font-size:clamp(2rem,8vw,3rem)}.qr{width:min(320px,86vw);aspect-ratio:1;object-fit:contain;align-self:center;background:#fff;border:12px solid white;box-shadow:var(--shadow)}.guest-box{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface-low);border-radius:var(--radius)}.ticket-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.login-icon{color:var(--primary);font-size:42px}.qr-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:12px;margin-top:16px}.qr-result{display:grid;gap:8px;justify-items:center;padding:12px;border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface-low);text-align:center}.qr-result img{width:min(160px,100%);aspect-ratio:1;object-fit:contain;border:8px solid white;border-radius:8px}.qr-result a{color:var(--primary);font-weight:800}.success-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.success-actions .success{margin:0}.qr-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.qr-actions .primary-btn,.qr-actions .secondary-btn{min-height:38px;padding:8px 12px}.admin-layout{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface-low);border-right:1px solid var(--outline);padding:16px;display:flex;flex-direction:column;gap:24px}.admin-brand{display:flex;gap:12px;align-items:center;color:var(--primary)}.admin-brand span:last-child{display:flex;flex-direction:column}.admin-brand small{color:var(--muted);font-family:Inter}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:900}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.mobile-tabs a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);color:var(--muted);font-weight:800}.sidebar nav a.active,.mobile-tabs a.active{background:var(--primary-2);color:var(--primary-soft)}.admin-content{width:min(100%,var(--max));padding:clamp(16px,4vw,40px)}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.admin-header h1{color:var(--ink);font-size:clamp(2rem,5vw,3rem)}.admin-header p{color:var(--muted);margin:8px 0 0}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}.current-event{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;margin-bottom:22px}.current-event h2{color:var(--primary);font-size:clamp(1.6rem,4vw,2.4rem);margin:6px 0}.current-event p{margin:0;color:var(--muted);font-weight:700}.current-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.metric{padding:18px;min-height:126px;display:grid;align-content:space-between}.metric span{color:var(--muted);font-size:.82rem;font-weight:800}.metric b{color:var(--primary);font-family:Playfair Display;font-size:2.2rem}.metric i{color:var(--primary-2);justify-self:end}.table-panel h2{margin-bottom:16px;color:var(--ink)}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid rgba(207,194,212,.6)}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-low)}.status{display:inline-flex;border-radius:5px;padding:5px 8px;background:#4c44521f;color:var(--muted);font-size:.7rem;font-weight:900}.status.valid{background:#05966921;color:var(--ok)}.status.used{background:#d9770621;color:var(--warn)}.status.cancelled{background:#ba1a1a21;color:var(--danger)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions a,.row-actions button{border:0;background:transparent;color:var(--primary);font-weight:800;cursor:pointer}.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px;gap:12px;margin-bottom:18px}.search{position:relative}.search span{position:absolute;left:12px;top:12px;color:var(--muted)}.search input{padding-left:42px}.toggle{flex-direction:row!important;align-items:center}.toggle input{width:auto}.upload-zone{min-height:160px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1.5px dashed rgba(80,0,136,.35);border-radius:var(--radius);background:var(--surface-low);cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload-zone:hover{border-color:var(--primary);background:var(--surface-container)}.upload-zone img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background:#fff}.upload-zone:not(.has-image){grid-template-columns:1fr;text-align:center}.upload-zone .material-symbols-outlined{color:var(--primary);font-size:34px}.upload-zone b,.upload-zone small{display:block}.upload-zone small{color:var(--muted);margin-top:6px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;color:var(--muted);font-weight:800}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#121c2a61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:min(460px,100%);display:grid;gap:14px;padding:24px;background:var(--surface-lowest);border-radius:12px;box-shadow:var(--shadow-2)}.modal-card label{display:flex;flex-direction:column;gap:8px;font-weight:800}.scanner-page{height:calc(100vh - 80px);margin:-40px;background:#121c2a;color:#fff;display:grid;grid-template-rows:auto minmax(220px,1fr) auto;position:relative;overflow:auto}.scanner-header{z-index:3;padding:18px;display:flex;justify-content:space-between;background:linear-gradient(to bottom,rgba(18,28,42,.8),transparent)}.camera-sim{background:radial-gradient(circle at center,transparent 0 130px,rgba(18,28,42,.62) 132px),linear-gradient(135deg,#5000888c,#735c004d),url(https://images.unsplash.com/photo-1555244162-803834f70033?auto=format&fit=crop&w=1400&q=80) center/cover;display:grid;place-items:center;position:relative;overflow:hidden}.camera-sim video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.camera-sim video.active{opacity:1}.reticle{z-index:2;width:260px;height:260px;border:2px solid var(--primary-soft);border-radius:12px;position:relative;box-shadow:0 0 28px #dfb7ff73}.reticle span{position:absolute;left:0;right:0;height:4px;background:linear-gradient(transparent,var(--primary-soft),transparent);animation:scan 2s infinite linear}@keyframes scan{0%{top:0;opacity:0}20%{opacity:1}to{top:100%;opacity:0}}.scanner-sheet{z-index:3;background:var(--surface);color:var(--ink);border-radius:24px 24px 0 0;padding:16px;display:grid;gap:12px}.scan-result-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.scan-result-card>.material-symbols-outlined{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:34px}.scan-result-card.ok>.material-symbols-outlined{background:var(--ok)}.scan-result-card.warn>.material-symbols-outlined{background:var(--warn)}.scan-result-card.bad>.material-symbols-outlined{background:var(--danger)}.scan-result-card small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:.72rem}.scan-result-card b{display:block;margin-top:4px;color:var(--ink);font-size:1.1rem}.scan-result-card p{margin:6px 0 0;color:var(--muted);font-weight:700}.scanner-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.scanner-hint{margin:0;color:var(--muted);font-size:.9rem;font-weight:700;text-align:center}.handle{width:54px;height:6px;border-radius:999px;background:var(--outline);margin:0 auto 6px}.live-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--outline);padding-top:12px}.live-counters span{display:flex;flex-direction:column}.live-counters small{color:var(--muted);font-weight:800;text-transform:uppercase}.live-counters b{font-family:Playfair Display;font-size:1.7rem}.mobile-tabs{display:none}.app-loader{position:fixed;top:14px;right:14px;z-index:100;min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(207,194,212,.7);box-shadow:var(--shadow);color:var(--primary);font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-loader span{width:14px;height:14px;border:2px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:loader-spin .75s linear infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}.notice-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:#121c2a5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notice-dialog{width:min(420px,100%);display:grid;gap:12px;justify-items:center;padding:26px;border-radius:14px;background:#fff;box-shadow:var(--shadow-2);text-align:center}.notice-dialog h2{margin:0;color:var(--ink);font-size:1.6rem}.notice-dialog p{margin:0 0 6px;color:var(--muted);font-weight:700}.notice-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff}.notice-icon .material-symbols-outlined{font-size:34px}.notice-dialog.success .notice-icon{background:var(--ok)}.notice-dialog.warning .notice-icon{background:var(--warn)}.notice-dialog.error .notice-icon{background:var(--danger)}@media(max-width:980px){.public-grid,.form-shell{grid-template-columns:1fr}.booking-card{position:static}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.sidebar{display:none}.admin-content{padding-bottom:92px}.mobile-tabs{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;left:10px;right:10px;bottom:10px;z-index:40;background:#fffffff0;border:1px solid var(--outline);border-radius:16px;padding:8px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tabs a{justify-content:center;flex-direction:column;gap:3px;padding:8px;font-size:.75rem}.scanner-page{margin:-16px -16px -92px;height:calc(100vh + -0px);padding-bottom:92px}}@media(max-width:700px){.public-page,.form-page{padding:12px}.public-nav{height:58px;margin-bottom:12px}.nav-actions a:first-child{display:none}.hero{min-height:520px;border-radius:10px}.menu-grid,.form-grid,.filter-bar,.menu-step-editor{grid-template-columns:1fr}.menu-step-editor .danger-action{grid-column:1}.menu-step{grid-template-columns:36px 56px minmax(0,1fr)}.menu-step img{width:56px;height:56px}.section-heading,.current-event{align-items:stretch;flex-direction:column}.current-actions{display:grid;grid-template-columns:1fr}.admin-header{align-items:stretch;flex-direction:column}.quick-actions{display:grid;grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric{min-height:104px}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table thead{display:none}.responsive-table tr{border:1px solid rgba(207,194,212,.65);border-radius:10px;padding:10px;margin-bottom:12px;background:#fff}.responsive-table td{border:0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:9px 4px;align-items:center;word-break:break-word}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:.72rem;text-transform:uppercase;font-weight:900}.button-row,.ticket-actions,.success-actions,.qr-actions{display:grid;grid-template-columns:1fr}.upload-zone{grid-template-columns:1fr}.pager{justify-content:stretch;display:grid;grid-template-columns:1fr;text-align:center}.scanner-actions{grid-template-columns:1fr}.scan-result-card{grid-template-columns:44px minmax(0,1fr)}.scan-result-card>.material-symbols-outlined{width:44px;height:44px;font-size:30px}}@media print{body{background:#fff}.ticket-card{box-shadow:none;border:1px solid #ddd}}