:root{
  --navy:#0b2e59;--blue:#0b7fc4;--cyan:#20b7cf;--ice:#eef7fb;--line:#dbe7ef;
  --text:#15324d;--muted:#6f8296;--bg:#f5f9fc;--white:#fff;--red:#d8525e;--green:#1aa783;
  --shadow:0 14px 42px rgba(22,58,94,.10);--radius:24px;
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input{font:inherit}
body{min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;position:sticky;top:0;z-index:20}.brand-wrap{display:flex;align-items:center;gap:16px}.brand-logo{width:160px;height:64px;object-fit:contain}.app-title{font-weight:800;font-size:22px}.app-subtitle{color:var(--muted);font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.status-badge{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#fff;font-weight:700;font-size:13px}.status-badge span{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}.status-badge.online span{background:var(--green)}.status-badge.offline span{background:var(--red)}
.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:20px;max-width:1500px;margin:0 auto}.stepper{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);height:max-content;position:sticky;top:112px}.step{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:16px;padding:12px;text-align:left;color:var(--muted);cursor:pointer}.step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf3f8;color:var(--muted)}.step.active{background:linear-gradient(135deg,#eaf7fb,#eef5fd);color:var(--navy);font-weight:800}.step.active b{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white}.workspace{min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.step-panel{display:none}.step-panel.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.section-head h1,.section-head h2{margin:4px 0 6px;color:var(--navy)}.section-head p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}.btn{border:none;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;transition:.18s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 8px 20px rgba(11,127,196,.20)}.btn-secondary{background:#eff5f8;color:var(--navy);border:1px solid var(--line)}.btn-lg{padding:16px 22px;font-size:17px}.btn-xl{padding:18px 28px;font-size:18px}.search-box{display:grid;grid-template-columns:1fr auto;gap:12px}.search-box input,input[type=text],input[type=search],input[type=email],input[type=date],input[type=tel]{width:100%;border:1px solid var(--line);background:#f7fafc;border-radius:14px;padding:15px;color:var(--text);outline:none}.search-box input:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,127,196,.08)}.client-results{display:grid;gap:10px;margin-top:16px}.client-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fbfdfe;cursor:pointer}.client-item:hover{border-color:#9fcde6}.client-item h3{margin:0 0 4px}.client-item p{margin:0;color:var(--muted)}.tag{display:inline-block;background:#e9f6fb;color:var(--blue);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.selected-card{margin-top:20px;padding:18px;border-radius:18px;border:2px solid #bfe6f2;background:linear-gradient(135deg,#f4fbfe,#f7fbff);display:flex;justify-content:space-between;align-items:center}.selected-card h2{margin:8px 0 4px}.selected-card p{margin:0;color:var(--muted)}.hidden{display:none!important}.assessment-id{background:#eef5f9;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:800;color:var(--navy)}
.history-progress{display:flex;align-items:center;gap:14px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px}.history-progress .progress{flex:1}.history-progress span{font-weight:800;color:var(--navy);white-space:nowrap;font-size:14px}
.history-dots{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.history-dot{width:9px;height:9px;border-radius:50%;background:var(--line)}.history-dot.done{background:#a8cfe2}.history-dot.active{background:var(--blue);width:24px;border-radius:5px}
.history-section{background:#fbfdfe;border:1px solid var(--line);border-radius:20px;padding:26px 28px}
.history-section-title{display:flex;align-items:center;gap:14px;font-size:19px;color:var(--navy);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.history-section-icon{width:42px;height:42px;border-radius:12px;background:var(--ice);display:grid;place-items:center;font-size:21px;flex:none}
.history-section-count{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--muted);text-transform:none;letter-spacing:0;white-space:nowrap}
.history-form{display:flex;flex-direction:column}
.form-row-q{display:grid;grid-template-columns:1.3fr 1.7fr;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ice)}.form-row-q:last-child{border-bottom:0;padding-bottom:4px}
.form-row-q label{font-size:15.5px;color:var(--text);font-weight:600;line-height:1.4}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.question-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fbfdfe;transition:.15s}.question-card:has(.choice.selected){border-color:#bfe0ee;background:#f9fdff}.question-card h4{font-size:15.5px;margin:0 0 14px;line-height:1.4;color:var(--text);font-weight:700}.segmented{display:flex;flex-wrap:wrap;gap:9px}.choice{border:1px solid #cfe0ea;background:#fff;border-radius:12px;padding:11px 15px;font-weight:700;color:var(--text);cursor:pointer;font-size:14px}.choice.selected{background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:transparent;color:white;box-shadow:0 6px 14px rgba(11,127,196,.22)}.conditional{margin-top:12px}.nav-row{margin-top:26px;display:flex;justify-content:space-between;gap:12px}
@media(max-width:700px){.form-row-q{grid-template-columns:1fr}.history-section{padding:20px 18px}.history-section-count{margin-left:0;flex-basis:100%}.history-section-title{flex-wrap:wrap}}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.difficulty-tile{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfdfe;cursor:pointer;min-height:106px;display:flex;flex-direction:column;justify-content:center;gap:8px}.difficulty-tile .emoji{font-size:28px}.difficulty-tile.selected{border-color:#6fc8df;background:linear-gradient(135deg,#eaf8fc,#eef6fd);box-shadow:0 8px 18px rgba(11,127,196,.08)}.summary-card{margin-top:18px;border:1px solid var(--line);background:#f7fafc;border-radius:16px;padding:15px}.summary-card p{margin:6px 0 0;color:var(--muted)}
.ear-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ear-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fbfdfe}.ear-card.red{border-top:4px solid var(--red)}.ear-card.blue{border-top:4px solid #4b8cd8}.ear-title{font-size:19px;font-weight:900;margin-bottom:14px}.field-row{margin:12px 0}.field-row label{display:block;font-size:13px;color:var(--muted);font-weight:800;margin-bottom:8px}.notice{border-radius:14px;padding:13px 15px;margin-bottom:16px}.notice.warning{background:#fff8e6;border:1px solid #f4d27d}.notice.danger{background:#fff0f1;border:1px solid #f0b8bd;color:#8d2430}.subtle{margin-top:15px;color:var(--muted)}
.speech-tabs{display:flex;gap:8px;margin-bottom:15px}.speech-tab{border:1px solid var(--line);background:#f5f8fa;border-radius:12px;padding:11px 16px;font-weight:800;color:var(--muted)}.speech-tab.active{background:var(--navy);color:white}.speech-box{border:1px solid var(--line);border-radius:22px;padding:24px;background:linear-gradient(180deg,#fbfdff,#f3f9fc)}.speech-progress{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.progress{height:10px;background:#e3edf3;border-radius:999px;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));width:0}.speech-word{font-size:64px;font-weight:900;text-align:center;color:var(--navy);padding:42px 10px}.speech-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{font-size:17px;padding:17px}.answer.yes{background:#e8f7f2;color:#0d755b;border:1px solid #a9decf}.answer.no{background:#fff0f1;color:#9b303b;border:1px solid #efbdc2}.link-btn{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--blue);font-weight:800}.score-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.score-summary div{border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between}.score-summary strong{font-size:24px}
.waiting-wrap{text-align:center;max-width:820px;margin:40px auto}.big-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e8f7f2;color:var(--green);font-size:42px;font-weight:900}.waiting-wrap h1{color:var(--navy)}.waiting-wrap p{color:var(--muted);font-size:17px;line-height:1.55}.checklist{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.checklist span{background:#eef7fb;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-weight:800}.results-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:18px}.chart-card,.metrics-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fbfdfe}.chart-card h3{margin:0 0 10px}.metric{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 2px}.metric strong{font-size:24px;color:var(--navy)}#audiogram{width:100%;height:auto;background:white;border-radius:12px}.explain-hero{display:grid;grid-template-columns:1fr auto;gap:18px;background:linear-gradient(135deg,#eaf7fb,#eef5fd);border:1px solid #cfe7f2;border-radius:22px;padding:22px;margin-bottom:18px}.explain-hero h2{margin-top:0;color:var(--navy)}.ai-badge{width:100px;height:100px;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;text-align:center;font-size:28px;font-weight:900}.ai-badge small{font-size:10px}.education-card{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;border:1px solid var(--line);border-radius:22px;padding:18px}.education-text h2{color:var(--navy)}.education-text p,.brain-card p{color:var(--muted);line-height:1.6}.anatomy-img{width:100%;border-radius:16px;display:block}.sound-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}.sound-path span{background:#eef6fa;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-weight:800}.brain-card{margin-top:18px;border:1px solid var(--line);border-radius:22px;padding:20px;background:#fbfdfe}.brain-card h2{margin-top:0;color:var(--navy)}.medical-note{margin-top:14px;background:#fff8e6;border:1px solid #f1d88d;border-radius:14px;padding:12px;color:#6c5720}
.dialog-card{min-width:min(680px,90vw);border:0;padding:26px}.dialog-card label{display:block;margin:12px 0;color:var(--muted);font-weight:800}.dialog-card input{margin-top:7px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.icon-close{border:0;background:transparent;font-size:28px;cursor:pointer}
dialog{border:0;border-radius:22px;box-shadow:0 25px 80px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(10,30,50,.4);backdrop-filter:blur(3px)}
@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.stepper{position:static;display:flex;overflow:auto;padding:8px}.step{min-width:max-content}.question-grid,.ear-columns,.results-grid,.education-card{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.topbar{height:auto;padding:10px 14px}.brand-logo{width:120px}.app-title{font-size:17px}.app-subtitle{display:none}.top-actions .status-badge{display:none}.app-shell{padding:10px}.panel{padding:18px;border-radius:18px}.tile-grid{grid-template-columns:repeat(2,1fr)}.question-grid{grid-template-columns:1fr}.speech-word{font-size:48px}.speech-actions{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.section-head{flex-direction:column}.selected-card{flex-direction:column;align-items:flex-start;gap:12px}}
@media(display-mode:standalone){body{overscroll-behavior:none}}