:root{--brand: #0F6E56;--brand-d: #0A4A3A;--ink: #0C1A20;--ink2: #46585e;--muted: #6a7a80;--border: #e2eaea;--bg: #f4f8f7;--card: #fff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.head{background:linear-gradient(135deg,var(--brand),var(--brand-d));color:#fff;padding:20px 20px 26px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.head .h-name{font-size:13px;opacity:.85;font-weight:600;letter-spacing:.02em}.head h1{font-size:22px;margin:4px 0 0;font-weight:800}.steps{display:flex;gap:6px;margin-top:16px}.steps span{flex:1;height:4px;border-radius:4px;background:#ffffff4d}.steps span.on{background:#fff}.body{padding:18px 20px 32px;flex:1}.lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:2px 0 8px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .12s,box-shadow .12s;width:100%;text-align:left}.card:hover{border-color:var(--brand)}.card.sel{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.card .t{font-weight:700;font-size:15px}.card .s{font-size:12.5px;color:var(--muted);margin-top:2px}.slotgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.slot{padding:10px 6px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:14px;font-weight:700;cursor:pointer;text-align:center;font-variant-numeric:tabular-nums}.slot:hover{border-color:var(--brand)}.slot.sel{background:var(--brand);color:#fff;border-color:var(--brand)}input,select{width:100%;height:46px;border:1px solid var(--border);border-radius:12px;padding:0 14px;font-size:15px;background:#fff;font-family:inherit;margin-bottom:12px}.btn{width:100%;height:50px;border:none;border-radius:12px;background:var(--brand);color:#fff;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--border)}.row{display:flex;gap:10px;align-items:center}.date-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.chip{flex:0 0 auto;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:700;cursor:pointer;text-align:center;line-height:1.2}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.chip .d{font-size:11px;opacity:.8;display:block;font-weight:600}.muted{color:var(--muted);font-size:13px}.back{background:none;border:none;color:#ffffffe6;font-size:13px;cursor:pointer;padding:0;margin-bottom:4px}.done{text-align:center;padding-top:30px}.done .ref{font-size:26px;font-weight:800;letter-spacing:.04em;color:var(--brand-d);background:#eafaf4;border:1px solid #bfe8d8;border-radius:12px;padding:14px;margin:14px 0}.err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px}.center{min-height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}
