:root{--neutral-0: #ffffff;--neutral-25: #fafafa;--neutral-50: #f4f4f5;--neutral-100: #e4e4e7;--neutral-200: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-700: #3f3f46;--neutral-900: #18181b;--royal-50: #edf1fd;--royal-100: #c9d5f8;--royal-200: #9fb2f0;--royal-400: #4c6ef5;--royal-500: #3b5bdb;--royal-600: #2b44a8;--royal-800: #1b2c6e;--royal-900: #101a44;--green-50: #eaf3de;--green-600: #4b7a15;--green-800: #27500a;--amber-50: #faeeda;--amber-600: #854f0b;--red-50: #fcebeb;--red-500: #d33f3f;--red-600: #a32d2d;--red-800: #791f1f;--bg: var(--neutral-25);--surface: var(--neutral-0);--surface-sunken: var(--neutral-50);--border: var(--neutral-100);--border-strong: var(--neutral-200);--text: var(--neutral-900);--text-muted: var(--neutral-500);--text-faint: var(--neutral-400);--accent: var(--royal-600);--accent-text: #ffffff;--focus-ring: var(--royal-400);--success-bg: var(--green-50);--success-text: var(--green-800);--warning-bg: var(--amber-50);--warning-text: var(--amber-600);--danger-bg: var(--red-50);--danger-text: var(--red-800);--danger-solid: var(--red-600);--attendee-bg: var(--royal-50);--attendee-surface: #ffffff;--attendee-border: var(--royal-100);--attendee-ink: var(--royal-900);--attendee-ink-soft: var(--royal-600);--attendee-accent: var(--royal-500);--attendee-accent-strong: var(--royal-600);--attendee-accent-text: #ffffff;--attendee-accent-wash: var(--royal-50);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shadow-sm: 0 1px 2px rgb(24 24 27 / 6%);--shadow-md: 0 4px 12px rgb(24 24 27 / 8%);--shadow-lg: 0 12px 32px rgb(24 24 27 / 12%);--dur-fast: 90ms;--dur-base: .16s;--ease: cubic-bezier(.2, 0, .2, 1);--content-width: 68rem}@media(prefers-color-scheme:dark){:root{--bg: #17171a;--surface: #202024;--surface-sunken: #26262b;--border: #34343a;--border-strong: #45454d;--text: #f4f4f5;--text-muted: #a1a1aa;--text-faint: #71717a;--accent: var(--royal-400);--focus-ring: var(--royal-200);--success-bg: #1d2c14;--success-text: #a6cc7a;--warning-bg: #2e2413;--warning-text: #e0aa5c;--danger-bg: #2e1717;--danger-text: #f09595;--danger-solid: #d33f3f;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 12px rgb(0 0 0 / 45%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 55%)}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}p,h1,h2,h3,td,th,li{overflow-wrap:break-word}h1,h2,h3{margin:0;font-weight:600;line-height:1.25;letter-spacing:-.01em}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}code,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(pointer:coarse){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],input[type=search],input[type=datetime-local],select,textarea{font-size:16px;min-height:2.75rem}.btn{min-height:2.75rem;padding-inline:1rem}.btn-sm{min-height:2.375rem}.tab{padding-block:var(--space-3)}.checkbox input{width:1.125rem;height:1.125rem}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-bar-brand{font-weight:600;font-size:var(--text-base);color:var(--text);letter-spacing:-.01em}.app-bar-spacer{flex:1}.page{width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.breadcrumb{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:var(--space-2)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.tab:hover{color:var(--text);text-decoration:none}.tab[aria-current=page]{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.card-tight{padding:var(--space-4);gap:var(--space-3)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-3)}.metric{background:var(--surface-sunken);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.metric-label{font-size:var(--text-sm);color:var(--text-muted)}.metric-value{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:var(--text-base);font-weight:500;padding:.5rem .875rem;min-height:2.25rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--royal-800);border-color:var(--royal-800)}.btn-danger{color:var(--danger-text);border-color:var(--border-strong)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{min-height:1.875rem;padding:.25rem .625rem;font-size:var(--text-sm)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--text-sm);font-weight:500;color:var(--text)}.field-hint{font-size:var(--text-sm);color:var(--text-muted)}.field-error{font-size:var(--text-sm);color:var(--danger-text)}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],input[type=search],input[type=datetime-local],select,textarea{font:inherit;font-size:var(--text-base);width:100%;padding:.5rem .625rem;min-height:2.25rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--text-faint)}input:disabled,textarea:disabled,select:disabled{background:var(--surface-sunken);color:var(--text-muted)}textarea{min-height:5rem;resize:vertical}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base)}.checkbox input{width:1rem;height:1rem;min-height:0;accent-color:var(--accent);cursor:pointer}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}thead th{text-align:left;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface)}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-sunken)}.cell-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);white-space:nowrap}.cell-muted{color:var(--text-muted)}.row-inactive td{color:var(--text-faint)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-accent{background:var(--royal-50);color:var(--royal-600)}.banner{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-base);line-height:1.5;background:var(--surface-sunken);color:var(--text)}.banner-success{background:var(--success-bg);color:var(--success-text)}.banner-warning{background:var(--warning-bg);color:var(--warning-text)}.banner-danger{background:var(--danger-bg);color:var(--danger-text)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-muted)}.empty-state h2{color:var(--text)}.page-status{padding:var(--space-8);text-align:center;color:var(--text-muted)}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:min(23rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.attendee{min-height:100vh;background:var(--attendee-bg);color:var(--attendee-ink);font-size:var(--text-md)}.attendee-page{width:min(34rem,100%);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.attendee-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.attendee-logo{max-height:3.5rem;max-width:12rem;object-fit:contain}.attendee-intro{align-self:stretch;text-align:left;color:var(--attendee-ink)}.attendee-eyebrow{font-size:var(--text-sm);color:var(--attendee-ink-soft);font-weight:500}.attendee-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--attendee-ink)}.attendee-card{background:var(--attendee-surface);border:1px solid var(--attendee-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.attendee .field-label{color:var(--attendee-ink)}.attendee .field-hint{color:var(--attendee-ink-soft)}.attendee input{background:var(--attendee-surface);color:var(--attendee-ink);border-color:var(--attendee-border);min-height:2.75rem;font-size:var(--text-md);border-radius:var(--radius)}.attendee input:hover:not(:disabled){border-color:var(--attendee-accent)}.attendee :focus-visible{outline-color:var(--attendee-accent)}.attendee-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:var(--text-md);font-weight:600;width:100%;min-height:3rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius);background:var(--attendee-accent);color:var(--attendee-accent-text);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.attendee-btn:hover:not(:disabled){background:var(--attendee-accent-strong)}.attendee-btn:disabled{opacity:.55;cursor:not-allowed}.pick-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.pick{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:3rem;padding:var(--space-3);background:var(--attendee-surface);border:1px solid var(--attendee-border);border-radius:var(--radius);font:inherit;font-size:var(--text-md);color:var(--attendee-ink);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.pick:hover:not(:disabled){border-color:var(--attendee-accent)}.pick[aria-pressed=true]{border-color:var(--attendee-accent);box-shadow:inset 0 0 0 1px var(--attendee-accent);background:var(--attendee-accent-wash)}.pick:disabled{opacity:.45;cursor:not-allowed}.pick-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--attendee-accent)}.pick-check{width:1.25rem;height:1.25rem;flex:none;border-radius:var(--radius-sm);border:1px solid var(--attendee-border);display:grid;place-items:center;font-size:var(--text-xs);color:transparent}.pick[aria-pressed=true] .pick-check{background:var(--attendee-accent);border-color:var(--attendee-accent);color:var(--attendee-accent-text)}.attendee-counter{font-size:var(--text-sm);color:var(--attendee-ink-soft);font-variant-numeric:tabular-nums}.attendee-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-base);background:var(--danger-bg);color:var(--danger-text)}.attendee-footer{text-align:center;font-size:var(--text-sm);color:var(--attendee-ink-soft)}.attendee-sticky{position:sticky;bottom:0;z-index:5;margin:0 calc(var(--space-4) * -1) calc(var(--space-8) * -1);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--attendee-bg);border-top:1px solid var(--attendee-border);display:flex;flex-direction:column;gap:var(--space-2)}.attendee-sticky:before{content:"";position:absolute;inset:auto 0 100%;height:var(--space-5);background:linear-gradient(to bottom,transparent,var(--attendee-bg));pointer-events:none}.pick-search{position:relative}.pick-search input{padding-left:2.25rem;-webkit-appearance:none;appearance:none}.pick-search input::-webkit-search-decoration,.pick-search input::-webkit-search-results-button{-webkit-appearance:none}.pick-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--attendee-ink-soft);pointer-events:none;font-size:var(--text-base)}.pick-list-scroll{display:flex;flex-direction:column;gap:var(--space-2)}.attendee-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6) var(--space-4)}.attendee-success-mark{width:3rem;height:3rem;border-radius:var(--radius-pill);background:var(--attendee-accent);color:var(--attendee-accent-text);display:grid;place-items:center;font-size:var(--text-xl)}.app-shell,.attendee,.auth-layout{min-height:100vh;min-height:100dvh}.app-bar,.page,.attendee-page,.auth-layout{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}@media(max-width:48rem){.page{padding-top:var(--space-4);padding-bottom:var(--space-6);gap:var(--space-4)}.page-header{flex-direction:column;align-items:stretch}.page-header .row>.btn,.card-header .row>.btn{flex:1}.card{padding:var(--space-4);border-radius:var(--radius)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-2)}.metric{padding:var(--space-3)}.metric-value{font-size:var(--text-xl)}.app-bar{padding-block:var(--space-2);gap:var(--space-2)}}@media(max-width:45rem){.table-responsive .table-wrap{border:none;background:transparent;overflow-x:visible}.table-responsive table,.table-responsive tbody,.table-responsive tr,.table-responsive td{display:block;width:100%}.table-responsive thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.table-responsive tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-2)}.table-responsive tbody tr:hover td{background:transparent}.table-responsive td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border:none;text-align:right;overflow-wrap:anywhere}.table-responsive td:before{content:attr(data-label);font-size:var(--text-sm);color:var(--text-muted);text-align:left;flex:none}.table-responsive td[data-label=""]:before{display:none}.table-responsive td[data-label=""]{justify-content:flex-start;padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--border)}}@media(max-width:30rem){.attendee-page{padding-top:var(--space-5)}.attendee-title{font-size:var(--text-xl)}.attendee-card{padding:var(--space-4)}.btn-group-stack{flex-direction:column;align-items:stretch}}@media(min-width:48rem){.page,.app-bar{padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(var(--space-5),env(safe-area-inset-right))}}@media print{.app-bar,.attendee-sticky,.btn{display:none}}@media(max-width:30rem){.hide-narrow{display:none}}.app-bar-link{font-size:var(--text-base);color:var(--text-muted)}.app-bar-link:hover{color:var(--text);text-decoration:none}.card-danger{border-color:var(--danger-bg)}.card-danger h2{color:var(--danger-text)}