/* Reference canvas: 1448 x 1086. All text and data remain live DOM. */
:root{--blue:#00cbbc;--ink:#111a35;--muted:#7f8eaf;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#111a35;background:#d9f3f4}body{background:radial-gradient(ellipse at 52% 42%,#f3fdfd 8%,#d9f2f4 82%);min-height:100vh}#shell{max-width:1378px;min-height:942px;margin:72px auto;border-radius:28px;background:linear-gradient(110deg,#f5fcfe,#effafd);overflow:hidden;box-shadow:none}aside{width:220px;padding:34px 4px;background:#ffffffed;border:0}aside .logo{margin:0 14px 30px 18px;height:64px}.logo{display:flex;align-items:center;gap:7px;font-size:18px;letter-spacing:0;color:#098ac5;white-space:nowrap;font-weight:750}.logo span{line-height:1.2}.logo small{font-size:17px;letter-spacing:1.5px;color:#098ac5;margin:0;font-weight:650}.brand-mark{width:58px;height:58px;flex-shrink:0}.eyebrow,.sidebar-foot{display:none}nav{gap:18px;padding:0}nav button{display:flex;align-items:center;gap:23px;min-height:66px;border-radius:14px;padding:11px 30px;font-size:17px;color:#101832;font-weight:600}nav button span{text-align:left;line-height:1.5}nav button small{display:block;font-size:14px;font-weight:400;margin:0;line-height:1.4;color:#7f8eaf}nav button.active{background:linear-gradient(90deg,#e4fffc,#ecfdfd);color:#101832}nav button.active .ui-icon{color:#02cbbb;fill:#02cbbb;stroke:#02cbbb}nav button.active small{color:#05bfae}nav button.active:before{width:6px;left:0;top:2px;bottom:2px}.ui-icon{width:26px;height:26px;flex-shrink:0;vertical-align:middle}nav .ui-icon{width:27px;height:27px}.workspace{margin-left:220px}header{height:96px;padding:20px 25px 26px 28px;gap:18px;align-items:center}#search-form{max-width:637px;background:linear-gradient(105deg,#f2f8fb,#edf5f9);height:49px;border-radius:17px;padding:0 20px;border:1px solid #e0edf3;position:relative}#global-search{font-size:14px;padding:11px 0 11px 41px;min-width:0;color:#8596b7}#global-search::placeholder{color:#8799b8;opacity:1}#search-form button{position:absolute;left:14px;padding:8px;color:#617293}#search-form .ui-icon{width:21px;height:21px}.header-user{margin-left:auto;gap:23px}.avatar{width:52px;height:52px;overflow:hidden;background:#d6e0e3;box-shadow:0 0 0 1px #e3edf0}.avatar img{width:100%;height:100%;object-fit:cover}#notifications{border-radius:50%;width:45px;height:45px;position:relative;display:grid;place-items:center;padding:0;box-shadow:0 4px 18px #1c4b6808;color:#1b2c48}#notifications .ui-icon{width:23px;height:23px}#unread-count{position:absolute;right:3px;top:0;font-size:20px;line-height:16px;color:#ff5271;text-shadow:0 0 3px white}#user-name{display:none}#logout{padding:0;width:24px;height:24px;overflow:hidden;position:relative;background:transparent;color:transparent}#logout:after{content:'⌄';position:absolute;inset:0;color:#536888;font-size:23px;line-height:15px}#customer-switch{max-width:185px}#selected-customer{max-width:185px;font-size:10px;padding:6px}#customer-switch label{font-size:10px}main{padding:0 21px 63px 32px;position:relative}.notice{position:absolute;bottom:14px;left:32px;margin:0;font-size:10px;color:#789bab}.dashboard-layout{grid-template-columns:minmax(0,716fr) minmax(0,371fr);gap:18px;align-items:start}.dashboard-main{min-width:0}.welcome{margin:16px 0 0;min-height:78px;gap:12px}.welcome h1{font-size:39px;line-height:1.25;letter-spacing:-1.8px;font-weight:750;margin:0 0 1px;color:#0f1632}.welcome p{font-size:19px;line-height:1.7;margin:0;color:#7c8bab}.welcome .latest-button{width:232px;height:78px;padding:15px 21px;display:flex;align-items:center;gap:14px;border-radius:18px;background:linear-gradient(115deg,#00ceb6,#1fd5e1);text-align:left;flex-shrink:0}.latest-button>.ui-icon:first-child{width:28px;height:33px;fill:white;stroke:#05c8bf}.latest-button>.ui-icon:last-child{width:16px;height:22px;margin-left:auto}.latest-button span{font-size:17px;line-height:1.4}.latest-button small{display:block;font-size:14px;font-weight:400;margin:0;color:white}.patient-meta{font-size:17px;line-height:24px;margin:17px 0 28px;color:#7c8bad;white-space:nowrap}.patient-meta>span{padding:0 9px;color:#bdcadb}.ui-metrics{grid-template-columns:330fr 182fr 177fr;gap:14px;margin-bottom:20px;height:301px}.overall-card{padding:25px 28px;border-radius:20px;height:301px;background:linear-gradient(110deg,#00cbbd,#07c4c5 70%,#21d3dd);box-shadow:inset 0 0 45px #42e2e31a;min-height:0}.overall-card h2{font-size:22px;line-height:29px;margin:0;display:flex;align-items:center;justify-content:space-between;color:#fff}.overall-card h2 .ui-icon{width:18px;height:18px}.overall-card .english-label{font-size:16px;line-height:22px;margin:0}.overall-value{font-size:35px;line-height:1.35;position:relative;letter-spacing:-1px;margin:29px 0 25px;font-weight:650}.overall-value>small{display:block;margin:0;font-size:20px;line-height:25px;font-weight:400;letter-spacing:0}.status-ring{height:106px;width:106px;border:10px solid #77e3dc3b;background:transparent;position:absolute;right:-2px;top:-13px;display:grid;place-items:center}.status-ring>span{width:54px;height:54px;border-radius:50%;background:#edffff;display:grid;place-items:center;color:#00babd;font-size:28px;border:1px solid white}.status-ring .ui-icon{width:33px;height:33px;stroke-width:3}.overall-card .status-summary{font-size:14px;line-height:22px;white-space:nowrap;margin:0 0 8px}.status-en{display:block;font-size:10.5px;line-height:16px;color:#d9fafa!important;letter-spacing:0}.vital{height:301px;padding:28px 16px 17px;border-radius:20px;position:relative;background:#ffffffed}.vital-heading{display:flex;align-items:center;gap:10px}.vital .icon{width:54px;height:54px;margin:0;flex-shrink:0}.vital .icon.pink{background:#fff0f5;color:#ff4876}.vital .icon.blue{background:#e5f5ff;color:#08a3ef}.vital .icon .ui-icon{width:30px;height:32px}.vital h3{font-size:16px;line-height:22px;margin:0;color:#111931}.vital-heading small{font-size:11px;line-height:18px;margin:0;white-space:nowrap}.vital .big-value{font-size:32px;line-height:40px;margin-top:34px;letter-spacing:-1px;display:flex;align-items:baseline;font-weight:700;color:#11152d}.vital .big-value small{font-size:15px;letter-spacing:-.5px;margin-left:3px;font-weight:400;color:#7f8caa}.vital .percent{font-size:24px;letter-spacing:0;margin-left:1px}.vital-spark{position:absolute;bottom:44px;left:16px;width:calc(100% - 32px);height:70px}.spark-empty{font-size:12px;color:#879bb0;margin-top:35px}.interval-card{height:300px;border-radius:20px;padding:20px 21px;border:0;background:#fff}.interval-card .card-head{height:48px}.interval-card h2{display:flex;align-items:center;gap:14px;margin:0;font-size:21px;white-space:nowrap}.interval-card h2 small{font-size:16px;margin:0 0 0 4px}.trend-heart{height:50px;width:50px;border-radius:50%;background:#fff0f5;display:grid;place-items:center;color:#ff4c74}.trend-heart .ui-icon{width:25px;height:25px;fill:#ff527d;stroke:#ff527d}.interval-card .link-button{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap;color:#009de5}.interval-card .link-button span{font-size:14px}.interval-card .link-button .ui-icon{width:15px;height:18px;color:#6a81a2;margin-left:3px}.interval-card .chart{height:207px;margin-top:9px}.chart text{fill:#8493b3;font-size:12px}.body-card{height:783px;min-height:0;border-radius:22px;padding:18px 18px 0;background:radial-gradient(ellipse at 50% 72%,#cfebff,#eaf7fe 60%,#ffffff 93%);overflow:hidden}.body-heading{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.body-heading h2{font-size:20px;line-height:28px;margin:0;white-space:nowrap}.body-heading small{font-size:15px;margin:0;line-height:22px}.body-heading .icon{width:50px;height:50px;flex-shrink:0}.mint{background:#e0fbfa;color:#00c5bf}.body-heading .icon .ui-icon{width:28px;height:28px;fill:#00c5bf;stroke:#00c5bf}.body-heading .link-button{margin-left:auto;color:#5b6d90}.body-heading .link-button .ui-icon{width:17px;height:20px}.body-stage{position:absolute;inset:81px 0 0;overflow:hidden}.body-map{width:100%;max-width:none;height:100%;margin:0;transition:transform .2s;transform-origin:50% 38%}.mannequin{position:absolute;width:630px;max-width:none;height:auto;left:50%;top:12px;transform:translateX(-50%);filter:brightness(1.03)}.body-pins{position:absolute;inset:0}.body-pin{width:42px;height:42px;background:#02c7bd;border:11px solid #acf3ec87;box-shadow:0 0 0 9px #a4f3ec25;font-size:26px;z-index:2;background-clip:padding-box;color:white}.body-pin:after{content:'';width:5px;height:5px;border-radius:50%;background:white;position:absolute;left:7px;top:7px}.pin-0{left:39%;top:26%}.pin-1{left:50%;top:32%;opacity:0}.pin-2{left:13%;top:42%}.pin-3{left:58%;top:53%}.body-orbit{position:absolute;top:65%;left:15%;width:70%;height:79px;border-radius:50%;border:2px solid #04d7d8;box-shadow:0 6px 0 -3px #38e2e2;transform:rotate(-2deg)}#body-detail{position:absolute;top:210px;right:18px;width:183px;height:127px;background:#fffffff2;box-shadow:0 10px 32px #497b9c0d;padding:15px;border-radius:18px;margin:0;z-index:3}.floating-heading{display:flex;gap:9px;align-items:center}.floating-heading .icon{width:42px;height:42px;flex-shrink:0}.floating-heading .icon .ui-icon{width:25px;height:25px}.floating-heading h3{font-size:14px;margin:0 0 1px;line-height:18px}.floating-heading small{font-size:11px;line-height:16px;white-space:nowrap;margin:0}.floating-value{font-size:26px;font-weight:700;margin-top:17px;line-height:30px;color:#101730;position:relative;white-space:nowrap}.floating-value>span{font-size:16px}.floating-value>small{font-size:14px;margin-left:5px;font-weight:400}.mini-bars{position:absolute;right:0;bottom:0;width:45px;height:43px}.body-detail-note{font-size:9px;color:#bb7b30}.body-rotate,.body-zoom button{width:51px;height:51px;background:#fff;color:#192c55;display:grid;place-items:center;border-radius:50%;padding:0;box-shadow:0 5px 20px #43658305}.body-rotate{position:absolute;left:calc(50% - 25px);top:71%;z-index:4}.body-rotate .ui-icon{width:29px}.body-zoom{position:absolute;left:22px;right:22px;bottom:61px;display:flex;justify-content:space-between;z-index:4}.body-zoom .ui-icon{width:24px}.zoom-small{transform:scale(.9)}.zoom-large{transform:scale(1.1)}.zoom-largest{transform:scale(1.2)}.report-number{display:block;font-size:10px;margin:5px 0;color:#95a7b8}.admin-only{font-size:12px}#shell:has(.admin-only:not([hidden])) nav{gap:9px}#shell:has(.admin-only:not([hidden])) nav button{min-height:58px}.login .logo{justify-content:flex-start;height:65px}.login-card .eyebrow{display:block}.header-user #user-name{display:none}
@media(min-width:1450px){#shell{margin:72px auto}}@media(max-width:1400px) and (min-width:1101px){#shell{margin:35px 25px;min-height:942px}.welcome h1{font-size:32px}.welcome .latest-button{width:210px}.vital .big-value{font-size:28px}.vital .big-value small{font-size:12px}.overall-card{padding:25px 22px}.overall-value{font-size:30px}.status-ring{width:90px;height:90px;right:-6px}.overall-card .status-summary{font-size:12px}.interval-card h2 small{font-size:13px}.interval-card h2{font-size:18px}.interval-card .link-button span{font-size:11px}.vital-heading{gap:5px}.vital .icon{width:43px;height:43px}.body-heading h2{font-size:17px}}
@media(max-width:1100px){#shell{margin:20px;min-height:0}.dashboard-layout{grid-template-columns:1fr}.body-card{display:block;height:650px}.body-heading{display:flex}.body-map{width:100%;height:100%;grid-row:auto}.body-stage{inset:81px 0 0}.mannequin{width:550px}.body-card #body-detail{margin:0;top:150px;right:15%;width:183px}.pin-0{left:45%;top:26%}.pin-2{left:35%;top:44%}.pin-3{left:54%;top:57%}.body-orbit{left:32%;width:36%}.ui-metrics{height:301px}.welcome h1{font-size:30px}.patient-meta{font-size:14px}.interval-card .link-button span{display:none}.body-zoom{bottom:25px}.body-rotate{top:73%}.body-heading small{display:block}header{flex-wrap:wrap;height:auto}#search-form{min-width:100%}.notice{position:static;margin-top:20px}.sidebar-foot{display:none}}
@media(max-width:800px){#shell{margin:0;border-radius:0}aside{position:static;width:auto;padding:20px}aside .logo{margin:0 0 18px;height:50px}.brand-mark{width:47px;height:47px}nav{gap:5px!important}nav button{padding:9px 12px!important;min-height:0!important;gap:8px;font-size:13px}nav button .ui-icon{width:19px;height:19px}nav button small{display:none}.workspace{margin:0}header{padding:12px 20px}.header-user{gap:20px;margin:0 0 0 auto}.avatar{width:40px;height:40px}main{padding:0 18px 24px}.welcome{display:flex;flex-wrap:wrap}.welcome h1{font-size:27px}.welcome p{font-size:15px}.welcome .latest-button{width:180px;height:61px}.latest-button span{font-size:14px}.patient-meta{white-space:normal;font-size:12px;margin:20px 0}.ui-metrics{grid-template-columns:1fr 1fr;height:auto;gap:12px}.overall-card{grid-column:1/-1;height:260px}.overall-value{margin:20px 0}.vital{height:230px;padding:19px}.vital .big-value{margin-top:20px;font-size:30px}.vital-spark{bottom:20px;height:55px}.interval-card{padding:18px 15px;height:auto;min-height:275px}.interval-card h2{font-size:17px;gap:9px}.interval-card h2 small{font-size:12px}.trend-heart{width:38px;height:38px}.interval-card .link-button{font-size:10px}.interval-card .chart{height:180px}.body-card{margin-top:0;height:650px}.body-card #body-detail{right:18px}.pin-0{left:41%}.pin-2{left:18%}.pin-3{left:57%}.body-orbit{left:15%;width:70%}.body-heading h2{font-size:18px}.header-user #user-name{display:none}}
@media(min-width:1101px){body{display:flow-root;padding:72px 0;min-height:100vh}#shell{margin:0 auto!important}.welcome p{line-height:27px}.patient-meta{margin-bottom:27px}.overall-card .status-en{font-size:10px;line-height:16px;white-space:nowrap}.body-card .mannequin{filter:brightness(1.14) contrast(.88);opacity:.94}body:has(#shell[hidden]){padding:0}}
@media(min-width:1101px) and (max-width:1400px){body{padding:35px 25px}}
@media(max-width:1100px){body{padding:0}}
.account-dropdown{position:relative}#account{padding:0;width:24px;height:28px;color:#536888;font-size:24px;line-height:20px;background:transparent}#account-menu{position:absolute;right:0;top:38px;width:150px;background:white;border:1px solid #e8eff3;border-radius:12px;padding:6px;z-index:20;box-shadow:0 8px 30px #16283d15}#account-menu button{display:block;width:100%;color:#25354c;background:transparent;padding:11px 14px;text-align:left;font-size:13px;height:auto;overflow:visible}#account-menu #logout:after{display:none}#account-menu button:hover{background:#edfbf9}.interval-card .chart text{font-size:13px}.vital .big-value{margin-left:5px}