*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17233d;font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.shell{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:242px;padding:25px 17px;background:linear-gradient(180deg,#123d3b,#0b2e2d);color:#abc2c0}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 25px;border-bottom:1px solid #ffffff19}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#67d2b1;color:#123d3b;font-size:20px;font-weight:900}.brand b,.brand small{display:block}.brand b{color:white;letter-spacing:1px}.brand small{font-size:9px;margin-top:2px}.context{margin:18px 0;padding:12px;border:1px solid #ffffff1d;border-radius:10px;background:#ffffff0a;color:white;font-size:11px}.context small{display:block;color:#83a6a3;font-size:8px;letter-spacing:1px;margin-bottom:5px}.side nav p{margin:25px 10px 8px;color:#71918f;font-size:8px;letter-spacing:1px}.side nav a{display:block;padding:10px 11px;border-radius:8px;font-size:11px}.side nav a:hover,.side nav a.active{background:#62c8aa1b;color:white}.switch{position:absolute;bottom:20px;left:17px;right:17px;padding:12px;border-top:1px solid #ffffff17;font-size:10px}.switch a{display:block;margin-top:8px;color:#76d2b8}.main{margin-left:242px;min-height:100vh}.top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #e2e7ef;background:white}.search{width:min(410px,50vw);padding:9px 13px;border:1px solid #e3e7ee;border-radius:8px;background:#f8f9fb;color:#8b94a5;font-size:10px}.top span{color:#667187;font-size:10px}.content{max-width:1320px;margin:auto;padding:29px 32px}.eyebrow{margin:0 0 8px;color:#278b7c;font-size:9px;font-weight:800;letter-spacing:1px}h1{margin:0;font-size:27px;letter-spacing:-.5px}.subtitle{margin:7px 0 25px;color:#7b8597;font-size:12px}.actions{display:flex;justify-content:space-between;align-items:end}.primary{padding:10px 15px;border:0;border-radius:8px;background:#176b61;color:white;font-size:10px;font-weight:bold}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:23px}.card,.panel{border:1px solid #e1e6ee;border-radius:12px;background:white;box-shadow:0 2px 8px #17233a05}.card{padding:18px}.card p{margin:0 0 12px;color:#7b8598;font-size:9px}.card b{font-size:20px}.card small{display:block;margin-top:7px;color:#27806f}.grid{display:grid;grid-template-columns:1.45fr .8fr;gap:14px;margin-top:14px}.panel h2{margin:0;font-size:13px}.panelHead{display:flex;justify-content:space-between;padding:18px 19px 12px;border-bottom:1px solid #edf0f4}.panelHead span{color:#8790a0;font-size:9px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 17px;border-bottom:1px solid #edf0f4;text-align:left;font-size:9px}.table th{color:#8892a2;font-weight:600}.table td b{display:block;font-size:10px}.table td small{color:#9098a7}.status{display:inline-block;padding:4px 7px;border-radius:10px;background:#e8f5f1;color:#267b6e;font-size:8px}.status.warn{background:#fff1df;color:#a86a2e}.status.off{background:#f8e9e8;color:#ad554f}.list{padding:5px 17px 12px}.item{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #edf0f4}.item:last-child{border:0}.item b,.item small{display:block;font-size:9px}.item small{margin-top:4px;color:#8d96a5}.item strong{font-size:10px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.quick a{padding:18px;border:1px solid #e1e6ee;border-radius:12px;background:white}.quick b{display:block;font-size:11px}.quick small{display:block;margin-top:5px;color:#7e8899;font-size:9px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1.25fr}.intro{padding:55px;background:linear-gradient(145deg,#0d302f,#176b61);color:white;display:flex;flex-direction:column;justify-content:space-between}.intro h1{max-width:570px;font-size:48px;line-height:1.06}.intro p{max-width:500px;color:#b8d2cf;line-height:1.6}.portalChoices{padding:55px;display:flex;flex-direction:column;justify-content:center}.portalChoices h2{font-size:26px;margin:0}.choice{display:flex;align-items:center;gap:17px;margin-top:14px;padding:19px;border:1px solid #dfe5ed;border-radius:13px;background:white;transition:.2s}.choice:hover{transform:translateY(-2px);border-color:#7db9af;box-shadow:0 10px 25px #17372f12}.choice i{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#e9f5f2;color:#176b61;font-style:normal;font-size:20px}.choice div{flex:1}.choice b,.choice small{display:block}.choice small{margin-top:5px;color:#7d8798}.choice em{color:#2b8476;font-style:normal}.heroCard{margin-top:25px;padding:20px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff0b;font-size:11px}.portalHero{padding:26px;border-radius:14px;background:linear-gradient(120deg,#176b61,#2d8a7d);color:white}.portalHero p{color:#cce3df}.portalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.intro{padding:35px}.intro h1{font-size:34px}.portalChoices{padding:35px}}@media(max-width:650px){.side{display:none}.main{margin:0}.content{padding:22px 16px}.cards,.quick,.portalGrid{grid-template-columns:1fr}.top{padding:0 16px}.intro{min-height:380px}}