*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f8f8;color:#18323a}.topbar{height:78px;background:#fff;border-bottom:1px solid #dbe8e8;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.shield{width:44px;height:44px;border-radius:13px;background:#0b7775;color:#fff;display:grid;place-items:center;font-size:26px}.brand h1{margin:0;font-size:25px;color:#075e62}.brand p{margin:2px 0 0;color:#6c7f83;font-size:12px}.connection{font-size:13px;color:#62767a;display:flex;gap:7px;align-items:center}.connection span:first-child{width:9px;height:9px;background:#21a36a;border-radius:50%;display:inline-block}.container{max-width:1100px;margin:auto;padding:28px 20px 50px}.hero{display:flex;gap:25px;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e8f7f5,#fff);border:1px solid #d2e8e5;border-radius:22px;padding:30px;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#0b7775;font-weight:bold}.hero h2{font-size:34px;margin:7px 0}.hero p{max-width:650px;color:#62767a;line-height:1.5}.status-card{min-width:275px;background:#e8f7ee;border:1px solid #bfe4ce;border-radius:18px;padding:17px;display:flex;align-items:center;gap:12px}.status-icon{width:42px;height:42px;border-radius:50%;background:#23a86b;color:#fff;display:grid;place-items:center;font-size:22px}.status-card strong{display:block;font-size:14px}.status-card small{display:block;margin-top:5px;color:#58716a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid #dce8e8;border-radius:17px;box-shadow:0 5px 18px rgba(20,65,70,.05)}.metric{padding:19px}.metric>span{font-size:21px}.metric label{display:block;color:#718287;font-size:12px;margin:10px 0 6px}.metric strong{font-size:23px}.metric small{font-size:12px;color:#7b8b8e}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.panel{padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title h3{margin:0;font-size:17px}.badge{font-size:10px;padding:5px 9px;border-radius:20px;background:#edf5f5;color:#0b7775;font-weight:bold}.tube-wrap{min-height:275px;display:flex;align-items:center;justify-content:center;gap:0;position:relative;background:#f8fbfb;border-radius:14px;padding:20px}.iv-bag{width:82px;height:145px;border:3px solid #7baeb0;border-radius:8px 8px 15px 15px;background:linear-gradient(#e9f9fa,#c9e8e8);position:relative}.bag-label{font-size:12px;color:#356c70;text-align:center;margin-top:52px;font-weight:bold}.tube{height:9px;width:72px;background:#d9eeee;border:2px solid #75a8aa;border-radius:8px}.sensor-box{width:125px;height:105px;border-radius:14px;background:#fff;border:3px solid #0b7775;box-shadow:0 5px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.sensor-box b{color:#075e62}.sensor-box span{font-size:10px;color:#6d7e82}.sensor-box i{width:10px;height:10px;background:#20a56b;border-radius:50%}.patient-line{font-size:11px;color:#78888b;margin-left:10px}.note{font-size:11px;color:#7b898c;margin:14px 0 0}.param{display:flex;justify-content:space-between;padding:14px 2px;border-bottom:1px solid #edf2f2;font-size:13px}.param b{color:#277d69}.controls{margin-bottom:18px}.hint{font-size:11px;color:#829194}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.buttons button,.clear{border:1px solid #cfe0e0;background:#f7fbfb;color:#20575a;padding:11px;border-radius:10px;cursor:pointer;font-weight:bold}.buttons button:hover{background:#e6f4f2}.alerts{min-height:180px}.clear{font-size:11px;padding:7px 11px}.alert-list{display:flex;flex-direction:column;gap:8px}.alert{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:10px;background:#fff5f3;border-left:4px solid #df6252;font-size:12px}.alert.normal{background:#effaf4;border-left-color:#2aa66d}.empty{color:#8a999c;font-size:12px;text-align:center;padding:22px}footer{text-align:center;color:#839093;font-size:11px;padding:15px}.warning{background:#fff8e9!important;border-color:#efd28c!important}.danger{background:#fff0ee!important;border-color:#e8aaa1!important}.status-warning .status-icon{background:#e0a126}.status-danger .status-icon{background:#d9584b}@media(max-width:800px){.hero{flex-direction:column;align-items:stretch}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.buttons{grid-template-columns:repeat(2,1fr)}.tube-wrap{transform:scale(.9)}}