:root{--ink:#172033;--muted:#667085;--line:#d9e0e8;--surface:#fff;--soft:#f5f7fa;--brand:#0f766e;--brand-dark:#115e59;--accent:#f59e0b;--danger:#b42318;--info:#175cd3;--shadow:0 12px 35px rgba(23,32,51,.08)}
*{box-sizing:border-box}body{margin:0;background:#eef2f6;color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(18px,4vw,48px);background:#0b3540;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:13px}.brand h1,.brand p{margin:0}.brand h1{font-size:22px}.brand p{font-size:12px;color:#cce9e5}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--brand-dark);font-weight:900;letter-spacing:-1px}.top-actions{display:flex;gap:10px;align-items:center}.count-badge{font-size:13px;color:#d8f3ef}.shell{width:min(1220px,calc(100% - 28px));margin:28px auto 70px}.login-card,.workflow-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login-card{width:min(460px,100%);margin:8vh auto;padding:34px}.login-card h2{font-size:30px;margin:4px 0 8px}.workflow-card{padding:26px}.workflow-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.workflow-heading h2{font-size:28px;margin:3px 0}.progress-label{background:#eef6f5;color:var(--brand-dark);border:1px solid #c6e1dd;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--brand)}.muted{color:var(--muted)}.small{font-size:12px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;flex-wrap:wrap}label>span,label:not(.check-row){font-weight:650}input,select,textarea{width:100%;border:1px solid #bdc8d5;border-radius:10px;background:#fff;padding:10px 12px;color:var(--ink)}textarea{resize:vertical}.button{border:0;border-radius:10px;padding:10px 15px;font-weight:750}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark)}.button-secondary{background:#fff;border:1px solid #b8c3d0;color:var(--ink)}.button-ghost{background:rgba(255,255,255,.1);color:#fff}.button-danger{background:#fff1f0;color:var(--danger);border:1px solid #f7c5c0}.button-link{padding:3px 6px;background:transparent;color:var(--brand-dark)}.danger-link{color:var(--danger)}.notice{padding:14px 16px;border-radius:14px;margin-bottom:18px}.warning{background:#fff8e8;border:1px solid #f2d28f;color:#6d4a02}.info{background:#eff8ff;border:1px solid #b2ddff;color:#1849a9}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none;padding:0;margin:0 0 28px}.step-button{width:100%;min-height:92px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:12px;text-align:left;color:#526174;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"number title" "number detail";column-gap:10px;align-items:center}.step-button>span{grid-area:number;width:32px;height:32px;border-radius:999px;background:#d8e0e7;color:#536174;display:grid;place-items:center;font-weight:900}.step-button strong{grid-area:title;color:#344054}.step-button small{grid-area:detail}.step-button.active{border-color:#66c4ba;background:#edf9f7;box-shadow:0 0 0 2px rgba(15,118,110,.08)}.step-button.active>span{background:var(--brand);color:#fff}.step-button.complete>span{background:#7fbbb5;color:#fff}.workflow-step{border-top:1px solid var(--line);padding-top:24px}.section-intro{margin-bottom:20px}.section-intro h3{font-size:23px;margin:0 0 5px}.section-intro p{margin:0;color:var(--muted)}.grid{display:grid;gap:24px}.patient-grid{grid-template-columns:.9fr 1.3fr}.scan-panel{display:flex;flex-direction:column;gap:12px}.scan-drop{min-height:250px;border:2px dashed #8fbab5;border-radius:16px;background:#f2fbf9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;color:var(--brand-dark)}.scan-drop:hover{background:#e7f7f4}.scan-drop input{position:absolute;opacity:0;width:1px;height:1px}.scan-icon{font-size:42px;margin-bottom:10px}.scan-drop strong{font-size:17px}.scan-drop small{color:#5a716e}.scan-preview-wrap{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.scan-preview-wrap img{width:100px;height:80px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.form-grid{display:grid;gap:12px}.two-columns{grid-template-columns:1fr 1fr}.form-grid label{display:flex;flex-direction:column;gap:5px}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding-top:28px;font-weight:650}.check-row input{width:auto}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.step-actions.end{justify-content:flex-end}.date-card{width:min(600px,100%);display:flex;flex-direction:column;gap:10px;background:var(--soft);padding:20px;border-radius:14px}.date-row{display:grid;grid-template-columns:1fr auto;gap:10px}.code-picker-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:24px}.code-picker{display:flex;flex-direction:column;gap:9px;background:var(--soft);padding:16px;border-radius:14px}.code-picker select{min-height:270px}.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.selection-heading h3,.selection-heading h4{margin:0}.result-list{display:flex;flex-direction:column;gap:9px}.result-item{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.selected-code-main{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.result-item strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--brand-dark);font-size:15px}.result-item p{grid-column:1/2;margin:0;color:#475467}.selected-code-actions{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tag{display:inline-block;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;white-space:nowrap}.tag-pediatric{background:#fff0d5;color:#8a4b00;border:1px solid #f4c77b}.tag-primary{background:#e7f7f4;color:#0c5f58;border:1px solid #a6d8d2}.tag-secondary{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}.legend{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-top:14px}.empty-state{text-align:center;color:var(--muted);padding:24px;border:1px dashed var(--line);border-radius:12px}.summary-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.summary-card dl{margin:0}.summary-row{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--line)}.summary-row dt,.summary-row dd{margin:0;padding:11px 14px}.summary-row dt{font-weight:800;background:#f7f9fb}.summary-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.summary-code-block{padding:16px}.summary-code-block+ .summary-code-block{border-left:1px solid var(--line)}.summary-code-block h4{margin:0 0 10px}.summary-code-block p{margin:6px 0;color:#475467}.billing-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.billing-options label{grid-column:1/-1}.complete-actions{align-items:flex-end}.history-section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:16px}.card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.claim-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.claim-card h4{margin:0 0 3px}.claim-card p{margin:7px 0}.status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;white-space:nowrap}.status-ready{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.status-draft{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}footer{text-align:center;color:#7b8798;font-size:12px;padding:25px}
@media(max-width:980px){.stepper{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;padding-bottom:5px}.patient-grid,.code-picker-layout{grid-template-columns:1fr}.summary-code-grid{grid-template-columns:1fr}.summary-code-block+ .summary-code-block{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.topbar{padding:12px 15px}.brand p,.count-badge{display:none}.shell{width:min(100% - 16px,1220px);margin-top:12px}.workflow-card,.login-card{padding:17px;border-radius:15px}.workflow-heading{flex-direction:column}.workflow-heading h2{font-size:23px}.two-columns,.billing-options{grid-template-columns:1fr}.check-row{padding-top:0}.date-row{grid-template-columns:1fr}.step-actions,.complete-actions{align-items:stretch;flex-direction:column}.step-actions .button,.complete-actions .row,.complete-actions .row .button{width:100%}.summary-row{grid-template-columns:1fr}.summary-row dt{padding-bottom:3px}.summary-row dd{padding-top:3px}.scan-preview-wrap{grid-template-columns:1fr}.scan-preview-wrap img{width:100%;height:160px}.legend{align-items:flex-start}}