:root{
  --brand-950:#092f2b;--brand-900:#0d3c36;--brand-800:#125147;--brand-700:#126d5f;
  --brand-600:#11816f;--brand-500:#21a38d;--brand-100:#dff3ee;--brand-50:#eff9f6;
  --ink-900:#173733;--ink-700:#3c5b56;--ink-500:#718782;--surface:#fff;
  --shadow-sm:0 3px 12px rgba(14,59,52,.055);--shadow-md:0 12px 34px rgba(14,59,52,.085);
  --radius-lg:18px;--radius-md:13px
}
body{background:radial-gradient(circle at 75% -10%,#e1f4ef 0,transparent 30%),#f3f7f6;color:var(--ink-900);letter-spacing:.01em}
.sidebar{width:252px;padding:28px 20px;background:linear-gradient(175deg,var(--brand-900),#092e2a 72%);box-shadow:8px 0 30px rgba(9,47,43,.08)}
.brand{padding:0 10px 35px}.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#55ceb7,#15917c);box-shadow:0 9px 24px rgba(26,180,151,.25)}.brand b{letter-spacing:.02em}.brand small{color:#add3cb}
.nav{min-height:46px;border:1px solid transparent;font-weight:560;transition:background .18s,border-color .18s,transform .18s}.nav:hover{transform:translateX(2px)}.nav.active{background:linear-gradient(90deg,rgba(72,181,158,.28),rgba(72,181,158,.12));border-color:rgba(162,224,211,.16);box-shadow:inset 3px 0 #63d1bb}
.doctor{padding:18px 9px 3px}.doctor .avatar{box-shadow:0 4px 12px #08221e55}
main{margin-left:252px;padding:34px 38px 46px;max-width:1700px}
header{margin-bottom:26px}.eyebrow{font-size:11px;font-weight:750;color:var(--brand-600);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}h1{font-size:30px;letter-spacing:-.02em}header p{font-size:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.system-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cfe5df;background:rgba(255,255,255,.72);border-radius:999px;color:var(--ink-700);font-size:12px;backdrop-filter:blur(8px)}.system-chip i{width:7px;height:7px;border-radius:50%;background:#32b682;box-shadow:0 0 0 4px rgba(50,182,130,.12)}
.primary,.secondary,.danger{font-weight:650;transition:transform .15s,box-shadow .15s,background .15s}.primary{background:linear-gradient(135deg,var(--brand-600),var(--brand-700));box-shadow:0 7px 17px rgba(17,129,111,.18)}.primary:hover,.secondary:hover,.danger:hover{transform:translateY(-1px)}.primary:hover{box-shadow:0 10px 22px rgba(17,129,111,.25)}.secondary{border:1px solid #d5e5e1;background:rgba(255,255,255,.75)}
.stats{gap:17px;margin-bottom:20px}.stat{position:relative;overflow:hidden;padding:20px 21px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--brand-500),var(--brand-700));opacity:.78}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat strong{font-size:29px;letter-spacing:-.035em}.stat em{display:inline-block;margin-top:2px;background:var(--brand-50);padding:3px 7px;border-radius:999px}
.workspace{grid-template-columns:350px minmax(560px,1fr);gap:20px}.patient-panel,.detail-panel{border-radius:var(--radius-lg);border-color:#e0ebe8;box-shadow:var(--shadow-sm)}.patient-panel{position:sticky;top:20px;padding:20px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}.panel-head{align-items:flex-start}.panel-note{display:block;color:var(--ink-500);font-size:11px;margin-top:4px}.panel-head>span{background:var(--brand-50);color:var(--brand-700);padding:5px 9px;border-radius:999px;font-weight:650}.search{flex:none;margin:17px 0 13px;border:1px solid transparent;transition:border-color .18s,box-shadow .18s}.search:focus-within{border-color:#8ccfc1;box-shadow:0 0 0 4px rgba(33,163,141,.1)}.patient-list{overflow-y:auto;padding-right:3px}.patient-list::-webkit-scrollbar{width:5px}.patient-list::-webkit-scrollbar-thumb{background:#cbded9;border-radius:5px}.patient-item{min-height:68px;padding:12px 11px;transition:background .16s,border-color .16s,transform .16s}.patient-item:hover{transform:translateX(2px)}.patient-item.active{background:linear-gradient(100deg,#e8f6f2,#f3faf8);border-color:#bfe2d9;box-shadow:0 5px 14px rgba(19,124,109,.07)}.patient-item .avatar{font-size:14px}.risk{box-shadow:0 0 0 4px rgba(53,168,127,.1)}.risk.high{box-shadow:0 0 0 4px rgba(223,107,99,.11)}.risk-legend{display:flex;gap:18px;border-top:1px solid var(--line);padding:14px 4px 0;margin-top:12px;color:var(--ink-500);font-size:11px}.risk-legend span{display:flex;align-items:center;gap:7px}.risk-legend b{font-weight:550}.risk-legend .risk{display:inline-block;width:7px;height:7px}
.detail-panel{padding:25px;box-shadow:var(--shadow-md)}.detail-top{padding-bottom:20px}.patient-title .avatar{width:52px;height:52px;background:linear-gradient(145deg,#d9f1eb,#eef9f6);border:1px solid #c4e4dc}.target-badge{background:linear-gradient(90deg,#fff8e9,#fffdf6)}.latest{gap:14px;margin:20px 0}.eye-card{position:relative;overflow:hidden;padding:17px;border:1px solid #e5efec}.eye-card:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;right:-30px;top:-34px;background:rgba(19,124,109,.055)}.eye-card.right:after{background:rgba(71,127,192,.06)}.eye-card strong{font-size:28px;letter-spacing:-.025em}
.toolbar{border-top:1px solid #edf2f1;padding-top:18px}.ranges{padding:4px}.ranges button{min-width:54px;font-weight:600}.ranges button.active{color:var(--brand-700)}.chart-wrap{border-color:#dde9e6;box-shadow:inset 0 1px #fff}.chart-caption{padding:3px 2px 2px}.chart-caption b{font-size:16px}.chart-scale{background:#fff8e9;padding:4px 7px;border-radius:999px}.chart-summary{background:#fbfdfc;margin-left:-14px;margin-right:-14px}.summary-item{padding:15px 5px}.records h3{margin-bottom:6px}.record{padding:12px 5px}.record:hover{background:#f7faf9}
dialog{border:1px solid #e0ebe8;box-shadow:0 28px 90px rgba(9,47,43,.28)}dialog::backdrop{backdrop-filter:blur(3px)}form>label input,.range-fields input{transition:border-color .15s,box-shadow .15s}form>label input:focus,.range-fields input:focus{outline:0;border-color:#69bca9;box-shadow:0 0 0 4px rgba(33,163,141,.1)}
button:focus-visible,input:focus-visible{outline:3px solid rgba(33,163,141,.24);outline-offset:2px}
@media(max-width:1180px){.system-chip{display:none}.workspace{grid-template-columns:310px minmax(480px,1fr)}main{padding:27px 25px}.detail-panel{padding:20px}}
@media(max-width:900px){body{min-width:0}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:13px 18px}.brand{padding:0;margin-right:auto}.brand div,.doctor,.sidebar nav{display:none}main{margin-left:0;min-width:0;padding:20px}.workspace{grid-template-columns:1fr}.patient-panel{position:static;max-height:none}.stats{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:18px}.header-actions{max-width:330px}}
@media(max-width:620px){main{padding:15px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:23px}.workspace{display:block}.detail-panel{margin-top:14px;padding:15px}.latest{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.record{grid-template-columns:1fr 75px 75px}.system-chip{display:none}.header-actions{justify-content:flex-start}.chart-summary{grid-template-columns:1fr 1fr}.summary-item:nth-child(2):after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}