@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17211f;background:#f4f8f6}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex;background:#f4f8f6}.sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;background:#fff;border-right:1px solid #dfe9e5;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;padding:23px 21px}.logo b{font:800 20px Manrope}.logo span{display:block;color:#87938f;font-size:11px;margin-top:2px}.brandMark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#087c6b,#55c8af);color:#fff;display:grid;place-items:center;font:800 21px Manrope;box-shadow:0 8px 20px #0a806f2a}.brandMark.small{width:36px;height:36px;border-radius:11px;font-size:18px}.sideLabel,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#15917e}.sideLabel{padding:12px 21px}.searchBox,.searchWide{display:flex;align-items:center;gap:8px;border:1px solid #dce6e2;background:#f8faf9;border-radius:11px;padding:0 12px}.searchBox{margin:0 15px 12px}.searchBox span,.searchWide span{color:#7c8985;font-size:18px}.searchBox input,.searchWide input{border:0;background:transparent;outline:0;padding:11px 0;width:100%;font:500 12px DM Sans}.patientList{overflow:auto;padding:0 9px;flex:1}.patient{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:13px;padding:10px;text-align:left;cursor:pointer;color:inherit}.patient:hover,.patient.active{background:#edf8f4}.avatar,.heroAvatar{display:grid;place-items:center;background:#dff4ed;color:#137466;font-weight:800}.avatar{width:38px;height:38px;border-radius:11px;font-size:11px}.ptext{min-width:0;flex:1}.ptext b,.ptext span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptext b{font-size:12px}.ptext span{font-size:10px;color:#8b9894;margin-top:3px}.patient em,.plan{font-style:normal;background:#fff2c4;color:#786000;border:1px solid #efd982;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.emptySide{padding:20px;color:#899590;font-size:12px}.sideBottom{padding:14px;border-top:1px solid #e4ece9}.sideBottom button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:10px;color:#65736f;font-weight:700;cursor:pointer}.sideBottom button:hover{background:#f2f7f5}.main{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.topbar{height:86px;background:#fff;border-bottom:1px solid #dfe9e5;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.topbar h1{font:800 22px Manrope;margin:4px 0 0;letter-spacing:-.5px}.admin{font-size:10px;color:#64736e;border:1px solid #dfe8e5;padding:8px 11px;border-radius:999px;background:#fbfcfc}.admin span{margin-left:7px;color:#16816f;font-weight:800}.patientHeader{margin:23px 34px 0;padding:21px 23px;background:#fff;border:1px solid #dfe9e5;border-radius:19px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 25px #193f3810}.identity{display:flex;align-items:center;gap:14px}.heroAvatar{width:56px;height:56px;border-radius:17px;font-size:16px}.identity h2{font:800 18px Manrope;margin:0}.identity p{font-size:11px;color:#84918d;margin:6px 0 0}.plan{display:inline-block;margin-left:7px;vertical-align:middle}.headerRight{display:flex;align-items:center;gap:24px}.headerRight div{display:flex;flex-direction:column;gap:4px}.headerRight div span{font-size:8px;color:#9ba6a3;letter-spacing:1px;text-transform:uppercase;font-weight:800}.headerRight div b{font-size:11px}.primary,.ghost,.filter,.tab,.link,.actions button{font:700 11px DM Sans;cursor:pointer}.primary{border:0;background:#117f70;color:#fff;border-radius:10px;padding:11px 14px;box-shadow:0 6px 16px #117f7024}.primary:hover{background:#0b6f61}.ghost{border:1px solid #d7e2df;background:#fff;color:#4e615c;border-radius:10px;padding:9px 12px}.tabs{margin:15px 34px 0;background:#fff;border:1px solid #dfe9e5;border-radius:14px 14px 0 0;padding:0 7px;display:flex;overflow:auto}.tab{position:relative;border:0;background:transparent;color:#7d8a86;padding:14px 12px;white-space:nowrap}.tab.active{color:#137e70}.tab.active:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;background:#15917e}.tab i{font-style:normal;color:#e3aa22;font-size:8px;margin-left:5px}.content{padding:0 34px 45px}.heading{padding:26px 0 18px;display:flex;justify-content:space-between;align-items:flex-end}.heading h2{font:800 23px Manrope;margin:3px 0 0;letter-spacing:-.7px}.heading p{font-size:11px;color:#87948f;margin:6px 0 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick{position:relative;text-align:left;border:1px solid #dfe9e5;background:#fff;border-radius:16px;padding:17px;display:flex;gap:11px;cursor:pointer;box-shadow:0 5px 18px #193f380b}.quick:hover{transform:translateY(-2px);box-shadow:0 10px 25px #193f3815}.qicon{width:37px;height:37px;border-radius:11px;background:#e6f7f2;color:#117f70;display:grid;place-items:center;font-size:18px}.quick h3{font:700 12px Manrope;margin:0 0 5px}.quick p{font-size:10px;line-height:1.5;color:#8a9793;margin:0}.quick>span{position:absolute;right:13px;top:13px;color:#a5b0ad}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:13px;margin-top:13px}.panel{background:#fff;border:1px solid #dfe9e5;border-radius:16px;box-shadow:0 5px 18px #193f3809;overflow:hidden}.panelHead{padding:17px 19px;border-bottom:1px solid #ebf0ee;display:flex;justify-content:space-between}.panelHead h3{font:800 13px Manrope;margin:0}.panelHead span{font-size:9px;color:#929e9a}.link{border:0;background:transparent;color:#168474;padding:3px}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:19px}.details label{display:block;text-transform:uppercase;font-size:8px;letter-spacing:1px;color:#9da7a4;font-weight:800;margin-bottom:5px}.details b{font-size:11px}.subscription{background:linear-gradient(145deg,#effbf7,#fff)}.subscription>strong{display:block;padding:24px 19px 0;color:#117f70;font:800 25px Manrope}.subscription>p{padding:0 19px 20px;color:#87948f;font-size:10px}.markerHeading{align-items:center}.markerTools{display:flex;gap:10px;align-items:center;margin-bottom:12px}.searchWide{width:260px;background:#fff}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{border:1px solid #dbe5e2;background:#fff;color:#72807c;border-radius:9px;padding:8px 10px;font-size:9px}.filter span{color:#9ca8a5;margin-left:3px}.filter.active{background:#e8f7f3;color:#117f70;border-color:#bde5db}.tablePanel{overflow:hidden}.tablePanel table{width:100%;border-collapse:collapse}.tablePanel th{text-align:left;background:#fbfcfc;border-bottom:1px solid #e7eeeb;color:#99a5a2;padding:11px 15px;font-size:8px;letter-spacing:1.1px}.tablePanel td{padding:13px 15px;border-bottom:1px solid #edf1ef;font-size:10px}.markerName{display:flex;align-items:center;gap:9px}.markerName>div{width:35px;height:35px;border-radius:10px;background:#e7f7f2;color:#117f70;display:grid;place-items:center;font-size:9px;font-weight:800}.markerName b,.markerName small{display:block}.markerName b{font-size:11px}.markerName small{font-size:9px;color:#8d9996;margin-top:3px}.value{font-size:12px}.unit{color:#9ba6a3}.status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.status.normal{background:#e1f6ed;color:#19735d}.status.high,.status.low{background:#fff3d6;color:#846700}.status.critical{background:#ffe4e4;color:#a23e3e}.status.pending{background:#edf1ef;color:#697672}.actions{display:flex;gap:8px;justify-content:flex-end}.actions button{border:0;background:transparent;color:#147d70;padding:5px}.actions .danger{color:#b04a4a}.emptyTable{text-align:center;padding:58px 20px}.emptyTable h3{font:800 14px Manrope;margin:10px 0 5px}.emptyTable p{font-size:10px;color:#8b9894}.emptyLogo{width:50px;height:50px;border-radius:15px;background:#e6f7f2;color:#117f70;display:grid;place-items:center;margin:auto;font:800 20px Manrope}.loading{text-align:center;padding:38px;color:#899590;font-size:11px}.recordList{padding:5px 19px}.record{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf1ef}.record b,.record span{display:block}.record b{font-size:11px}.record span{font-size:9px;color:#8c9895;margin-top:4px;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formPanel{padding-bottom:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px}.form label{font-size:9px;color:#71807c;font-weight:800}.form .full{grid-column:1/-1}.form input,.form select,.json{display:block;width:100%;margin-top:6px;border:1px solid #d9e4e1;border-radius:10px;background:#fbfcfc;padding:11px;font:500 11px DM Sans;outline:0;color:#1d2a27}.saveLine{padding:0 20px}.modalBack{position:fixed;inset:0;background:#09251f4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(640px,100%);background:#fff;border-radius:20px;box-shadow:0 25px 70px #102f2b30;overflow:hidden}.modal.wide{width:min(850px,100%)}.modalHead{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e7eeeb}.modalHead h2{font:800 18px Manrope;margin:3px 0 0}.close{border:0;background:#f0f4f2;border-radius:9px;width:30px;height:30px;font-size:20px;color:#6f7d79;cursor:pointer}.modal .form{padding:20px 22px}.modalFoot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;background:#fafcfb;border-top:1px solid #e7eeeb}.json{height:420px;margin:20px 22px;resize:vertical;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.toast{position:fixed;right:24px;bottom:24px;background:#182b28;color:#fff;padding:11px 14px;border-radius:11px;font-size:10px;z-index:30}.blank{min-height:calc(100vh - 86px);display:grid;place-items:center;align-content:center;text-align:center;color:#87948f}.blank h2{font:800 21px Manrope;color:#293631;margin:17px 0 5px}.blank p{font-size:11px;max-width:330px;line-height:1.6}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#dff7f0,#f3f8f6 45%,#eaf2ef)}.loginCard{width:min(405px,100%);background:#fff;border:1px solid #dfe9e5;border-radius:23px;padding:36px;box-shadow:0 25px 70px #173e3720}.loginLogo{padding:0 0 25px}.loginCard h1{font:800 26px Manrope;margin:0 0 6px}.loginCard>p{font-size:11px;color:#83908c;margin:0 0 24px}.loginCard label{display:block;font-size:9px;font-weight:800;color:#66746f;margin-bottom:13px}.loginCard input{display:block;width:100%;margin-top:6px;border:1px solid #d9e4e1;border-radius:10px;padding:12px;font:500 12px DM Sans;outline:0}.wide{width:100%;padding:13px}.loginCard small{display:block;text-align:center;color:#9ba6a3;font-size:9px;margin-top:16px}.error{background:#fff0f0;color:#a23e3e;border:1px solid #f1cccc;padding:9px;border-radius:9px;font-size:9px;margin-bottom:12px}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:#788682;font-size:11px}@media(max-width:1100px){.cards{grid-template-columns:1fr 1fr}.sidebar{width:250px}.main{margin-left:250px;width:calc(100% - 250px)}}@media(max-width:800px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar,.patientHeader{padding-left:18px;padding-right:18px}.patientHeader{margin-left:18px;margin-right:18px;flex-direction:column;align-items:flex-start;gap:17px}.headerRight{width:100%;justify-content:space-between}.tabs{margin-left:18px;margin-right:18px}.content{padding:0 18px 35px}.cards,.columns{grid-template-columns:1fr}.markerTools{flex-direction:column;align-items:stretch}.searchWide{width:100%}.tablePanel{overflow:auto}.tablePanel table{min-width:820px}}