:root{--vra-navy:#0f3d6e;--vra-navy-dark:#0a2b4e;--vra-surface:#fff;--vra-surface-muted:#f4f6f9;--vra-text:#16202b;--vra-text-muted:#5b6673;--vra-border:#d6dce4;--vra-danger:#b3261e;--vra-radius:12px;--vra-max-width:34rem}@media (prefers-color-scheme:dark){:root{--vra-surface:#14181d;--vra-surface-muted:#1c2229;--vra-text:#eef2f6;--vra-text-muted:#a6b0bb;--vra-border:#2c343d}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--vra-surface-muted);color:var(--vra-text);-webkit-text-size-adjust:100%;font-family:Sarabun,Noto Sans Thai,Segoe UI,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6}main{max-width:var(--vra-max-width);margin:0 auto;padding:1.25rem 1rem 3rem}h1{margin:0 0 .75rem;font-size:1.375rem;line-height:1.35}.vra-card{background:var(--vra-surface);border:1px solid var(--vra-border);border-radius:var(--vra-radius);padding:1.25rem}.vra-muted{color:var(--vra-text-muted)}.vra-privacy{margin:0 auto}.vra-privacy h2{margin:1.75rem 0 .5rem;font-size:1.125rem}.vra-privacy li+li{margin-top:.5rem}.vra-page{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.vra-page>main{flex:1}.vra-site-header{background:var(--vra-surface);border-bottom:1px solid var(--vra-border);align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.vra-site-header__logo{flex:none;width:2.5rem;height:2.5rem}.vra-site-header__text{min-width:0}.vra-site-header__name{margin:0;font-weight:700;line-height:1.25}.vra-site-header__subtitle{color:var(--vra-text-muted);margin:0;font-size:.8125rem}.vra-site-header__aside{color:var(--vra-text-muted);overflow-wrap:anywhere;text-align:right;margin-left:auto;font-size:.8125rem}.vra-site-footer{background:var(--vra-surface);border-top:1px solid var(--vra-border);margin-top:2rem;padding:1.25rem 1rem 2rem}.vra-site-footer__name{margin:0 0 .5rem;font-weight:700}.vra-site-footer__details{margin:0}.vra-site-footer__row{flex-wrap:wrap;gap:.25rem .5rem;padding:.1875rem 0;display:flex}.vra-site-footer__row dt{color:var(--vra-text-muted);flex:none;min-width:5rem}.vra-site-footer__row dd{overflow-wrap:anywhere;margin:0}.vra-site-footer a{color:var(--vra-navy)}.vra-site-footer__note{color:var(--vra-text-muted);margin:.875rem 0 0;font-size:.8125rem}@media (min-width:40rem){.vra-site-header{padding:.75rem 1.5rem}.vra-site-header__logo{width:3rem;height:3rem}.vra-site-footer{padding:1.5rem 1.5rem 2.5rem}}@media (prefers-color-scheme:dark){.vra-site-header__logo{filter:drop-shadow(0 0 1px #ffffff59)}}.vra-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vra-step{background:var(--vra-surface);border:1px solid var(--vra-border);border-radius:var(--vra-radius);padding:1.25rem 1rem 1.5rem}.vra-step__title:focus-visible{outline:3px solid var(--vra-navy);outline-offset:4px}.vra-step__intro,.vra-step__body>*+*{margin-top:1rem}.vra-step__footer{border-top:1px solid var(--vra-border);margin-top:1.5rem;padding-top:1rem}.vra-subheading{margin:1.5rem 0 .5rem;font-size:1.0625rem}.vra-progress{margin-bottom:1rem}.vra-progress__text{color:var(--vra-text-muted);margin:0 0 .375rem;font-size:.875rem}.vra-progress__track{background:var(--vra-surface-muted);border-radius:999px;height:.5rem;overflow:hidden}.vra-progress__bar{background:var(--vra-navy);height:100%;transition:width .2s}.vra-field{margin-top:1rem}.vra-field__label{margin-bottom:.25rem;font-weight:600;display:block}.vra-field__required{color:var(--vra-danger)}.vra-field__hint,.vra-field__error{margin:.25rem 0 0;font-size:.875rem}.vra-field__hint{color:var(--vra-text-muted)}.vra-field__error{color:var(--vra-danger);font-weight:600}.vra-input{background:var(--vra-surface);border:1px solid var(--vra-border);color:var(--vra-text);font:inherit;border-radius:10px;width:100%;min-height:2.75rem;padding:.625rem .75rem}.vra-input:focus-visible{border-color:var(--vra-navy);outline:2px solid var(--vra-navy);outline-offset:1px}.vra-input--error{border-color:var(--vra-danger)}.vra-fieldset{border:0;margin:1rem 0 0;padding:0}.vra-checkbox,.vra-radio{background:var(--vra-surface-muted);border:1px solid var(--vra-border);border-radius:10px;align-items:flex-start;gap:.625rem;min-height:2.75rem;margin-top:.5rem;padding:.75rem;display:flex}.vra-checkbox--emphasis{border-color:var(--vra-navy)}.vra-checkbox input,.vra-radio input{flex:none;width:1.25rem;height:1.25rem;margin-top:.125rem}.vra-radio--plan>span{gap:.125rem;display:grid}.vra-radio__title{font-weight:600}.vra-radio__price{color:var(--vra-navy);font-size:1.125rem;font-weight:700}.vra-radio__detail{color:var(--vra-text-muted);font-size:.875rem}.vra-button{cursor:pointer;font:inherit;border:1px solid #0000;border-radius:10px;width:100%;min-height:2.875rem;margin-top:1.25rem;padding:.75rem 1rem;font-weight:600}.vra-button:disabled{cursor:not-allowed;opacity:.55}.vra-button--primary{background:var(--vra-navy);color:#fff}.vra-button--secondary{background:var(--vra-surface);border-color:var(--vra-navy);color:var(--vra-navy)}.vra-button--quiet{color:var(--vra-text-muted);background:0 0;margin-top:0}.vra-button:focus-visible{outline:3px solid var(--vra-navy);outline-offset:2px}.vra-alert{border:1px solid var(--vra-border);border-left-width:4px;border-radius:8px;padding:.75rem .875rem}.vra-alert p{margin:.375rem 0 0}.vra-alert p:first-child{margin-top:0}.vra-alert__title{font-weight:700}.vra-alert--error{border-left-color:var(--vra-danger)}.vra-alert--info{border-left-color:var(--vra-navy)}.vra-alert--success{border-left-color:#1b7f4d}.vra-picker{margin-top:1rem}.vra-picker__label{margin-bottom:.375rem;font-weight:600;display:block}.vra-picker__input{font:inherit;width:100%}.vra-photo-preview{border:1px solid var(--vra-border);object-fit:contain;border-radius:10px;width:auto;max-width:min(100%,20rem);height:auto;max-height:24rem;display:block}.vra-dialog-backdrop{z-index:1000;background:#0b182ba6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.vra-dialog{background:var(--vra-surface);border-radius:12px;width:100%;max-width:30rem;padding:1.25rem;box-shadow:0 18px 50px #0000004d}.vra-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.vra-amount{background:var(--vra-surface-muted);text-align:center;border-radius:10px;padding:.875rem 1rem}.vra-amount__label{color:var(--vra-text-muted);margin:0}.vra-amount__value{margin:.25rem 0 0;font-size:1.75rem;font-weight:700}.vra-qr-wrap{text-align:center}.vra-qr{background:#fff;border-radius:8px;width:100%;max-width:15rem;height:auto;padding:.5rem}.vra-details{margin:1rem 0 0}.vra-details__row{border-bottom:1px solid var(--vra-border);justify-content:space-between;gap:.75rem;padding:.5rem 0;display:flex}.vra-details dt{color:var(--vra-text-muted)}.vra-details dd{text-align:right;word-break:break-word;margin:0;font-weight:600}.vra-notice{margin:0}.vra-notice__item+.vra-notice__item{margin-top:.875rem}.vra-notice__term{font-weight:700}.vra-notice__detail{color:var(--vra-text-muted);margin:.125rem 0 0}.vra-tips{color:var(--vra-text-muted);margin:0;padding-left:1.25rem}.vra-divider{border:0;border-top:1px solid var(--vra-border);margin:1.5rem 0}.vra-reference{background:var(--vra-surface-muted);text-align:center;border-radius:10px;padding:.875rem 1rem}.vra-reference__label{color:var(--vra-text-muted);margin:0}.vra-reference__value{letter-spacing:.03em;margin:.25rem 0 .5rem;font-size:1.375rem;font-weight:700}.vra-checklist{margin:0;padding:0;list-style:none}.vra-checklist__item{gap:.625rem;padding:.375rem 0;display:flex}.vra-checklist__mark{flex:none;width:1.25rem;font-weight:700}.vra-turnstile{margin-top:1rem}@media (min-width:40rem){:root{--vra-max-width:38rem}.vra-step{padding:1.75rem}.vra-button{width:auto;min-width:12rem}}@media (prefers-reduced-motion:reduce){.vra-progress__bar{transition:none}}.vra-admin{max-width:52rem;margin:0 auto;padding:1rem 1rem 4rem}.vra-admin__title{margin:1.25rem 0 .25rem;font-size:1.375rem}.vra-admin__subtitle{margin:0 0 1rem}.vra-panel{background:var(--vra-surface);border:1px solid var(--vra-border);border-radius:var(--vra-radius);margin-top:1rem;padding:1rem 1.125rem 1.25rem}.vra-panel__title{margin:0 0 .5rem;font-size:1.0625rem}.vra-panel ul{margin:.5rem 0;padding-left:1.25rem}.vra-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.vra-chip{background:var(--vra-surface);border:1px solid var(--vra-border);color:var(--vra-text);cursor:pointer;font:inherit;border-radius:999px;min-height:2.25rem;padding:.375rem .875rem}.vra-chip--active{background:var(--vra-navy);border-color:var(--vra-navy);color:#fff;font-weight:600}.vra-chip:focus-visible{outline:3px solid var(--vra-navy);outline-offset:2px}.vra-queue{margin:0;padding:0;list-style:none}.vra-queue__item{background:var(--vra-surface);border:1px solid var(--vra-border);border-radius:var(--vra-radius);margin-bottom:.625rem;padding:.875rem 1rem}.vra-queue__link{color:inherit;text-decoration:none;display:block}.vra-queue__link:focus-visible{outline:3px solid var(--vra-navy);outline-offset:3px}.vra-queue__reference{letter-spacing:.02em;font-weight:700;display:block}.vra-queue__name{color:var(--vra-navy);text-decoration:underline;display:block}.vra-queue__meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.5rem;font-size:.875rem;display:flex}.vra-badge{border:1px solid #0000;border-radius:999px;padding:.125rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.vra-badge--idle{background:var(--vra-surface-muted);border-color:var(--vra-border);color:var(--vra-text-muted)}.vra-badge--busy{color:#1a4a77;background:#e8f0f9;border-color:#b7cfe6}.vra-badge--action{color:#6b4a06;background:#fff3d6;border-color:#e5c777}.vra-badge--done{color:#14603a;background:#e4f4ea;border-color:#9fd3b3}.vra-badge--stop{color:#8a201b;background:#fbe6e5;border-color:#e3a7a3}@media (prefers-color-scheme:dark){.vra-badge--busy{color:#a8cbe9;background:#14283a;border-color:#2c4b6b}.vra-badge--action{color:#f0d69a;background:#362c11;border-color:#6b5720}.vra-badge--done{color:#a5d8bb;background:#14301f;border-color:#2c5b3f}.vra-badge--stop{color:#eaa9a4;background:#351a19;border-color:#6b302c}}.vra-back{color:var(--vra-navy);cursor:pointer;font:inherit;background:0 0;border:0;margin:.5rem 0 0;padding:.5rem 0}.vra-back:focus-visible{outline:3px solid var(--vra-navy);outline-offset:2px}.vra-link{color:var(--vra-navy);font-weight:600}.vra-reveal{border:1px dashed var(--vra-border);border-radius:10px;margin-top:1rem;padding:.875rem 1rem}.vra-reveal__title{margin:0 0 .25rem;font-size:.9375rem}.vra-reveal__value{letter-spacing:.06em;margin:.25rem 0 0;font-size:1.25rem;font-weight:700}.vra-member-photo{border:1px solid var(--vra-border);border-radius:10px;width:100%;max-width:11rem;display:block}.vra-confirm{background:var(--vra-surface-muted);border-radius:var(--vra-radius);text-align:center;margin-top:1rem;padding:1rem}.vra-confirm__reference{letter-spacing:.03em;margin:0;font-weight:700}.vra-confirm__name{margin:.25rem 0 .5rem;font-size:1.125rem}.vra-confirm__question{margin-top:1.25rem;font-size:1.0625rem;font-weight:600}.vra-timeline{margin:0;padding:0;list-style:none}.vra-timeline__item{border-left:2px solid var(--vra-border);padding:0 0 .875rem .875rem;position:relative}.vra-timeline__item:before{background:var(--vra-navy);content:"";border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.4375rem;left:-.3125rem}.vra-timeline__when{color:var(--vra-text-muted);margin:0;font-size:.8125rem}.vra-timeline__what{margin:.125rem 0 0;font-weight:600}.vra-timeline__who,.vra-timeline__meta{color:var(--vra-text-muted);word-break:break-word;margin:.125rem 0 0;font-size:.8125rem}@media (min-width:48rem){.vra-details__row{grid-template-columns:14rem 1fr;display:grid}.vra-details dd{text-align:left}}