@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#0b1b48;font-synthesis:none;--navy:#0b1b48;--blue:#1469e8;--blue-soft:#eaf4ff;--green:#09744c;--green-soft:#dcf7eb;--red:#c8323a;--red-soft:#ffe8e8;--line:#dce5f0;--muted:#697794;--shadow:0 18px 50px #152d571c;background:#fff;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,4vw,68px);display:flex}.brand{color:var(--navy);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--blue);border-radius:12px;place-items:center;width:42px;height:42px;font:800 23px/1 Manrope,sans-serif;display:grid;box-shadow:0 8px 18px #1469e838}.brand strong{letter-spacing:-.8px;font:800 25px/1 Manrope,sans-serif;display:block}.brand strong>span{color:var(--blue)}.brand small{color:var(--muted);margin-top:5px;font-size:13px;display:block}.reset-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:14px;font-weight:600;display:inline-flex}.reset-button:hover:not(:disabled){color:var(--navy);background:#f2f6fa}.reset-button:disabled{opacity:.35;cursor:default}main{grid-template-columns:minmax(0,1.45fr) minmax(390px,.9fr);align-items:start;gap:clamp(36px,4vw,64px);max-width:1480px;margin:0 auto;padding:44px clamp(24px,4vw,68px) 66px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:24px;min-height:80px;margin-bottom:20px;display:flex}.step-label{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.045em;margin:0;font-family:Manrope,sans-serif}h1{font-size:clamp(30px,3vw,42px);line-height:1.08}h2{font-size:31px}.totals{white-space:nowrap;color:var(--muted);align-items:center;gap:11px;padding-bottom:6px;font-size:14px;display:flex}.totals strong{color:var(--navy);font-size:18px}.totals .available-count{color:var(--blue)}.totals .claimed-count{color:var(--red)}.divider{background:#cad5e3;width:1px;height:18px}.title-table{width:100%}.table-header,.title-row{text-align:left;grid-template-columns:48px minmax(250px,1fr) 118px 54px;align-items:center;display:grid}.table-header{min-height:43px;color:var(--muted);border-bottom:1px solid var(--line);padding:0 16px;font-size:13px;font-weight:700}.table-header span:last-child{text-align:center}.title-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;width:100%;min-height:59px;padding:0 16px;transition:background .18s,transform .18s}.title-row:hover:not(:disabled){background:#f7faff}.title-row.selected{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.title-row:disabled{cursor:not-allowed}.row-number{color:var(--muted);font-size:14px}.row-title{color:var(--navy);font-size:16px;font-weight:500}.selected .row-title{font-weight:700}.claimed .row-title{color:#7f8aa0}.status{border-radius:7px;justify-self:start;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-available{color:var(--green);background:var(--green-soft)}.status-claimed{color:var(--red);background:var(--red-soft)}.radio{background:#fff;border:1.5px solid #afbdd0;border-radius:50%;justify-self:center;place-items:center;width:22px;height:22px;display:grid}.selected .radio{border:2px solid var(--blue)}.selected .radio span{background:var(--blue);border-radius:50%;width:11px;height:11px}.claimed .radio{opacity:.35;background:#eef2f6}.form-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:30px;position:sticky;top:24px}.panel-heading{margin-bottom:21px}.selected-title{min-height:76px;color:var(--muted);background:#f3f6fa;border-radius:10px;align-content:center;gap:7px;margin-bottom:24px;padding:14px 16px;display:grid}.selected-title.has-selection{background:var(--blue-soft);color:var(--navy)}.selected-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.selected-title strong{font:700 16px/1.35 Manrope,sans-serif}.field{color:var(--navy);flex:1;gap:7px;font-size:13px;font-weight:700;display:grid}.field input{width:100%;height:45px;color:var(--navy);background:#fff;border:1px solid #b9c7da;border-radius:7px;outline:none;padding:0 13px;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#95a1b6;font-weight:400}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1469e81f}.member-list{margin-top:24px}fieldset{border:0;border-top:1px solid #e6ecf3;margin:0;padding:18px 0}fieldset:first-child{padding-top:21px}legend{margin-bottom:11px;padding:0;font:700 14px Manrope,sans-serif}.member-fields{gap:14px;display:flex}.form-error{color:var(--red);margin:4px 0 12px;font-size:13px;font-weight:600;line-height:1.4}.lock-button,.done-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:6px;font:700 17px Manrope,sans-serif;transition:background .15s,transform .15s;display:flex;box-shadow:0 9px 20px #1469e833}.lock-button:hover,.done-button:hover{background:#075bcf;transform:translateY(-1px)}.lock-button:disabled{cursor:wait;opacity:.72;transform:none}.lock-button:focus-visible,.done-button:focus-visible,.title-row:focus-visible,.reset-button:focus-visible{outline-offset:2px;outline:3px solid #1469e859}.lock-note{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.45}footer{color:#8a96aa;text-align:center;padding:0 24px 36px;font-size:13px}.dialog-backdrop{z-index:10;background:#07123094;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.success-dialog{text-align:center;background:#fff;border-radius:18px;width:min(440px,100%);padding:34px;animation:.25s rise-in;position:relative;box-shadow:0 30px 80px #0000003d}.dialog-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog-close:hover{background:#f1f4f8}.success-icon{background:var(--green-soft);width:58px;height:58px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.success-dialog h2{font-size:27px}.success-dialog>p{color:var(--muted);margin:10px 0 18px}.confirmed-title{background:var(--blue-soft);color:var(--navy);border-radius:9px;padding:15px;font-weight:700}.member-summary{color:var(--muted);gap:4px;margin:17px 0 22px;font-size:13px;display:grid}.done-button{height:48px}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=1040px){main{grid-template-columns:1fr}.form-panel{width:100%;max-width:680px;margin:0 auto;position:static}}@media (width<=720px){header{height:80px;padding:0 18px}.brand-mark{width:38px;height:38px}.brand strong{font-size:22px}.brand small{font-size:11px}.reset-button{font-size:0}.reset-button svg{width:19px;height:19px}main{gap:34px;padding:30px 18px 50px}.section-heading{flex-direction:column;align-items:start;gap:16px}.totals{justify-content:space-between;width:100%}.table-header{display:none}.title-row{grid-template-columns:34px minmax(0,1fr) 24px;min-height:70px;padding:10px 8px}.row-title{font-size:15px;line-height:1.3}.status{grid-column:2;justify-self:start;margin-top:-7px;padding:3px 7px}.radio{grid-area:1/3/span 2}.form-panel{border-radius:13px;padding:24px 18px}.member-fields{gap:11px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}