:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203445;background:#f5f8fb;font-size:14px;--blue:#087eb2;--line:#e4ebf1;--muted:#6d8192}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #5bc5ea;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #87cfe8;outline-offset:1px}#sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:750;letter-spacing:-.4px;margin:0 0 32px}.brand small{font-size:9px;color:var(--muted);display:block;letter-spacing:1.8px;margin-top:5px}.logo{background:#e8f7fc;color:var(--blue);font-size:34px;border-radius:12px;width:44px;height:44px;text-align:center;line-height:42px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#8a9aa6;margin:18px 12px 9px}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:7px;margin:3px 0;font-size:13px;color:#697d8d;transition:.15s}.nav-link:hover{background:#f3f8fb;color:var(--blue)}.nav-link.active{background:#e7f5fb;color:#067db3;font-weight:650}.nav-icon{font-size:17px;width:19px;text-align:center}.sidebar-bottom{margin-top:auto;padding:22px 10px 0;border-top:1px solid var(--line);font-size:12px}.sidebar-bottom small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.demo-dot{display:inline-block;width:7px;height:7px;background:#47ad99;border-radius:50%;margin-right:6px}.workspace{margin-left:234px}.topbar{height:76px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 13px;color:#bdc8d0}.breadcrumb strong{font-weight:550;color:#324a5b}.topbar-right{display:flex;align-items:center;gap:22px}.branch-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.branch-label select{border:1px solid var(--line);padding:9px 12px;border-radius:6px;color:#324a5b;background:white;font-size:12px}.avatar{border-radius:50%;height:33px;width:33px;background:#e7f2f8;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:700}main{padding:32px 38px;min-height:calc(100vh - 122px);max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:15px}h1{font-size:27px;font-weight:650;letter-spacing:-.85px;margin:0 0 7px}h2{font-size:16px;font-weight:650;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0 0 10px}p{line-height:1.6}.subtitle{margin:0;color:var(--muted);font-size:12px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:1.5px;font-weight:700;margin-bottom:8px}.button{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 15px;color:#41596b;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{border-color:#90c6dc;background:#f4fbfd}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.primary:hover{background:#066b97}.button.small{padding:6px 10px;font-size:11px}.button:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stat{padding:20px;background:white;border:1px solid var(--line);border-radius:9px}.stat-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat-icon{border-radius:7px;padding:7px;background:#eff7fb;color:var(--blue);font-size:17px}.stat-value{font-size:29px;letter-spacing:-1px;font-weight:650;margin:13px 0 6px}.stat-foot{font-size:10px;color:var(--muted)}.green{color:#218c75}.card{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:22px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);gap:15px}.card-header small{color:var(--muted);font-size:11px;display:block;margin-top:5px}.card-body{padding:22px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.workflow a{position:relative;padding:7px 18px;border-right:1px solid var(--line)}.workflow a:last-child{border:0}.step-number{font-size:10px;color:var(--blue);background:#eaf7fc;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;margin-bottom:13px}.workflow strong{display:block;font-size:12px;margin-bottom:6px}.workflow small{color:var(--muted);font-size:10px}.grid-two{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;letter-spacing:.25px;color:#78909f;background:#fafcfd;font-weight:550;padding:13px 20px}td{padding:15px 20px;border-top:1px solid #eef2f6}td small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.patient-name{display:flex;align-items:center;gap:10px;font-weight:550}.initials{background:#edf5f9;width:31px;height:31px;border-radius:9px;display:inline-grid;place-items:center;font-size:10px;color:#58809a}.badge{display:inline-block;font-size:10px;padding:5px 8px;border-radius:4px;background:#edf6fb;color:#1686b2}.badge.ready{color:#278f75;background:#eaf7f1}.badge.released{color:#7d8692;background:#f0f2f5}.badge.warning{color:#bd8730;background:#fff6e7}.toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{max-width:340px;flex:1;min-width:160px}input,select,textarea{padding:10px 11px;border:1px solid #dce5ec;border-radius:5px;background:white;color:#344e60;max-width:100%}input::placeholder{color:#94a6b3}textarea{min-height:85px;resize:vertical}.toolbar select{font-size:12px}.count{font-size:11px;color:var(--muted);margin-left:auto}.appointment{display:flex;align-items:center;gap:15px;padding:15px 22px;border-bottom:1px solid #eef2f6}.appointment:last-child{border:0}.time{font-size:11px;color:var(--blue);min-width:60px}.appointment strong{display:block;font-size:12px}.appointment small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.appointment .badge{margin-left:auto}.link{color:var(--blue);font-size:11px;cursor:pointer;background:none;border:0;padding:0}.attention{display:flex;gap:12px;padding:13px 0;align-items:center}.attention+.attention{border-top:1px solid var(--line)}.attention span{background:#f0f8fc;color:var(--blue);padding:9px;border-radius:7px}.attention strong{display:block;font-size:12px}.attention small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.empty{padding:42px;text-align:center;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5c7283}.field input,.field select,.field textarea{width:100%}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.note{padding:14px 16px;font-size:12px;line-height:1.7;background:#edf7fc;border-radius:6px;color:#436d84;margin:0 0 20px}.note.warning{background:#fff8eb;color:#8e712e}.detail-strip{display:flex;flex-wrap:wrap;gap:22px;padding:17px 22px;background:#f9fcfe}.detail-strip small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.detail-strip strong{font-size:12px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;padding:0 22px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 0;font-size:12px;color:var(--muted)}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.rx-table input{width:90px;padding:8px;font-size:12px}.rx-table td,.rx-table th{padding:10px}.rx-table{margin:12px 0 20px}.history{background:#f5faff;border:1px solid #dcecf6;border-radius:7px;padding:15px;margin-bottom:13px}.history small{color:var(--muted)}.section-title{margin:22px 0 12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.3px}.progress-bar{height:7px;border-radius:10px;background:#edf3f7;overflow:hidden;margin-top:8px}.progress-bar span{display:block;height:100%;background:#25a0cb}.feature{padding:18px;border:1px solid var(--line);border-radius:7px;margin-bottom:12px}.feature h3{color:#3e6075}.feature p{color:var(--muted);font-size:12px;margin:0}.feature .badge{margin-bottom:12px}footer{padding:18px 38px;border-top:1px solid var(--line);font-size:10px;color:#8b9da9;display:flex;justify-content:space-between}#menu-toggle{display:none}#modal{border:1px solid var(--line);border-radius:12px;width:min(760px,95vw);padding:0;color:#203445;box-shadow:0 25px 100px #112d4640}#modal::backdrop{background:#17314765}.modal-top{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}#modal-body{padding:25px;max-height:75vh;overflow:auto}.icon-button{border:0;background:transparent;font-size:25px;color:var(--muted);padding:0 5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203e51;color:white;border-radius:8px;padding:13px 20px;box-shadow:0 4px 20px #18304b30;display:none;z-index:100;font-size:12px}.certificate{padding:24px;line-height:1.8}.certificate h2{text-align:center;font-size:24px;color:var(--blue)}.certificate h3{text-align:center;margin-top:25px;font-size:17px}.signature{margin-top:55px;border-top:1px solid #8da2b0;padding-top:8px;width:250px}.money{font-variant-numeric:tabular-nums}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kanban-column{background:#eff4f8;border-radius:8px;padding:15px}.kanban-column h3{display:flex;justify-content:space-between;font-size:12px;color:#607b8d;margin-bottom:15px}.job-card{background:white;border:1px solid var(--line);border-radius:7px;padding:17px;margin-bottom:13px}.job-card h3{font-size:13px;color:#2c4557}.job-card p{font-size:11px;color:var(--muted);margin:8px 0}.job-card .actions{margin-top:16px}.job-card small{font-size:10px;color:var(--muted)}
@media(min-width:1500px){main{padding-top:42px}.grid-two{grid-template-columns:1.8fr 1fr}}@media(max-width:1100px){#sidebar{width:200px;padding:25px 12px}.workspace{margin-left:200px}.brand{font-size:13px}.topbar{padding:0 24px}main{padding:25px 24px}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:25px}.grid-two{grid-template-columns:1fr}.workflow a{padding:7px 10px}.kanban{gap:10px}}@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:.2s;width:234px;box-shadow:10px 0 35px #20344520}#sidebar.open{transform:none}.workspace{margin-left:0}#menu-toggle{display:block}.topbar{padding:0 17px;height:64px}.breadcrumb{display:none}.topbar-right{gap:12px}.branch-label{font-size:0}.branch-label select{max-width:180px}main{padding:24px 17px}.page-heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:24px}.stats{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr;gap:20px}.workflow a{border:0}.grid-two{gap:0}.kanban{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.card-header{padding:17px}.card-body{padding:17px}.toolbar{padding:15px}.table-wrap td,.table-wrap th{padding:13px 16px}footer{padding:18px 17px;gap:20px}.certificate{padding:0}.rx-table input{width:65px}.rx-table td,.rx-table th{padding:6px}#modal-body{padding:18px}.modal-top{padding:18px}}
@media print{body{background:white}body>*{display:none!important}body>#modal{display:block!important;position:static;max-width:none;width:100%;border:0;box-shadow:none;max-height:none}#modal-body{max-height:none;overflow:visible}.modal-top,.form-actions,.note,.no-print{display:none!important}.certificate{padding:30px}#modal::backdrop{display:none}}
/* Official patient record sections */
.record-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.record-info-grid small{font-size:12px;color:var(--muted)}.record-info-grid p{font-size:14px;overflow-wrap:anywhere;margin:5px 0}.tabs{overflow:auto;white-space:nowrap}.visit-sections{margin-top:24px}.exam-section{border:1px solid var(--line);border-radius:7px;margin-bottom:12px}.exam-section summary{font-size:14px;font-weight:600;cursor:pointer;padding:16px;color:#26789b;background:#f5fafc}.exam-section .form-grid{padding:20px}.exam-section .field,.check-field{font-size:14px}.check-field{display:flex;gap:10px;align-items:flex-start;line-height:1.6;color:#3c5769}.check-field input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--blue)}.record-section{margin:24px 0;border-top:1px solid var(--line);padding-top:16px}.record-results{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.record-results div{display:flex;flex-direction:column;gap:5px;break-inside:avoid}.record-results dt{font-size:12px;color:var(--muted)}.record-results dd{font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.patient-print h2{color:var(--blue);font-size:22px}.patient-print>h3{margin-top:14px}.patient-print>p{font-size:14px}@media(max-width:760px){.record-info-grid{grid-template-columns:1fr 1fr}.record-results{grid-template-columns:1fr}.exam-section .form-grid{padding:16px}}@media print{.patient-print{padding:20px}.record-info-grid{grid-template-columns:repeat(3,1fr)}.record-results{grid-template-columns:1fr 1fr}.record-section h3{break-after:avoid}.record-section{margin-top:20px}.record-results dt{color:#333}.record-info-grid small{color:#333}}
/* FVC identity and the partner badge supplied by the clinic. */
#sidebar{padding-top:18px}.brand{flex-direction:column;gap:4px;margin-bottom:18px}.fvc-brand-logo{display:block;width:190px;max-width:100%;height:105px;object-fit:contain}.brand>small{font-size:10px;color:#668196;letter-spacing:2px;margin-top:0}#navigation{flex:1;min-height:0;overflow-y:auto}.sidebar-bottom{flex-shrink:0;padding-top:16px;margin-top:16px}.topbar-right{gap:18px}.zeiss-partnership{display:flex;align-items:center;gap:9px;padding-right:18px;border-right:1px solid var(--line);flex-shrink:0}.zeiss-partnership>img{width:60px;height:62px;object-fit:contain}.zeiss-partnership>span{font-size:11px;line-height:1.5;color:#3154a1}.zeiss-partnership strong{font-size:12px;font-weight:600}.mobile-brand{display:none}.print-branding{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.print-branding>img{width:170px;height:100px;object-fit:contain}.print-branding>div{text-align:center}.print-branding>div img{height:70px;width:55px;object-fit:contain;display:block;margin:0 auto 5px}.print-branding span{display:block;font-size:11px;color:#235099}@media(max-width:1100px) and (min-width:761px){.fvc-brand-logo{width:165px;height:92px}.zeiss-partnership{padding-right:12px;gap:6px}.topbar-right{gap:12px}}@media(max-width:760px){.topbar{gap:8px;padding:0 12px;height:74px}.mobile-brand{display:block;flex-shrink:0}.mobile-brand img{width:95px;height:54px;object-fit:contain;display:block}.topbar-right{gap:8px;margin-left:auto}.topbar .avatar{display:none}.branch-label select{width:125px;padding:8px 6px;font-size:11px}.zeiss-partnership{padding:0;border:0;gap:0}.zeiss-partnership>span{display:none}.zeiss-partnership>img{width:54px;height:62px}.fvc-brand-logo{width:190px}.print-branding>img{width:145px}.print-branding>div img{height:65px;width:50px}}@media(max-width:360px){.mobile-brand img{width:78px}.branch-label select{width:108px}}@media print{.print-branding{break-inside:avoid}.print-branding>img{width:170px}.print-branding span{color:#173270}}