@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";:root{--color-page:#ecfeff;--color-panel:#fff;--color-ink:#12333d;--color-muted:#5c7480;--color-border:#cfe8ee;--color-border-strong:#7ccbd8;--color-primary:#0891b2;--color-primary-dark:#0e7490;--color-accent:#22c55e;--color-accent-dark:#15803d;--color-danger:#b42318;--color-danger-surface:#fff1f0;--color-warning:#a16207;--color-warning-surface:#fff8e1;--color-focus:#22d3ee61;--radius-panel:8px;--radius-control:8px;--font-body:"Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Poppins, var(--font-body);color:var(--color-ink);background:var(--color-page);font-family:var(--font-body)}*{box-sizing:border-box}html{background:var(--color-page);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;min-height:100%}body{background:var(--color-page);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}.app-shell{background:var(--color-page);min-height:100vh;overflow-x:hidden}.app-section{justify-content:center;min-height:100vh;padding:16px 10px 24px;display:flex}.app-container{width:min(100%,560px)}.app-main-column{gap:12px;display:grid}.hero-panel{padding:4px 2px 2px}.hero-title,.form-title,.otp-title,.accepted-title{font-family:var(--font-display);letter-spacing:0;color:var(--color-ink);margin:0}.hero-title{font-size:clamp(1.5rem,7vw,2.05rem);font-weight:700;line-height:1.08}.hero-subtitle{max-width:31rem;color:var(--color-muted);margin:6px 0 0;font-size:.94rem;font-weight:600;line-height:1.45}.form-panel{border-radius:var(--radius-panel);background:var(--color-panel);border:1px solid #bfe2ea;width:100%;padding:16px}.form-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.form-heading{min-width:0}.eyebrow{color:var(--color-primary-dark);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.form-eyebrow{margin-bottom:5px}.form-title{font-size:1.32rem;font-weight:700;line-height:1.14}.status-pill{min-height:28px;font-family:var(--font-display);white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 10px;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.status-pill--draft{color:var(--color-primary-dark);background:#f3fdff;border-color:#b7dce5}.status-pill--saving{background:var(--color-warning-surface);color:var(--color-warning);border-color:#f2d47e}.status-pill--saved{color:var(--color-accent-dark);background:#effdf4;border-color:#a9eac1}.status-pill--error{background:var(--color-danger-surface);color:var(--color-danger);border-color:#ffc9c5}.progress-wrap{border-radius:var(--radius-panel);background:#f8feff;border:1px solid #d9f2f5;margin-bottom:16px;padding:12px}.progress-meta{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.82rem;font-weight:700;display:flex}.progress-meta strong{color:var(--color-primary-dark);font-family:var(--font-display)}.progress-meter{appearance:none;background:#dbeff3;border:0;border-radius:999px;width:100%;height:8px;display:block;overflow:hidden}.progress-meter::-webkit-progress-bar{background:#dbeff3;border-radius:999px}.progress-meter::-webkit-progress-value{background:var(--color-accent);border-radius:999px}.progress-meter::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.form-grid{gap:12px;display:grid}.field{gap:7px;display:grid;position:relative}.field-label{color:#264750;font-family:var(--font-display);font-size:.84rem;font-weight:600;line-height:1.25}.text-input,.select-input,.date-trigger{border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--color-ink);background:#fbfeff;border:1px solid #b9dce4;outline:0;font-size:1rem;font-weight:600;line-height:1.2;transition:border-color .18s,box-shadow .18s,background-color .18s}.text-input{padding:11px 13px}.select-input{appearance:none;padding:11px 42px 11px 13px}.text-input::placeholder{color:#8aa1aa;font-weight:500}.text-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.text-input:focus,.select-input:focus,.date-trigger:focus-visible,.date-picker-select:focus,.date-nav-button:focus-visible,.date-day:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.date-trigger{text-align:left;padding:11px 42px 11px 13px;position:relative}.date-trigger:after{border:2px solid var(--color-primary-dark);content:"";border-radius:4px;width:15px;height:15px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.date-trigger:before{background:var(--color-primary-dark);width:7px;height:2px;box-shadow:5px 0 0 var(--color-primary-dark);content:"";border-radius:999px;position:absolute;top:calc(50% - 7px);right:19px}.date-trigger--placeholder{color:#8aa1aa;font-weight:600}.select-field{position:relative}.select-field:after{border-right:2px solid var(--color-primary-dark);border-bottom:2px solid var(--color-primary-dark);content:"";pointer-events:none;width:9px;height:9px;position:absolute;top:50%;right:16px;transform:translateY(-65%)rotate(45deg)}.form-actions{margin-top:16px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-upload{border-radius:var(--radius-panel);background:#f8feff;border:1px solid #d9f2f5;align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex}.photo-preview{background:linear-gradient(#f7fffb, #f7fffb) padding-box, linear-gradient(135deg, var(--color-primary), var(--color-accent)) border-box;width:78px;height:78px;color:var(--color-primary-dark);font-family:var(--font-display);border:2px solid #b9e8d0;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}.photo-preview--filled{border-color:var(--color-accent)}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-upload-content{min-width:0}.photo-upload-title{margin:0 0 8px}.photo-actions{flex-wrap:wrap;gap:8px;display:flex}.secondary-button,.ghost-button{border-radius:var(--radius-control);min-height:36px;font-family:var(--font-display);justify-content:center;align-items:center;padding:8px 12px;font-size:.86rem;font-weight:700;line-height:1.1;display:inline-flex}.secondary-button{border:1px solid var(--color-primary);color:var(--color-primary-dark);cursor:pointer;background:#fff}.secondary-button:hover,.secondary-button:focus-visible{background:#e8fbff}.ghost-button{color:var(--color-danger);background:0 0;border:1px solid #0000}.ghost-button:hover,.ghost-button:focus-visible{background:var(--color-danger-surface);border-color:#ffc9c5}.photo-error{color:var(--color-danger);margin:8px 0 0;font-size:.8rem;font-weight:700}.date-popover{z-index:3;border-radius:var(--radius-panel);background:#fff;border:1px solid #b9dce4;margin-top:4px;padding:12px}.date-picker-header{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.date-picker-controls{grid-template-columns:minmax(0,1fr) 82px;gap:8px;display:grid}.date-picker-select{border-radius:var(--radius-control);width:100%;min-height:36px;color:var(--color-ink);background:#fbfeff;border:1px solid #b9dce4;outline:0;font-size:.86rem;font-weight:700}.date-nav-button,.date-day{border:1px solid #0000;outline:0;justify-content:center;align-items:center;display:inline-flex}.date-nav-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-primary-dark);background:#f8feff;border-color:#d6edf2;font-size:1.4rem;font-weight:700}.date-weekdays,.date-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.date-weekdays{color:var(--color-muted);text-align:center;margin-bottom:5px;font-size:.72rem;font-weight:700}.date-day,.date-day-placeholder{aspect-ratio:1;min-width:0}.date-day{color:var(--color-ink);background:#fff;border-radius:999px;font-size:.86rem;font-weight:700}.date-day:hover{background:#e8fbff}.date-day--selected{border-color:var(--color-accent-dark);background:var(--color-accent);color:#fff}.primary-button{border:1px solid var(--color-accent-dark);border-radius:var(--radius-control);background:var(--color-accent);color:#fff;width:100%;min-height:48px;font-family:var(--font-display);justify-content:center;align-items:center;padding:11px 16px;font-size:1rem;font-weight:700;line-height:1.2;transition:background-color .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex;position:relative}.primary-button:hover:not(:disabled),.primary-button:focus-visible{background:var(--color-accent-dark);border-color:#126b33;box-shadow:0 0 0 3px #22c55e33}.primary-button:disabled{opacity:.68}.primary-button--loading{color:#0000}.primary-button--loading:after{content:"";border:2px solid #ffffff6b;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.78s linear infinite button-spin;position:absolute}.notice{border-radius:var(--radius-panel);border:1px solid #0000;padding:12px 14px;font-size:.9rem;font-weight:700;line-height:1.45}.notice--debug{background:var(--color-warning-surface);color:var(--color-warning);border-color:#f2d47e}.notice--error{background:var(--color-danger-surface);color:var(--color-danger);border-color:#ffc9c5}.otp-panel,.accepted-panel{text-align:center}.otp-title,.accepted-title{font-size:1.42rem;font-weight:700;line-height:1.16}.otp-subtitle,.accepted-message{max-width:25rem;color:var(--color-muted);margin:8px auto 0;font-size:.96rem;font-weight:600;line-height:1.5}.otp-panel .field{text-align:left;max-width:230px;margin:18px auto 0}.otp-input{text-align:center;font-family:var(--font-display);letter-spacing:.18em;font-size:1.24rem}.otp-hint{color:var(--color-muted);margin:10px 0 0;font-size:.84rem;font-weight:700;line-height:1.4}.otp-error{color:var(--color-danger);margin:12px 0 0;font-size:.86rem;font-weight:700;line-height:1.4}.otp-panel .primary-button{margin-top:16px}.accepted-mark{width:52px;height:52px;color:var(--color-accent-dark);font-family:var(--font-display);background:#effdf4;border:1px solid #a9eac1;border-radius:999px;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.75rem;font-weight:700;line-height:1;display:inline-flex}.accepted-message{color:#315640}@keyframes button-spin{to{transform:rotate(360deg)}}@media (width>=720px){.app-section{padding:28px 16px 36px}.app-container{width:min(100%,620px)}.form-panel{padding:22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field--full{grid-column:1/-1}}@media (width<=359px){.app-section{padding:10px 8px 18px}.app-main-column{gap:10px}.form-panel{padding:14px}.form-header{gap:8px}.form-title{font-size:1.18rem}.status-pill{min-height:26px;padding-inline:8px;font-size:.68rem}.text-input,.select-input,.date-trigger{min-height:44px;font-size:.94rem}.photo-upload{gap:10px;padding:10px}.photo-preview{width:68px;height:68px}.date-picker-header{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.date-picker-controls{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}}