:root{--bg:#f6f8fb;--surface:#fff;--text:#102033;--muted:#64748b;--line:#d9e2ec;--accent:#176b87;--accent-2:#24a19c;--danger:#b42318;--success:#067647}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1160px,100% - 32px);margin:0 auto;padding:28px 0 56px}.compact{width:min(1040px,100% - 32px)}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.navCluster,.pageTools{justify-content:space-between;align-items:center;gap:18px;display:flex}.pageTools{margin:12px 0}.brand,.backLink,.success{align-items:center;gap:10px;display:inline-flex}.brand{font-size:20px;font-weight:800}nav{color:var(--muted);gap:22px;font-weight:650;display:flex}.languageToggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:5px;display:inline-flex}.languageToggle button{min-width:42px;min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:13px;font-weight:800}.languageToggle button.active{background:var(--accent);color:#fff}.headerLogout{place-items:center;width:36px;min-height:36px;padding:0;display:grid}.accessBadge{color:#067647;white-space:nowrap;background:#ecfdf3;border:1px solid #06764740;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:520px;display:grid}h1{letter-spacing:0;margin:0;font-size:clamp(36px,6vw,70px);line-height:1.02}h2,h3,p{margin-top:0}.hero p,.uploadPanel p,.reportHeader p,.muted{color:var(--muted);line-height:1.65}.primaryButton,.secondaryButton,.gradeButton{cursor:pointer;border:0;border-radius:8px;min-height:44px;font-weight:750}.primaryButton{background:var(--accent);color:#fff;justify-content:center;align-items:center;margin-top:12px;padding:0 18px;display:inline-flex}.primaryButton:disabled{opacity:.55;cursor:not-allowed}.secondaryButton{color:var(--text);background:#e7eef4}.dangerButton{color:#b42318;cursor:pointer;background:#fee4e2;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.fundusPanel,.uploadPanel,.resultPanel,.quizImage,.report{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px #10203314}.fundusPanel{padding:22px}.retina{aspect-ratio:1;background:radial-gradient(circle at 62% 48%,#fff6a6f2,#fff6a600 10%),radial-gradient(circle at 47%,#b83a2e,#7d1f28 56%,#35111d 100%);border-radius:50%;width:100%;position:relative;overflow:hidden}.retina.large{width:min(420px,100%);margin:0 auto}.quizFundusImage{aspect-ratio:1;object-fit:contain;background:#101828;border-radius:8px;width:min(440px,100%);margin:0 auto 14px;display:block}.disc,.lesion,.vessel{display:block;position:absolute}.disc{background:#f7e59b;border-radius:50%;width:15%;height:15%;top:41%;right:26%}.lesion{border:2px solid #fcd34d;border-radius:4px;width:18px;height:18px}.lesionA{top:34%;left:32%}.lesionB{top:62%;left:52%}.vessel{transform-origin:100%;background:#ffd2d299;width:44%;height:3px}.vesselA{top:48%;right:33%;transform:rotate(24deg)}.vesselB{top:52%;right:32%;transform:rotate(-31deg)}.summaryStrip,.metricRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.summaryStrip{background:#eef8f7;border-radius:8px;margin-top:18px;padding:14px;font-weight:750}.moduleGrid,.workspace{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.workspace{grid-template-columns:.95fr 1.05fr;margin-top:28px}.moduleCard{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:190px;padding:22px}.moduleCard h2{margin:22px 0 10px}.moduleCard p{color:var(--muted);line-height:1.55}.backLink{color:var(--muted);margin:12px 0;font-weight:750}.uploadPanel,.resultPanel,.quizImage,.report{padding:26px}.dropzone{min-height:190px;color:var(--muted);cursor:pointer;border:2px dashed #9fb5c8;border-radius:8px;place-items:center;gap:12px;margin:18px 0;display:grid}.dropzone input{display:none}.uploadPreview{aspect-ratio:4/3;object-fit:contain;background:#101828;border-radius:8px;width:min(100%,320px)}.emptyResult{text-align:center;place-items:center;gap:10px;min-height:220px;display:grid}.resultStack{gap:16px;display:grid}.aiImageGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.aiImageGrid figure{border:1px solid var(--line);background:#101828;border-radius:8px;margin:0;overflow:hidden}.imagePreviewButton{cursor:zoom-in;background:#101828;border:0;width:100%;padding:0;display:block}.aiImageGrid img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.aiImageGrid figcaption{color:var(--muted);background:#fff;padding:8px 10px;font-size:12px;font-weight:750}.metricRow{border-bottom:1px solid var(--line);padding:14px 0}.metricRow span{color:var(--muted)}.notice{color:#9a3412;background:#fff7ed;border-radius:8px;padding:12px;font-weight:700}.imageHint{margin:-4px 0 0;font-size:14px}.error{color:var(--danger);font-weight:700}.success{color:var(--success);font-weight:750}.lesionList{color:var(--muted);margin:0;padding-left:20px}.quizReviewList{gap:12px;display:grid}.scorePanel{color:#067647;background:#ecfdf3;border:1px solid #06764740;border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.scorePanel div{gap:3px;display:grid}.scorePanel span{font-weight:800}.scorePanel strong{color:#102033;font-size:32px}.scorePanel p{color:#067647;margin:0}.reviewItem{border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:8px;grid-template-columns:86px 1fr;gap:12px;padding:10px;display:grid}.reviewItem.correct{border-color:#06764759}.reviewItem.wrong{border-color:#b4231859}.reviewItem img{aspect-ratio:1;object-fit:cover;background:#101828;border-radius:8px;width:86px}.reviewItem div{gap:5px;display:grid}.reviewItem span{color:var(--muted);font-size:13px}.imageModal{z-index:50;background:#102033b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.imageModalContent{background:#fff;border-radius:8px;gap:14px;width:min(920px,100%);max-height:min(92vh,900px);padding:16px;display:grid;position:relative;box-shadow:0 24px 70px #00000047}.imageModalContent img{object-fit:contain;background:#101828;border-radius:8px;width:100%;max-height:70vh}.aiPreviewModal{width:min(1080px,100%)}.aiPreviewModal img{max-height:78vh}.adminImageModal{width:min(980px,100%)}.adminImageModal img{max-height:72vh}.pdfModalContent{background:#fff;border-radius:8px;grid-template-rows:auto 1fr;gap:12px;width:min(980px,100%);height:min(88vh,920px);padding:16px;display:grid;position:relative;box-shadow:0 24px 70px #00000047}.pdfModalHeader{justify-content:space-between;align-items:center;gap:12px;padding-right:46px;display:flex}.pdfModalHeader strong{font-size:17px}.pdfModalContent iframe{border:1px solid var(--line);background:#f8fafc;border-radius:8px;width:100%;height:100%}.modalClose{width:38px;height:38px;color:var(--text);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modalInfo{color:var(--muted);gap:6px;display:grid}.modalInfo strong{color:var(--text);font-size:18px}.reportButton{width:max-content}.gradeGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;display:grid}.quizNav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.quizNav .primaryButton{margin-top:0}.answerProgress{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.answerProgress button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;font-weight:800}.answerProgress button.answered{color:#067647;background:#ecfdf3;border-color:#06764759}.answerProgress button.active{border-color:var(--accent);background:var(--accent);color:#fff}.gradeButton{border:1px solid var(--line);color:var(--text);background:#f8fafc}.gradeButton.active{border-color:var(--accent-2);background:#e6fffb}.reportHeader{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding-bottom:22px;display:flex}.reportHeader>div{flex:1}.reportHeader h1{font-size:clamp(28px,4vw,44px)}.reportBody{padding-top:20px}.reportMeta{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin-bottom:14px;font-size:13px;line-height:1.5;display:flex}.reportActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.reportPrintButton{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:0 14px;display:inline-flex}.pdfStatus{color:#9a3412;margin:12px 0 0;font-size:13px;font-weight:750}.pdfStatus.ready{color:var(--success)}.reportImageGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 24px;display:grid}.reportImageGrid figure{border:1px solid var(--line);background:#101828;border-radius:8px;margin:0;overflow:hidden}.reportImageGrid img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.reportImageGrid figcaption{color:var(--muted);background:#fff;padding:9px 10px;font-size:12px;font-weight:750}.reportLesions{margin-bottom:24px}.reportEmpty{min-height:300px}.adminHero{background:var(--surface);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:18px;padding:28px;display:flex}.adminHero h1{font-size:clamp(34px,5vw,56px)}.adminHero p{color:var(--muted);margin:12px 0 0;line-height:1.6}.inlineButton{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.statGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.statCard{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:10px;padding:18px;display:grid}.statCard span{color:var(--muted)}.statCard strong{font-size:30px}.adminLayout{grid-template-columns:220px 1fr;gap:18px;margin-top:18px;display:grid}.adminTabs,.adminPanel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.adminTabs{align-content:start;gap:6px;padding:10px;display:grid}.adminTabs button{min-height:42px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;padding:0 12px;font-weight:800}.adminTabs button.active{color:var(--accent);background:#e6fffb}.adminPanel{padding:24px}.adminSection h2{margin-bottom:16px}.adminForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.adminForm label{color:var(--muted);gap:7px;font-size:14px;font-weight:750;display:grid}.adminForm input,.adminForm select,.adminForm textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:8px;padding:9px 11px}.adminForm textarea{resize:vertical;min-height:88px}.adminForm .primaryButton{gap:8px;margin-top:22px}.imageToolbar{border:1px solid var(--line);background:#f8fafc;border-radius:8px;grid-template-columns:1.5fr repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:12px;margin-bottom:18px;padding:14px;display:grid}.imageToolbar label{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.imageToolbar input,.imageToolbar select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:#fff;border-radius:8px;padding:8px 10px}.paginationBar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:12px 0 16px;font-size:14px;font-weight:750;display:flex}.paginationBar.bottom{margin:16px 0 0}.paginationBar>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.paginationBar strong{color:var(--text)}.tableWrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.tableActions{flex-wrap:wrap;gap:8px;display:flex}.imageLibrary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.imageCard{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:160px 1fr;gap:14px;padding:12px;display:grid}.adminImagePreviewButton{cursor:zoom-in;background:#101828;border:0;border-radius:8px;width:100%;height:max-content;padding:0;display:block;overflow:hidden}.imageCard img,.adminImagePreviewButton img{aspect-ratio:1;object-fit:cover;background:#101828;border-radius:8px;width:100%}.adminImagePreviewButton:hover img{filter:brightness(1.05)}.imageEditForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.imageEditForm label{color:var(--muted);gap:5px;font-size:12px;font-weight:750;display:grid}.imageEditForm input,.imageEditForm select{border:1px solid var(--line);width:100%;min-height:36px;color:var(--text);background:#fff;border-radius:8px;padding:7px 9px}.imageEditForm button{align-self:end}.imageActions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}table{border-collapse:collapse;width:100%;min-width:640px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 14px;font-size:14px}th{color:var(--muted);background:#f8fafc}.settingsList{color:var(--muted);gap:10px;line-height:1.6;display:grid}.accessCodeBox{background:#ecfdf3;border:1px solid #06764740;border-radius:8px;gap:8px;margin:0 0 18px;padding:14px;display:grid}.accessCodeBox span{color:#067647;font-weight:750}.accessCodeBox strong{word-break:break-all;font-size:20px}.loginPanel{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(520px,100%);margin:54px auto 0;padding:34px;box-shadow:0 18px 42px #10203314}.loginPanel h1{margin-top:16px;font-size:clamp(34px,5vw,52px)}.loginPanel p{color:var(--muted);line-height:1.6}.loginForm{gap:16px;margin-top:22px;display:grid}.loginForm label{color:var(--muted);gap:8px;font-weight:750;display:grid}.loginForm input{border:1px solid var(--line);border-radius:8px;min-height:46px;padding:10px 12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.hero,.workspace,.moduleGrid,.statGrid,.adminLayout,.adminForm,.imageToolbar,.aiImageGrid,.reportImageGrid,.imageLibrary{grid-template-columns:1fr}.hero{gap:26px;padding-top:28px}nav{display:none}.topbar,.pageTools{align-items:flex-start}.navCluster{justify-content:flex-end}.adminHero,.reportHeader{display:grid}.quizWorkspace{flex-direction:column;gap:10px;min-height:calc(100svh - 86px);padding-bottom:70px;display:flex}.quizWorkspace .quizImage{box-shadow:none;order:1;padding:10px}.quizWorkspace .quizControlPanel{box-shadow:none;order:2;padding:12px 12px 0}.quizWorkspace .quizControlPanel h1,.quizWorkspace .quizControlPanel>p{display:none}.quizFundusImage{aspect-ratio:4/3;width:min(100%,420px);max-height:39svh;margin-bottom:6px}.quizImage p{text-align:center;margin-bottom:4px;font-size:13px;line-height:1.3}.gradeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 10px}.gradeGrid .gradeButton{min-height:40px;padding:5px 7px;font-size:14px}.gradeGrid .gradeButton:last-child{grid-column:1/-1}.quizNav{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;display:grid}.quizNav .inlineButton{white-space:normal;width:100%;min-height:42px;padding:0 8px;font-size:13px}.answerProgress{z-index:30;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;justify-content:center;gap:6px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #10203314}.answerProgress button{border-radius:8px;width:32px;height:32px;font-size:13px}.imageCard,.imageEditForm{grid-template-columns:1fr}.paginationBar{display:grid}.paginationBar>div{justify-content:space-between}.paginationBar .inlineButton{flex:1;min-width:128px}}