:root{--background: oklch(.963 .002 248);--foreground: oklch(.28 .01 248);--card: oklch(1 0 0);--card-foreground: oklch(.28 .01 248);--popover: oklch(1 0 0);--popover-foreground: oklch(.28 .01 248);--primary: #5a6f83;--primary-foreground: oklch(1 0 0);--secondary: oklch(1 0 0);--secondary-foreground: oklch(.28 .01 248);--muted: oklch(.94 .002 248);--muted-foreground: oklch(.44 .01 248);--accent: #5a6f83;--accent-foreground: oklch(1 0 0);--destructive: oklch(.628 .258 29.23);--destructive-foreground: oklch(.98 0 0);--border: oklch(.883 .005 248);--input: oklch(.883 .005 248);--ring: #5a6f83;--font-sans: "Source Sans 3", system-ui, sans-serif;--font-heading: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: .5rem}.dark{--background: oklch(.12 .002 248);--foreground: oklch(.95 .01 248);--card: oklch(.16 0 0);--card-foreground: oklch(.95 .01 248);--popover: oklch(.16 0 0);--popover-foreground: oklch(.95 .01 248);--primary: oklch(.72 .039 248);--primary-foreground: oklch(.12 .01 248);--secondary: oklch(.2 0 0);--secondary-foreground: oklch(.95 .01 248);--muted: oklch(.2 .002 248);--muted-foreground: oklch(.75 .01 248);--accent: oklch(.72 .039 248);--accent-foreground: oklch(.12 .01 248);--destructive: oklch(.7 .18 29.23);--destructive-foreground: oklch(.12 0 0);--border: oklch(.3 .005 248);--input: oklch(.3 .005 248);--ring: oklch(.72 .039 248)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;font-family:var(--font-sans);font-size:16px;color:var(--foreground);background:var(--background)}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.header{flex-shrink:0;background:var(--card);border-bottom:1px solid var(--border)}.header-inner{max-width:1120px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:20px;align-items:center}.ima{font-family:var(--font-heading);font-size:27px;letter-spacing:-2px;font-weight:700;color:var(--primary);border-right:1px solid var(--border);padding-right:22px}.ima small{display:block;letter-spacing:2px;font-size:10px;line-height:1}.title h1{font-family:var(--font-heading);font-size:24px;margin:0;font-weight:600;letter-spacing:-.6px}.title p{margin:4px 0 0;color:var(--muted-foreground);font-size:14px}.demo-tag{font-size:12px;letter-spacing:1.5px;padding:7px 11px;border:1px solid var(--border);border-radius:4px;color:var(--muted-foreground)}.banner{background:var(--muted);padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;border-top:1px solid var(--border)}.scroll{flex:1;min-height:0;overflow:auto;scroll-behavior:smooth}.workspace{width:min(100% - 48px,920px);margin:30px auto 40px}.intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.intro h2{font:600 22px var(--font-heading);margin:0 0 4px}.intro p{color:var(--muted-foreground);margin:0}.progress{display:flex;gap:8px;align-items:center;margin-bottom:24px}.progress span{height:4px;flex:1;background:var(--border);border-radius:2px}.progress span.active{background:var(--primary)}.step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}.step-head{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--border)}.number{font:500 26px var(--font-heading);color:var(--primary);width:34px}.step h3{font:600 19px var(--font-heading);margin:0;flex:1}.status{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--primary)}.step-body{padding:22px 24px 24px}.field{margin-bottom:18px}.field label,fieldset legend{display:block;font-weight:600;margin-bottom:7px}.required{color:var(--muted-foreground)}input,select,textarea{width:100%;font:400 17px var(--font-sans);border:1px solid var(--input);border-radius:5px;background:var(--card);color:var(--foreground);padding:10px 13px;min-height:48px}textarea{resize:vertical;min-height:82px}input:disabled,select:disabled,textarea:disabled{opacity:1;background:var(--muted);color:var(--foreground)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--destructive)}button{font:600 16px var(--font-sans);cursor:pointer;min-height:48px;padding:11px 20px;border-radius:5px;display:inline-flex;gap:9px;align-items:center;justify-content:center;transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:3px}button:disabled{cursor:default;opacity:.65}.btn{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.btn-secondary{background:var(--card);color:var(--primary);border:1px solid var(--border)}.text-button{background:transparent;color:var(--primary);border:0;padding:4px 10px;font-size:14px}.search-row{display:flex;gap:12px;align-items:flex-start}.search-row .field{flex:1;margin-bottom:0}.search-row button{margin-top:31px;min-width:145px}.hint{font-size:14px;color:var(--muted-foreground);margin:7px 0 0}.error{color:var(--destructive);font-size:15px;margin:6px 0 0}.notice{background:var(--muted);border-left:3px solid var(--primary);padding:14px 18px;margin-top:18px}.notice strong{display:block}.notice p{margin:4px 0 0}.customer{margin-top:20px;border:1px solid var(--border);border-radius:5px;display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1fr;padding:16px 18px;gap:18px;background:var(--background)}.customer dt{color:var(--muted-foreground);font-size:14px;margin-bottom:4px}.customer dd{margin:0;font-weight:600}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.actions .hint{margin:0}.form-narrow{max-width:680px}fieldset{padding:0;border:0;margin:0 0 18px}.choices{display:flex;gap:12px}.choice{background:var(--card);color:var(--foreground);border:1px solid var(--border);flex:1}.choice.selected{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.services .choice{min-height:90px;justify-content:flex-start;text-align:left;padding:18px 22px;font-size:19px}.choice small{display:block;font-weight:400;font-size:14px}.summary{margin:0 0 20px;display:flex;flex-wrap:wrap;gap:14px 30px}.summary span{color:var(--muted-foreground)}.summary strong{display:block;color:var(--foreground);font-weight:600}.confirmation{border-left:4px solid var(--primary);background:var(--background);padding:22px;margin-bottom:20px}.confirmation h4{font:600 22px var(--font-heading);margin:0 0 8px}.case-number{font:600 26px var(--font-heading);color:var(--primary);letter-spacing:1px;margin:4px 0 12px}.confirmation p{margin:0 0 5px}.help{border-top:1px solid var(--border);padding-top:20px;margin-top:24px;color:var(--muted-foreground);font-size:14px}.help summary{cursor:pointer;min-height:36px}.help table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}.help th,.help td{text-align:left;padding:8px;border-bottom:1px solid var(--border)}.table-scroll{overflow:auto}.footer{display:flex;justify-content:space-between;color:var(--muted-foreground);font-size:13px;margin-top:22px;gap:15px}.session{margin:20px 0;font-size:14px;color:var(--muted-foreground)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:640px){.header-inner{padding:14px 16px}.brand{gap:12px}.ima{font-size:24px;padding-right:13px}.title h1{font-size:18px;letter-spacing:-.3px}.title p{font-size:12px}.demo-tag{display:none}.banner{font-size:12px;padding:9px 14px;align-items:flex-start}.banner svg{flex-shrink:0;margin-top:2px}.workspace{width:calc(100% - 24px);margin-top:20px}.intro{align-items:flex-start}.intro h2{font-size:20px}.intro p{font-size:14px}.intro .btn-secondary{padding:8px 12px;font-size:14px}.intro .btn-secondary svg{display:none}.step-head{padding:14px 16px;gap:8px}.step h3{font-size:17px}.number{font-size:23px;width:27px}.status{font-size:12px}.step-body{padding:18px 16px}.search-row{display:block}.search-row button{margin-top:14px;width:100%}.pair{grid-template-columns:1fr;gap:0}.customer{grid-template-columns:1fr 1fr;padding:14px;gap:14px}.actions{align-items:stretch;flex-direction:column}.actions .btn{width:100%}.services{flex-direction:column}.services .choice{min-height:76px}.footer{flex-direction:column;gap:3px}.progress{margin-bottom:18px}}
