*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#0d1b2e;color:#d4dbe8;font-size:15px;line-height:1.65}
#app{display:flex;min-height:100vh}
#sidebar{width:270px;min-width:270px;background:#0a1525;border-right:1px solid #1e3354;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100;padding-bottom:40px}
#sidebar::-webkit-scrollbar{width:4px}
#sidebar::-webkit-scrollbar-track{background:#0a1525}
#sidebar::-webkit-scrollbar-thumb{background:#2a4a6e;border-radius:2px}
.sidebar-header{padding:20px 16px 14px;border-bottom:1px solid #1e3354;background:#0a1525;position:sticky;top:0;z-index:10}
.sidebar-header .logo-title{font-size:13px;font-weight:700;color:#c9a84c;letter-spacing:.08em;text-transform:uppercase}
.sidebar-header .logo-sub{font-size:11px;color:#5a7a9e;margin-top:2px}
.nav-group{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3d6080;padding:14px 16px 4px}
.nav-item{display:block;padding:7px 16px 7px 22px;font-size:12.5px;color:#7a98b8;text-decoration:none;border-left:2px solid transparent;transition:all .15s;cursor:pointer}
.nav-item:hover,.nav-item.active{color:#c9a84c;border-left-color:#c9a84c;background:rgba(201,168,76,.06)}
.nav-sub{padding-left:32px;font-size:12px;color:#5a7a9e}
.nav-sub:hover{color:#a0c0e0;border-left-color:#a0c0e0}
#main{flex:1;max-width:calc(100% - 270px);padding:0 0 80px 0;overflow-x:hidden}
.page-header{background:linear-gradient(135deg,#0a1525 0%,#12253d 50%,#0f1e35 100%);border-bottom:2px solid #c9a84c;padding:48px 48px 36px}
.page-header h1{font-size:32px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2}
.page-header .subtitle{font-size:15px;color:#c9a84c;margin-top:8px;font-weight:500}
.page-header .meta{font-size:12px;color:#4a6a8a;margin-top:12px;line-height:1.8}
.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:3px;margin-right:6px;margin-top:4px}
.em{background:#1a3a5c;color:#5bafd6}
.cc{background:#2a1a3c;color:#9b77d4}
.anes{background:#1a2e1a;color:#6abf6a}
.trauma{background:#3c1a1a;color:#d46a6a}
.ob{background:#3c2a1a;color:#d4a06a}
.section{padding:40px 48px;border-bottom:1px solid #1a2d45}
.section:last-child{border-bottom:none}
.section-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:12px}
.section-title .num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#c9a84c;color:#0a1525;border-radius:50%;font-size:13px;font-weight:800;flex-shrink:0}
.section-desc{font-size:13px;color:#4a6a8a;margin-bottom:28px;padding-left:44px}
.sub{margin-bottom:36px}
.sub-title{font-size:17px;font-weight:700;color:#c9a84c;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid #1e3354}
.sub-title.blue{color:#5bafd6;border-bottom-color:#1a3a5c}
.sub-title.green{color:#6abf6a;border-bottom-color:#1a2e1a}
.sub-title.purple{color:#9b77d4;border-bottom-color:#2a1a3c}
.sub-title.red{color:#d46a6a;border-bottom-color:#3c1a1a}
h4{font-size:13px;font-weight:700;color:#7a98b8;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.07em}
p{margin-bottom:14px;color:#b0c4dc}
p:last-child{margin-bottom:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}
.grid4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;margin-bottom:20px}
.card{background:#0f2035;border:1px solid #1e3354;border-radius:8px;padding:18px}
.card.a{border-top:3px solid #c9a84c}
.card.b{border-top:3px solid #5bafd6}
.card.g{border-top:3px solid #6abf6a}
.card.p{border-top:3px solid #9b77d4}
.card.r{border-top:3px solid #d46a6a}
.card.o{border-top:3px solid #d4a06a}
.ct{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.ct.a{color:#c9a84c}.ct.b{color:#5bafd6}.ct.g{color:#6abf6a}.ct.p{color:#9b77d4}.ct.r{color:#d46a6a}.ct.o{color:#d4a06a}
.card ul,.card ol{padding-left:18px}
.card li{font-size:13px;color:#8aaabf;margin-bottom:4px}
.card p{font-size:13px;color:#8aaabf;margin-bottom:6px}
.table-wrap{overflow-x:auto;margin-bottom:24px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
thead th{background:#1a3050;color:#c9a84c;font-weight:700;padding:10px 14px;text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid #c9a84c}
tbody tr{border-bottom:1px solid #1a2d45}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
tbody tr:hover{background:rgba(201,168,76,.04)}
td{padding:9px 14px;color:#b0c4dc;vertical-align:top}
td strong{color:#d4dbe8}
.hl{color:#c9a84c;font-weight:600}
ul,ol{padding-left:20px;margin-bottom:14px}
li{margin-bottom:5px;color:#b0c4dc}
li strong{color:#d4dbe8}
.call{border-radius:6px;padding:16px 18px;margin-bottom:18px;border-left:4px solid}
.call.pearl{background:rgba(201,168,76,.08);border-color:#c9a84c}
.call.warn{background:rgba(212,106,106,.08);border-color:#d46a6a}
.call.tip{background:rgba(91,175,214,.08);border-color:#5bafd6}
.call.crit{background:rgba(212,106,106,.14);border-color:#d46a6a}
.call.ok{background:rgba(106,191,106,.08);border-color:#6abf6a}
.call-lbl{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.call.pearl .call-lbl{color:#c9a84c}
.call.warn .call-lbl{color:#d46a6a}
.call.tip .call-lbl{color:#5bafd6}
.call.crit .call-lbl{color:#d46a6a}
.call.ok .call-lbl{color:#6abf6a}
.call.peds{background:rgba(212,160,106,.1);border-color:#d4a06a}
.call.peds .call-lbl{color:#d4a06a}
.call p{margin-bottom:0}
.algo{background:#081520;border:1px solid #2a4a6e;border-radius:8px;padding:20px 24px;margin-bottom:20px;font-size:13px}
.algo-step{display:flex;gap:12px;margin-bottom:10px;align-items:flex-start}
.algo-n{background:#c9a84c;color:#0a1525;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;margin-top:1px}
.algo-t{color:#a0c0e0}
.algo-arrow{color:#c9a84c;margin-left:34px;margin-bottom:6px;font-style:italic;font-size:12px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.finding{background:#0f2035;border:1px solid #1e3354;border-radius:6px;padding:14px}
.fn{font-size:12px;font-weight:700;color:#c9a84c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.fd{font-size:13px;color:#8aaabf}
.imgph{background:#081520;border:2px dashed #2a4a6e;border-radius:8px;padding:28px 20px;text-align:center;margin-bottom:16px}
.imgblock{margin-bottom:16px;border-radius:8px;overflow:hidden;margin-left:auto;margin-right:auto;contain:layout}
.imgblock img{width:100%;height:auto;display:block;border-radius:8px}
.imgcap{font-size:11px;color:#4a6a8a;padding:6px 8px;background:#081520;border:1px solid #1a2d45;border-top:none;border-radius:0 0 8px 8px;line-height:1.4}
.imgph .il{font-size:12px;font-weight:700;color:#c9a84c;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
.imgph .id{font-size:12px;color:#4a6a8a;line-height:1.5}
.imgph .itag{display:inline-block;margin-top:8px;background:#1a3050;color:#5bafd6;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.08em}
.igrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.igrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.stat{display:inline-flex;flex-direction:column;align-items:center;background:#0a1a2e;border:1px solid #2a4a6e;border-radius:6px;padding:8px 14px;min-width:80px}
.sv{font-size:18px;font-weight:800;color:#c9a84c}
.sl{font-size:10px;color:#4a6a8a;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.view{background:#0a1a2e;border:1px solid #1e3354;border-left:3px solid #5bafd6;border-radius:0 6px 6px 0;padding:12px 16px;margin-bottom:10px}
.view.a{border-left-color:#c9a84c}
.view.g{border-left-color:#6abf6a}
.view.p{border-left-color:#9b77d4}
.view.r{border-left-color:#d46a6a}
.view-name{font-size:13px;font-weight:700;color:#d4dbe8;margin-bottom:4px}
.view-detail{font-size:12.5px;color:#7a98b8}
hr{border:none;border-top:1px solid #1a2d45;margin:24px 0}
@media print{
  #sidebar{display:none!important}
  #main{max-width:100%}
  body{background:#fff;color:#000;font-size:11px}
  .page-header{background:#fff;border-bottom:2px solid #333;padding:20px 24px}
  .page-header h1{color:#000;font-size:22px}
  .section{padding:20px 24px;page-break-inside:avoid}
  .section-title{color:#000}
  .section-title .num{background:#333}
  .sub-title{color:#333;border-bottom-color:#ccc!important}
  .card{background:#f8f8f8;border:1px solid #ccc}
  .card li,.card p{color:#111}
  p,li,td{color:#111}
  thead th{background:#eee;color:#000;border-bottom-color:#999}
  .call{background:#f5f5f5!important}
  .algo{background:#f5f5f5;border:1px solid #ccc}
  .algo-t{color:#222}
  .imgph{background:#f0f0f0;border:1px dashed #999}
  .finding{background:#f5f5f5;border:1px solid #ccc}
  .view{background:#f5f5f5}
  h4{color:#333}
  .ct.a,.ct.b,.ct.g,.ct.p,.ct.r,.ct.o,.fn,.sv{color:#222}
  .section.major{page-break-before:always}
}