@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-maroon: #800000;--color-maroon-dark: #5c0000;--color-maroon-light: #a33030;--color-gold: #FFD700;--color-gold-dark: #B8860B;--color-gold-light: #FFF8DC;--color-cream: #FFFDF5;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-border: #e5e7eb;--color-border-focus: var(--color-maroon);--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-error: #dc2626;--color-error-bg: #fee2e2;--color-info: #2563eb;--color-info-bg: #dbeafe;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.14);--shadow-xl: 0 16px 48px rgba(0,0,0,.18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Outfit", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition: .15s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-cream);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}a{color:var(--color-maroon);text-decoration:none}a:hover{text-decoration:underline}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-gold-light) 100%);padding:var(--space-6) var(--space-4)}.page-content{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-6)}.page-content--wide{max-width:960px}.page-content--full{max-width:100%}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-gold-light) 100%)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-maroon);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8)}.card--compact{padding:var(--space-5)}.card--flat{box-shadow:none;border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-md{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-full{width:100%}.btn-primary{background:var(--color-maroon);color:var(--color-gold);border-color:var(--color-maroon)}.btn-primary:hover:not(:disabled){background:var(--color-maroon-dark);border-color:var(--color-maroon-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-maroon);border-color:var(--color-gold)}.btn-secondary:hover:not(:disabled){background:var(--color-gold-light);border-color:var(--color-gold-dark)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .7s linear infinite}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.input-field,.input-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input-textarea{resize:vertical;min-height:96px}.input-field:focus,.input-textarea:focus{border-color:var(--color-maroon);box-shadow:0 0 0 3px #8000001f}.input-field::placeholder,.input-textarea::placeholder{color:var(--color-text-light)}.input-error,.input-field.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #dc26261f}.input-error-text{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.radio-option:hover{border-color:var(--color-gold-dark);background:var(--color-gold-light)}.radio-selected{border-color:var(--color-maroon);background:#8000000d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--transition) ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-slow) ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-surface-alt);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition)}.modal-close:hover{background:var(--color-border);color:var(--color-text)}.modal-body{padding:var(--space-6)}.tabs{display:flex;gap:var(--space-1);background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-1);border:1px solid var(--color-border)}.tab{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap}.tab:hover{color:var(--color-text);background:var(--color-surface)}.tab-active{background:var(--color-maroon);color:var(--color-gold)}.tab-active:hover{background:var(--color-maroon-dark);color:var(--color-gold)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;letter-spacing:.02em}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-registered{background:var(--color-info-bg);color:var(--color-info)}.badge-checkedin,.badge-sent{background:var(--color-success-bg);color:var(--color-success)}.badge-failed{background:var(--color-error-bg);color:var(--color-error)}.stepper{display:flex;align-items:center;justify-content:center;width:100%;gap:0}.stepper-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);position:relative;flex:0 0 auto}.stepper-line{flex:1;height:2px;background:var(--color-border);min-width:var(--space-6);margin-bottom:22px;transition:background var(--transition-slow)}.stepper-circle{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-alt);border:2px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;transition:all var(--transition-slow)}.stepper-label{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-slow)}.stepper-active .stepper-circle{background:var(--color-maroon);border-color:var(--color-maroon);color:var(--color-gold)}.stepper-active .stepper-label{color:var(--color-maroon);font-weight:600}.stepper-complete .stepper-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.stepper-complete .stepper-label{color:var(--color-success)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-maroon);line-height:1.1}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.registrant-list{display:flex;flex-direction:column;gap:var(--space-3)}.registrant-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition)}.registrant-card:hover{border-color:var(--color-gold-dark)}.registrant-info{flex:1;min-width:0}.registrant-info strong{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registrant-type{font-size:var(--text-xs);color:var(--color-text-muted)}.registrant-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-light);border-radius:var(--radius-sm);transition:all var(--transition);flex-shrink:0}.registrant-remove:hover{background:var(--color-error-bg);color:var(--color-error)}.step-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-4)}.step-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.step-actions .btn{flex:1}.step-who,.step-review,.step-invite,.step-success{display:flex;flex-direction:column;gap:var(--space-4)}.success-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--color-success-bg);border-radius:var(--radius-full);color:var(--color-success);margin:0 auto var(--space-4)}.success-details{text-align:center}.success-info{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}.admin-page{min-height:100vh;background:var(--color-surface-alt)}.admin-header{background:var(--color-maroon);color:var(--color-gold);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.admin-header h1{font-size:var(--text-xl);font-weight:700}.admin-content{max-width:1200px;margin:0 auto;padding:var(--space-6)}.dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.checkin-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);text-align:center}.checkin-success{border-top:4px solid var(--color-success)}.checkin-duplicate{border-top:4px solid var(--color-warning)}.checkin-success-icon,.checkin-warning-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.checkin-success-icon{background:var(--color-success-bg);color:var(--color-success)}.checkin-warning-icon{background:var(--color-warning-bg);color:var(--color-warning)}.checkin-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.checkin-batch,.checkin-email,.checkin-time{font-size:var(--text-sm);color:var(--color-text-muted)}.qr-camera-panel{display:flex;flex-direction:column;gap:var(--space-3)}.qr-camera-view{width:100%;min-height:260px;overflow:hidden;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#80000014,#b8860b1f),var(--color-surface-alt)}.qr-camera-view video{width:100%!important;border-radius:var(--radius-md)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-gold-light) 100%);padding:var(--space-4)}.login-card{width:100%;max-width:440px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-10) var(--space-8)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-maroon);margin-bottom:var(--space-1)}.login-header p{font-size:var(--text-sm);color:var(--color-text-muted)}.login-btn{width:100%;margin-top:var(--space-2)}.login-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.login-footer a{font-weight:600;color:var(--color-maroon)}.register-page{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-gold-light) 100%);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center}.register-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 18% 18%,rgba(128,0,0,.08) 0 2px,transparent 3px),radial-gradient(circle at 82% 28%,rgba(184,134,11,.14) 0 2px,transparent 3px),radial-gradient(circle at 50% 80%,rgba(128,0,0,.06) 0 2px,transparent 3px);background-size:160px 160px,190px 190px,220px 220px;animation:registerPatternDrift 18s linear infinite}.register-spark{position:absolute;width:180px;height:180px;border:1px solid rgba(184,134,11,.24);border-radius:var(--radius-full);pointer-events:none;animation:registerFloat 7s ease-in-out infinite}.register-spark--left{left:max(24px,calc(50% - 460px));top:92px}.register-spark--right{right:max(20px,calc(50% - 470px));bottom:82px;animation-delay:-2.4s}.register-header{position:relative;text-align:center;margin-bottom:var(--space-6)}.register-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-maroon)}.register-wizard{width:100%;max-width:560px}.wizard-card{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);animation:registerCardSettle .42s ease-out both}.wizard-card:focus-within{box-shadow:0 18px 48px #80000024}@keyframes registerPatternDrift{0%{background-position:0 0,0 0,0 0}to{background-position:160px 160px,-190px 190px,220px -220px}}@keyframes registerFloat{0%,to{transform:translateY(0) scale(1);opacity:.42}50%{transform:translateY(-16px) scale(1.04);opacity:.7}}@keyframes registerCardSettle{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-gold-light) 100%);padding:var(--space-6) var(--space-4)}.already-registered{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;width:100%}.ar-icon{width:64px;height:64px;background:var(--color-warning-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-warning)}.ar-details{font-size:var(--text-sm);color:var(--color-text-muted)}.ar-instructions{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:left}.settings-tab{display:flex;flex-direction:column;gap:var(--space-6)}.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}@media(max-width:768px){.page-container{align-items:flex-start;padding:var(--space-4) var(--space-3)}.page-content{max-width:100%}.card,.wizard-card{padding:var(--space-5)}.login-card{padding:var(--space-6)}.stats-grid{grid-template-columns:1fr 1fr}.admin-content{padding:var(--space-4)}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.stepper-label{display:none}.step-actions{flex-direction:column}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.modal-content{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.admin-header{padding:var(--space-3) var(--space-4)}}