:root{--bg:#f4f7f7;--panel:#fff;--ink:#102d37;--sub:#6c8490;--line:#dfe9e9;--teal:#077d82;--mint:#dff5f0;--warm:#d7ab6a;--navy:#081f2c;--shadow:0 14px 45px rgba(10,47,54,.055)}
:root[data-theme="dark"]{--bg:#07151c;--panel:#10242e;--ink:#e6f3f1;--sub:#92aaa9;--line:#25434a;--teal:#4ec6ba;--mint:#173b3a;--navy:#0a2028;--shadow:0 18px 45px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.1px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65ada8;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;letter-spacing:-.7px}h1{font-size:clamp(28px,4vw,47px);font-weight:760}h2{font-size:clamp(22px,2.6vw,29px)}h3{font-size:19px}.muted{color:var(--sub)}small,.small{font-size:12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.3px;color:var(--teal);text-transform:uppercase}.app{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#d8e7e8;display:flex;flex-direction:column;padding:30px 14px 24px}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 36px}.brand b{display:block;color:white;font-size:23px;line-height:1.1;letter-spacing:-1.2px}.brand span{font-size:9px;letter-spacing:1.7px;color:#8cb4b7}.side-label{color:#799da8;font-size:10px;letter-spacing:2.2px;font-weight:800;margin:0 18px 11px}.side-nav{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;background:transparent;color:#9ebac2;padding:13px 14px;border-radius:12px;margin:2px 0;font-weight:650;font-size:13px}.side-nav:hover,.side-nav.active{background:#183d48;color:#ebffff}.side-nav.active{box-shadow:inset 3px 0 #4de0cc}.n-icon{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;font-size:19px}.side-sep{height:1px;background:#23414c;margin:18px 10px}.sidefoot{margin:auto 12px 0;color:#9fc2c2;font-size:11px;line-height:1.8;border:1px solid #33525c;border-radius:14px;padding:13px}.sidefoot small{color:#729ba6}.live-dot{display:inline-block;background:#48c6ad;width:7px;height:7px;border-radius:50%;margin-right:6px}.right{min-width:0;display:flex;flex-direction:column}.top{height:86px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--panel) 94%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 clamp(20px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:25px}.top-path span{display:block;color:var(--sub);font-size:10px;letter-spacing:1.7px;font-weight:800}.top-path strong{font-size:18px;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:10px}.top-search{width:min(310px,33vw);height:42px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--sub);font-size:12px;text-align:left}.top-search svg{fill:none;stroke:currentColor;stroke-width:1.7;width:17px}.top-search span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-search kbd{font-size:18px;border:1px solid var(--line);padding:0 6px;border-radius:5px}.circle-btn{width:42px;height:42px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);flex-shrink:0}.content{padding:31px clamp(17px,3.2vw,45px) 56px;max-width:1620px;width:100%;margin:0 auto;flex:1;min-height:70vh}.footer{padding:0 45px 25px;color:var(--sub);font-size:11px;text-align:center}.bottom-nav{display:none}.hero{background:linear-gradient(115deg,#092a38 5%,#155766 60%,#248486);color:#fff;border-radius:25px;position:relative;overflow:hidden;padding:clamp(27px,4vw,47px);min-height:286px;display:flex;align-items:center;box-shadow:0 15px 50px #133e4220}.hero:after{content:'';position:absolute;right:-60px;top:-135px;width:430px;height:430px;border-radius:50%;border:1px solid #ffffff26;box-shadow:0 0 0 49px #ffffff09,0 0 0 99px #ffffff08,0 0 0 148px #ffffff06}.hero .hero-content{max-width:680px;position:relative;z-index:1}.hero .eyebrow{color:#9ffff0}.hero h1{margin:13px 0 14px}.hero p{color:#d2e9e9;max-width:620px;line-height:1.65}.hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.btn,.main-btn,.ghost-btn{border:0;border-radius:12px;padding:11px 17px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.main-btn{background:var(--teal);color:#fff}.hero .main-btn{background:#e7fcf7;color:#15515d}.ghost-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink)}.hero .ghost-btn{color:white;background:#ffffff19;border-color:#ffffff3c}.hero-graphic{position:absolute;right:11%;top:50%;transform:translateY(-50%);opacity:.17;font-size:125px;font-weight:100;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 34px}.stat{padding:21px 18px;border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:28px;letter-spacing:-1.4px;line-height:1.1}.stat span{display:block;color:var(--sub);font-size:11px;margin-top:7px}.sect-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:30px 0 17px}.sect-head h2{margin:4px 0 0}.sect-head p{margin:6px 0 0;color:var(--sub);font-size:13px}.text-link{border:0;background:transparent;color:var(--teal);font-weight:740;font-size:13px;white-space:nowrap;padding:6px}.modules,.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module,.tile,.bookcard,.imagecard,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.module{padding:24px;display:flex;flex-direction:column;min-height:235px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}.module:hover,.tile:hover,.bookcard:hover,.imagecard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}.module em{font-style:normal;font-size:12px;color:var(--sub)}.module h3{font-size:21px;margin:16px 0 9px}.module p{font-size:13px;color:var(--sub);flex:1;line-height:1.65}.module-icon{display:grid;place-items:center;font-size:27px;width:52px;height:52px;border-radius:16px;background:#e6f5ef;color:#1b807c}.module:nth-child(2) .module-icon{background:#e8ecff;color:#5665b5}.module:nth-child(3) .module-icon{background:#fff2e1;color:#ac7a35}.module .go{color:var(--teal);font-size:12px;font-weight:800}.tile{padding:22px;display:flex;flex-direction:column;min-height:143px}.tile .tile-icon{font-size:27px}.tile strong{margin:12px 0 5px;font-size:16px}.tile small{color:var(--sub)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection{height:230px;border-radius:20px;background:var(--navy);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:23px;color:#fff;border:1px solid #ffffff14}.collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56;filter:saturate(.7)}.collection:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#081f2ce9)}.collection div{z-index:1;position:relative}.collection strong{font-size:23px;display:block}.collection small{color:#d6e8e7}.section-intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:21px}.section-intro h1{margin:9px 0 7px;font-size:clamp(27px,3vw,39px)}.section-intro p{max-width:650px;margin:0;color:var(--sub)}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.field{height:43px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:0 14px;min-width:0;color:var(--ink)}.bar .field{flex:1;max-width:410px}.bar select{max-width:250px;flex:unset;min-width:150px}.count{font-size:11px;color:var(--sub);margin-left:auto}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.imagecard{padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:transform .15s,border-color .15s;color:var(--ink)}.imagecard img{display:block;width:100%;aspect-ratio:1.34;object-fit:cover;background:#e5eff0}.imagecard div{padding:12px 13px 16px}.imagecard strong{display:block;font-size:12px;font-weight:720;line-height:1.3;min-height:31px}.imagecard small{display:block;margin-top:7px;color:var(--sub);font-size:10px}.morebtn{display:block;margin:24px auto}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bookcard{overflow:hidden;cursor:pointer;text-align:left;color:var(--ink);padding:0;transition:transform .15s,border-color .15s}.bookcard img{display:block;width:100%;height:195px;object-fit:cover;object-position:top center;background:#e8edf0}.bookcard .bc-info{padding:14px}.bookcard strong{display:block;font-size:13px;line-height:1.35;min-height:38px}.bookcard small{display:block;color:var(--sub);margin:8px 0 0}.workspace-panel{border-radius:19px;overflow:hidden;border:1px solid var(--line);background:white}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid var(--line);background:var(--panel)}.workspace-head strong{font-size:13px}.workspace-iframe{border:0;background:white;width:100%;height:max(680px,calc(100vh - 220px));display:block}.notice{font-size:12px;color:var(--sub);margin:12px 0 16px;padding:12px 15px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.patient{background:linear-gradient(115deg,#102d38,#17696a);border-radius:24px;color:white;padding:37px;display:grid;grid-template-columns:1fr 260px;align-items:center;gap:35px;max-width:1000px}.patient h1{font-size:45px}.patient p{color:#d1ebe8;max-width:540px}.qrwrap{background:white;padding:18px;border-radius:23px;box-shadow:0 14px 35px #001b1c55}.qrwrap img{width:100%;display:block}.overlay[hidden],#modal[hidden]{display:none!important}.overlay{position:fixed;inset:0;background:#06161bd4;z-index:80;padding:clamp(12px,4vh,36px);display:flex;align-items:flex-start;justify-content:center;overflow:auto;backdrop-filter:blur(12px)}.search-panel,.modal{background:var(--panel);border-radius:23px;width:min(920px,100%);box-shadow:0 30px 100px #0005;position:relative;margin:3vh auto;padding:26px}.search-panel{max-height:86vh;overflow:auto}.overlay-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.overlay-top small{color:var(--teal);font-weight:800;letter-spacing:2px}.overlay-top h2{margin:6px 0 20px}.big-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:7px 8px 7px 17px;background:var(--bg)}.big-search .mag{color:var(--teal);font-size:27px}.big-search input{background:transparent;border:0;min-width:0;flex:1;color:var(--ink);outline:0;font-size:16px}.big-search input:focus{outline:0}.results{margin-top:17px}.result-row{border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:13px;width:100%;border-left:0;border-right:0;border-top:0;background:transparent;padding:14px 8px;text-align:left;color:var(--ink)}.result-row:hover{background:var(--bg)}.result-row .result-icon{width:38px;height:38px;border-radius:10px;background:var(--mint);display:grid;place-items:center;flex-shrink:0}.result-row strong{display:block;font-size:13px}.result-row small{display:block;color:var(--sub);line-height:1.4;margin-top:5px}.result-label{font-size:10px;color:var(--teal);font-weight:800;letter-spacing:1px}.modal{width:min(1000px,100%);padding:23px;max-height:91vh;overflow:auto}.close-modal{position:absolute;right:15px;top:15px;z-index:3}.modal-title{padding-right:55px;margin:5px 0 15px;font-size:23px}.viewer{height:min(59vh,650px);background:#071b21;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-x pan-y}.viewer img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .12s}.viewer-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 15px}.viewer-meta{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--mint);border-radius:99px;padding:5px 11px;color:var(--teal);font-size:11px;font-weight:700}.book-reader{width:100%;height:min(70vh,780px);border:1px solid var(--line);border-radius:12px;background:#fff}.toclist{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0;max-height:180px;overflow:auto}.toclist button{border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:11px;padding:7px 10px}.loading{text-align:center;color:var(--sub);padding:60px 10px}.empty{background:var(--panel);border:1px dashed var(--line);border-radius:15px;text-align:center;padding:42px 20px;color:var(--sub)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-grid img{width:100%;max-height:62vh;object-fit:contain;background:#071b21;border-radius:12px}.error{color:#bd4d42;padding:12px}
@media(min-width:1600px){.image-grid{grid-template-columns:repeat(5,1fr)}.books-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1050px){.app{grid-template-columns:210px 1fr}.sidebar{padding-left:9px;padding-right:9px}.books-grid{grid-template-columns:repeat(3,1fr)}.image-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.hero-graphic{display:none}}
@media(max-width:740px){.app{display:block}.sidebar{display:none}.top{height:65px;padding:0 16px;top:0}.top-path span{font-size:8px}.top-path strong{font-size:15px}.top-search{width:42px;border-radius:12px;justify-content:center;padding:0}.top-search span,.top-search kbd{display:none}.top-actions{gap:7px}.circle-btn{width:40px;height:40px}.content{padding:18px 14px 95px}.footer{padding:0 18px 100px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--panel) 94%,transparent);border-top:1px solid var(--line);padding:8px 4px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.bottom-nav button{border:0;background:transparent;color:var(--sub);font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:0}.bottom-nav button .n-icon{font-size:22px;width:31px;height:26px}.bottom-nav button.active{color:var(--teal)}.hero{min-height:0;border-radius:19px;padding:28px 24px}.hero h1{font-size:34px}.hero p{font-size:13px}.hero .hero-actions{margin-top:20px}.stats{gap:9px;margin:12px 0 20px}.stat{padding:14px}.stat strong{font-size:23px}.stat span{font-size:10px}.modules{grid-template-columns:1fr;gap:10px}.module{min-height:0;padding:18px}.module h3{margin:11px 0 7px}.module p{margin:0 0 8px}.tiles{grid-template-columns:repeat(2,1fr);gap:10px}.tile{min-height:132px;padding:15px}.collection-grid{gap:10px}.collection{height:170px;padding:14px}.collection strong{font-size:16px}.collection small{font-size:10px}.sect-head{margin:27px 0 12px}.sect-head h2{font-size:20px}.section-intro h1{font-size:29px}.image-grid{grid-template-columns:repeat(2,1fr);gap:9px}.imagecard div{padding:10px}.imagecard strong{font-size:11px}.books-grid{grid-template-columns:repeat(2,1fr);gap:11px}.bookcard img{height:170px}.bookcard .bc-info{padding:11px}.bookcard strong{font-size:12px}.bar{gap:8px}.bar .field{max-width:none;width:100%;flex:1 1 100%}.bar select{flex:1 1 42%;min-width:0}.count{width:100%;margin:0}.workspace-iframe{height:calc(100dvh - 220px);min-height:500px}.patient{display:block;padding:24px}.patient h1{font-size:37px}.qrwrap{max-width:250px;margin:23px auto 0}.overlay{padding:6px}.search-panel,.modal{margin:7px auto;max-height:97dvh;border-radius:17px;padding:17px}.search-panel{max-height:94dvh}.big-search .main-btn{padding:10px}.modal-title{font-size:19px}.viewer{height:47vh}.book-reader{height:55vh}.compare-grid{gap:5px}}