:root{--color-primary: #1e3a5f;--color-primary-dark: #162c49;--color-primary-tint: #eef3f8;--color-accent: #2e7d32;--color-accent-dark: #256628;--color-accent-tint: #e8f5e9;--color-bg: #f4f6f8;--color-card: #ffffff;--color-text: #1f2933;--color-text-muted: #5f6b76;--color-border: #d4dae0;--color-error: #c62828;--color-error-bg: #fdecea;--color-success: #2e7d32;--focus-ring: 3px solid #1a73e8;--radius: 12px;--shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.app-shell{min-height:100vh}.page{max-width:720px;margin:0 auto;padding:0 16px 40px}.page.has-sticky-bars{padding-bottom:120px}.progress-header{position:sticky;top:0;z-index:20;background:var(--color-primary);color:#fff;margin:0 -16px 16px;padding:16px 16px 14px;box-shadow:0 2px 10px #1018282e}.progress-title{margin:0 0 6px;font-size:1.4rem;line-height:1.2}.progress-count{margin:0 0 8px;font-size:1rem;color:#ffffffeb}.progress-count strong{font-size:1.05rem}.progress-bar{height:12px;border-radius:999px;background:#ffffff40;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:#7bd67f;transition:width .25s ease;min-width:0}.progress-employee{margin:10px 0 0;font-size:.98rem;font-weight:600;color:#fffffff2}.instructions{background:var(--color-card);border-left:5px solid var(--color-primary);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.instructions h2{margin:0 0 8px;font-size:1.05rem}.instructions p{margin:0;color:var(--color-text-muted)}.instructions-expiry{margin:8px 0 0!important;font-size:.9rem;font-weight:600}.product-card{background:var(--color-card);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.form-image-group{display:block;width:100%;height:160px;border-radius:10px;margin:0 0 14px;object-fit:cover;background:#f0f3f6}.form-image-thumb{display:block;width:100%;aspect-ratio:1 / 1;border-radius:8px;object-fit:cover;background:#f0f3f6}.form-image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2f6,#e3e9ef);color:#97a3af}.form-image-icon{font-size:2.6rem;line-height:1}.form-image-group.form-image-placeholder .form-image-icon{font-size:3rem}.product-head{display:flex;align-items:center;gap:10px;justify-content:space-between}.product-name{margin:0 0 6px;font-size:1.3rem}.product-head .product-name{margin:0}.complete-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent-tint);color:var(--color-accent);font-size:1.2rem;font-weight:800}.product-card-complete{border:2px solid var(--color-accent)}.product-qty{color:var(--color-text-muted);font-weight:400;font-size:1rem}.product-entitlement{margin:6px 0 16px;color:var(--color-text-muted);font-size:1.02rem;font-weight:600}.kind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 520px){.kind-grid{grid-template-columns:repeat(3,1fr)}}.kind-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px;background:#fff;border:2px solid var(--color-border);border-radius:12px;cursor:pointer;font-family:inherit;text-align:center;min-height:48px}.kind-card:hover{border-color:var(--color-primary)}.kind-card-selected{border-color:var(--color-accent);background:var(--color-accent-tint);box-shadow:0 0 0 2px var(--color-accent) inset}.kind-label{font-size:1rem;font-weight:700;line-height:1.2;color:var(--color-text)}.kind-check{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent);color:#fff;font-size:.95rem;font-weight:800}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:800;flex:0 0 auto}.size-dimensions{margin:6px 0 0;font-size:.9rem;color:var(--color-text-muted)}.link-btn{margin-top:8px;padding:6px 0;background:none;border:none;color:var(--color-primary);font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:underline;cursor:pointer}.link-btn:hover{color:var(--color-primary-dark)}.product-description{margin:0 0 16px;color:var(--color-text-muted);font-size:.95rem}.slot{border:1px solid var(--color-border);border-radius:10px;padding:14px 14px 2px;margin-bottom:12px;background:#fafbfc}.slot-single{border:none;padding:0;margin-bottom:0;background:transparent}.slot-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.slot-title{font-weight:700;font-size:1rem}.slot-arrows{display:flex;gap:8px}.arrow-btn{min-width:48px;min-height:48px;padding:0;font-size:1.3rem;font-family:inherit;color:var(--color-primary);background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:pointer}.arrow-btn:hover:not(:disabled){background:#eef3f8}.arrow-btn:disabled{opacity:.35;cursor:not-allowed}.chip-prefill{display:inline-block;background:#e8f0fe;color:var(--color-primary);font-size:.88rem;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:12px}.field{margin-bottom:16px}.field-label{display:flex;align-items:center;font-weight:700;font-size:1.05rem;margin-bottom:8px}.req{color:var(--color-error)}.input{width:100%;min-height:52px;padding:12px 14px;font-size:1.05rem;font-family:inherit;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:10px}.input-select{min-height:56px;font-size:1.1rem;font-weight:600;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235f6b76' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}.input:focus{outline:var(--focus-ring);outline-offset:1px;border-color:var(--color-primary)}.input:disabled{background:#f0f2f4;color:var(--color-text-muted);cursor:not-allowed}.field.has-error .input{border-color:var(--color-error);background:var(--color-error-bg)}.field-error{margin:6px 0 0;font-size:.9rem;font-weight:600;color:var(--color-error)}.empty-state{text-align:center;color:var(--color-text-muted);padding:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 20px;font-size:1.1rem;font-weight:600;font-family:inherit;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:#256628}.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background:#eef3f8}.actions{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--color-card);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #1018281a}.save-indicator{min-height:1.2em;font-size:.9rem;color:var(--color-text-muted);text-align:center}@media (min-width: 560px){.actions{flex-direction:row;flex-wrap:wrap;align-items:center;max-width:720px;margin:0 auto}.save-indicator{flex-basis:100%}.actions .btn{flex:1;width:auto}}.summary-row{display:flex;justify-content:space-between;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid var(--color-border)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--color-text-muted)}.summary-value{font-weight:600;text-align:right}.summary-heading{margin:0 0 8px;font-size:1.2rem}.summary-list{list-style:none;margin:0;padding:0}.summary-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:1.05rem}.summary-item:last-child{border-bottom:none}.summary-ordinal{flex:0 0 auto;font-weight:800;color:var(--color-primary);min-width:1.4em}.summary-detail{display:flex;flex-direction:column}.summary-detail-name{font-weight:700}.summary-detail-choice{color:var(--color-text)}.summary-detail-dims{margin-top:2px;font-size:.9rem;color:var(--color-text-muted)}.summary-note{text-align:center;color:var(--color-text-muted);font-size:.92rem;margin:24px 8px 0}.success-hero{text-align:center;padding:28px 16px 20px}.success-hero-icon{margin:0 auto 14px;width:84px;height:84px;font-size:2.6rem}.success-title{margin:0 0 6px;font-size:1.7rem}.success-text{margin:0;font-size:1.1rem;color:var(--color-text-muted)}.screen-center{min-height:100vh;max-width:720px;margin:0 auto;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.screen-icon{width:72px;height:72px;border-radius:50%;background:var(--color-error-bg);color:var(--color-error);font-size:2.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.screen-icon-success{background:#e8f5e9;color:var(--color-success)}.screen-icon-info{background:#e8f0fe;color:var(--color-primary)}.screen-name{margin:0;font-weight:600;color:var(--color-text)}.screen-title{margin:0;font-size:1.5rem}.screen-text{margin:0;color:var(--color-text-muted);max-width:440px}.screen-center .btn{max-width:360px}.spinner{width:44px;height:44px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;right:16px;bottom:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{padding:14px 18px;border-radius:10px;color:#fff;font-weight:600;box-shadow:var(--shadow);background:var(--color-primary)}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}@media (min-width: 560px){.toast-container{left:auto;max-width:380px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;align-items:center;justify-content:center;padding:20px;z-index:900}.modal{background:#fff;border-radius:var(--radius);padding:24px;max-width:440px;width:100%;box-shadow:0 12px 32px #10182840}.modal-wide{max-width:520px}.modal-title{margin:0 0 10px;font-size:1.25rem}.modal-subtitle{margin:0 0 14px;color:var(--color-text-muted);font-weight:600}.modal-message{margin:0 0 20px;color:var(--color-text-muted)}.size-table-wrap{overflow-x:auto;margin:0 0 20px}.size-table{width:100%;border-collapse:collapse;font-size:.95rem}.size-table th,.size-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border);vertical-align:top}.size-table th{color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}.size-table-size{font-weight:700;white-space:nowrap}.modal-actions{display:flex;flex-direction:column-reverse;gap:10px}@media (min-width: 480px){.modal-actions{flex-direction:row}.modal-actions .btn{flex:1}}