*{box-sizing:border-box}body{color:#17202a;background:#f6f7f9;margin:0;font-family:Inter,ui-sans-serif,system-ui}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.app>aside{color:#fff;background:#111827;height:100vh;padding:28px 20px;position:sticky;top:0}.brand{letter-spacing:.18em;margin-bottom:34px;font-size:12px;line-height:1.5}.brand b{font-size:18px}.app>aside nav{gap:5px;display:grid}.app>aside nav a{color:#cbd5e1;border-radius:8px;padding:11px 12px;font-size:14px;text-decoration:none}.app>aside nav a:hover{color:#fff;background:#263244}.tenant{color:#cbd5e1;font-size:12px;position:absolute;bottom:25px}.tenant small{color:#7f8a9b}.content{min-width:0}.content>main{width:100%;max-width:1400px;margin:0 auto;padding:42px}.content article{background:#fff;border:1px solid #e4e7ec;border-radius:12px;margin:12px 0;padding:18px}.content button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;padding:10px 14px}.content button:disabled{opacity:.5;cursor:not-allowed}.home header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}h1{margin:5px 0;font-size:32px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#667085;font-size:12px}.home header button{color:#17202a;background:#fff;border:1px solid #d7dce3}.metrics,.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metrics article,.grid article,.notice{margin:0}.metrics strong{margin:10px 0;font-size:30px;display:block}.metrics small,.grid p{color:#667085}.grid{grid-template-columns:repeat(3,1fr)}.grid a{color:#17202a;font-size:13px;font-weight:600;text-decoration:none}.notice{background:#fff;border:1px solid #e4e7ec;border-radius:12px;margin-top:18px;padding:20px}.home h2{margin-top:36px}.receiver-title{margin-bottom:22px}.receiver-title p:last-child{color:#667085;max-width:780px}.receiver-console,.access-console{gap:18px;display:grid}.scope-bar{background:#fff;border:1px solid #e4e7ec;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:16px;display:grid}.receiver-console label,.access-console label{color:#475467;gap:6px;font-size:12px;font-weight:600;display:grid}.receiver-console input,.receiver-console select,.access-console input,.access-console select{color:#17202a;width:100%;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:10px 11px}.ops-message,.ops-clear{background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:13px 15px}.secret-card{background:#fff8e6;border:1px solid #f5d57a;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.secret-card div{gap:7px;min-width:0;display:grid}.secret-card code{word-break:break-all;background:#fff;border:1px solid #ead89c;border-radius:6px;padding:9px;font-size:13px}.secret-card small{color:#805d14}.alert-stack{gap:8px;display:grid}.ops-alert{border-radius:9px;padding:11px 14px;font-weight:600}.ops-alert.warning{color:#805d14;background:#fff8e6;border:1px solid #f5d57a}.ops-alert.critical{color:#9b1c1c;background:#fff1f0;border:1px solid #f2b8b5}.ops-metrics,.access-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ops-metrics article,.access-summary article{margin:0}.ops-metrics span,.ops-metrics small,.access-summary span,.access-summary small{color:#667085}.ops-metrics strong,.access-summary strong{margin:8px 0;font-size:29px;display:block}.access-summary{grid-template-columns:repeat(3,1fr)}.ops-section,.ops-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:18px}.ops-section h2,.ops-card h2{margin:0 0 6px}.ops-section>p,.ops-card>p,.section-heading p,.muted{color:#667085;margin-top:0}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.device-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.device-grid article{margin:0}.device-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.device-row>div{align-items:center;gap:8px;display:flex}.health-dot{background:#98a2b3;border-radius:50%;width:9px;height:9px;display:inline-block}.health-dot.healthy{background:#12b76a}.health-dot.degraded,.health-dot.stale{background:#f79009}.health-dot.offline,.health-dot.unauthenticated{background:#f04438}.pill{color:#475467;background:#f2f4f7;border-radius:999px;padding:4px 7px;font-size:11px}.device-grid h3{text-transform:capitalize;margin-bottom:8px}.device-grid p{color:#667085;margin:5px 0;font-size:13px}.secondary{color:#344054!important;background:#fff!important;border:1px solid #d0d5dd!important}.ops-columns{grid-template-columns:1fr 1.3fr;gap:14px;display:grid}.ops-card{gap:12px;display:grid}.threshold-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ops-table-wrap{overflow:auto}.ops-table-wrap table{border-collapse:collapse;width:100%;margin-top:12px}.ops-table-wrap th,.ops-table-wrap td{text-align:left;vertical-align:middle;border-bottom:1px solid #eaecf0;padding:11px;font-size:13px}.ops-table-wrap th{color:#667085;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.ops-clear{color:#475467;justify-content:space-between;gap:12px;display:flex}.ops-clear span{color:#667085}.access-invite{grid-template-columns:1.5fr 1fr .7fr 1fr auto;align-items:end}.access-invite>div{align-self:center}.access-invite p{color:#667085;margin:4px 0;font-size:13px}.access-invite small{color:#667085;font-weight:400}.access-table td:first-child b,.access-table td:first-child small{text-overflow:ellipsis;max-width:250px;display:block;overflow:hidden}.access-table td:first-child small{color:#667085;margin-top:4px}.access-table input{min-width:220px}.access-history{color:#475467;margin-top:15px}.access-history summary{cursor:pointer;font-weight:600}@media (max-width:1150px){.access-invite{grid-template-columns:1fr 1fr}.access-invite>div{grid-column:1/-1}.access-invite button{width:max-content}}@media (max-width:1050px){.ops-metrics,.device-grid{grid-template-columns:1fr 1fr}.ops-columns{grid-template-columns:1fr}}@media (max-width:900px){.app{grid-template-columns:1fr}.app>aside{height:auto;position:static}.tenant{display:none}.app>aside nav{grid-template-columns:repeat(5,1fr)}.content>main{padding:22px}.metrics,.grid,.scope-bar{grid-template-columns:1fr 1fr}.scope-bar button{grid-column:1/-1}.access-summary{grid-template-columns:1fr 1fr 1fr}}@media (max-width:650px){.app>aside nav{grid-template-columns:1fr 1fr}.metrics,.grid,.ops-metrics,.device-grid,.threshold-grid,.scope-bar,.access-summary,.access-invite{grid-template-columns:1fr}.home header,.section-heading,.secret-card,.ops-clear{flex-direction:column;align-items:flex-start;gap:15px}.scope-bar button,.access-invite>div{grid-column:auto}.content>main{padding:18px}.ops-table-wrap{margin:0 -8px}}