:root{color-scheme:light dark;--bg:#f5f7f6;--surface:#fff;--surface-2:#f8faf9;--line:#e6ebe8;--text:#17211d;--muted:#78827e;--brand:#246b52;--brand-soft:#e8f3ed;--green:#287a56;--green-bg:#e8f5ed;--amber:#99661a;--amber-bg:#fff4dc;--red:#b54542;--red-bg:#fff0ee;--blue:#446da3;--shadow:0 2px 8px rgba(24,45,35,.035)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--surface);border-right:1px solid var(--line);padding:25px 16px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:-.2px}.brand>span:last-child{font-weight:500}.brand b{font-weight:750}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:450;letter-spacing:.1px;margin-top:1px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:750;font-size:18px}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.25px;color:#99a39e;margin:40px 10px 10px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:11px;color:#68736e;padding:10px 11px;border-radius:8px;font-size:13px;font-weight:550}.side-nav a>span{width:17px;text-align:center;font-size:16px}.side-nav a.active{color:var(--brand);background:var(--brand-soft);font-weight:650}.nav-count{font-size:10px;font-style:normal;margin-left:auto;border-radius:10px;background:var(--red-bg);color:var(--red);padding:2px 7px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 4px 0;display:flex;align-items:center;gap:10px;font-size:12px}.sidebar-bottom small{display:block;color:var(--muted);font-size:11px}.mini-avatar,.avatar{height:32px;width:32px;display:grid;place-items:center;background:#e4ece7;color:#3d6554;border-radius:50%;font-size:11px;font-weight:700}.dots{margin-left:auto;font-size:20px;letter-spacing:1px;color:var(--muted)}.main{margin-left:240px;min-width:0}.topbar{height:65px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:4}.crumb{color:var(--muted);font-size:12px;display:flex;gap:11px;align-items:center}.crumb b{color:var(--text);font-weight:600}.crumb span{color:#b5bcb8}.top-actions{display:flex;align-items:center;gap:22px}.live{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#5d6a63;white-space:nowrap}.live i,.enabled i{width:7px;height:7px;border-radius:50%;background:#3f9a68;box-shadow:0 0 0 3px #3f9a681f}.view-switch{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);cursor:pointer;white-space:nowrap}.view-switch input{position:absolute;opacity:0;width:1px}.switch-ui{width:31px;height:18px;border-radius:10px;background:#d7ded9;position:relative;transition:.2s}.switch-ui:after{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px #0002}.view-switch input:checked+.switch-ui{background:var(--brand)}.view-switch input:checked+.switch-ui:after{transform:translate(13px)}.avatar{height:29px;width:29px}.mobile-menu{display:none;border:0;background:none}.content{max-width:1330px;margin:0 auto;padding:34px 40px 28px}.welcome-row,.section-heading,.client-head,.card-foot,.chart-head,.panel-heading,.public-card-head{display:flex;align-items:center;justify-content:space-between}.welcome-row{align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.25px;color:#87928c;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.75px;line-height:1.2;margin-bottom:7px;font-weight:650}.subhead{margin:0;color:var(--muted);font-size:13px}.button{border:1px solid transparent;border-radius:7px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button.primary{background:var(--brand);color:#fff}.button:hover{filter:brightness(.97)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:35px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 17px 15px;box-shadow:var(--shadow)}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.metric-icon{height:26px;width:26px;display:grid;place-items:center;border-radius:8px;font-size:15px}.metric-icon.red{color:var(--red);background:var(--red-bg)}.metric-icon.amber{color:var(--amber);background:var(--amber-bg)}.metric-icon.green{color:var(--green);background:var(--green-bg)}.metric-card>strong{display:block;font-size:26px;font-weight:650;letter-spacing:-.5px;margin:7px 0 1px}.metric-card em{font-size:15px;color:#98a19c;font-style:normal;font-weight:500}.metric-card>small{font-size:10px;color:var(--muted)}.metric-card>small b{color:var(--text);font-weight:600}.green-text{color:var(--green)!important}.amber-text{color:var(--amber)!important}.red-text,.down-text{color:var(--red)!important}.section-heading{margin:0 0 13px}.section-heading h2,.group-title h2,.chart-head h2,.panel-heading h2,.public-card-head h2{font-size:15px;letter-spacing:-.15px;margin:0 0 3px;font-weight:650}.section-heading p,.panel-heading p,.chart-head p,.public-card-head p{font-size:11px;color:var(--muted);margin:0}.icon-button{border:0;background:transparent;color:var(--muted);font-size:19px;cursor:pointer;line-height:1}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:17px 17px 0;box-shadow:var(--shadow);min-width:0;transition:transform .15s,border-color .15s}.client-card:hover{transform:translateY(-2px);border-color:#c9d9cf}.client-head{justify-content:flex-start;gap:11px;margin-bottom:15px}.client-logo{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:16px}.client-logo.matrix{background:#eaf1ed;color:#335a47}.client-logo.sample{background:#f7eee3;color:#966b3d}.client-logo.estate{background:#e9edfa;color:#526394}.client-logo.large{width:48px;height:48px;border-radius:13px;font-size:21px}.client-head h3{margin:0 0 2px;font-size:13px;font-weight:650}.client-head small{font-size:10px;color:var(--muted)}.arrow{margin-left:auto;color:#9da7a1}.health-banner{border-radius:7px;display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:10px}.health-banner.issue{background:var(--red-bg);color:var(--red)}.health-banner.healthy{background:var(--green-bg);color:var(--green)}.health-banner b{font-size:10px}.health-banner>span:last-child{margin-left:auto;opacity:.78}.status-icon{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:750;flex:none}.issue .status-icon{background:#f2d4d1;color:var(--red)}.healthy .status-icon{background:#d1ebda;color:var(--green)}.info .status-icon{background:#dfeaf5;color:var(--blue)}.health-counts{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0 13px}.health-counts>div{border-right:1px solid var(--line);padding-left:10px}.health-counts>div:first-child{padding-left:0}.health-counts>div:last-child{border:0}.health-counts b{display:block;font-size:16px;font-weight:650}.health-counts small{font-size:9px;color:var(--muted)}.card-foot{border-top:1px solid var(--line);margin:0 -17px;padding:11px 17px;font-size:9px;color:var(--muted)}.card-foot b{color:var(--text);font-weight:550}.card-foot>span:last-child{margin-left:auto;color:var(--brand);font-weight:600}.lower{margin-top:31px}.text-link{font-size:11px;color:var(--brand);font-weight:600}.activity-card,.panel,.chart-card,.uptime-card,.detail-stats,.table-card,.incident-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.activity-row{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-dot,.green-dot,.amber-dot,.red-dot,.grey-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%}.green-dot{background:#41996a}.amber-dot{background:#d59b38}.red-dot{background:#cd5b56}.grey-dot{background:#adb6b1}.activity-row>div{min-width:0}.activity-row b{display:block;font-size:11px;font-weight:600}.activity-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.activity-row time{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.page-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:30px;color:var(--muted);font-size:10px}.page-footer>span{color:#bac1bd;margin:0 4px}.footer-right{float:right}.footer-right a{color:var(--brand)}.client-title{display:flex;align-items:center;gap:15px;margin-bottom:23px}.client-title h1,.client-title .eyebrow{margin:0 0 4px}.right-button{margin-left:auto}.notice{border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.notice.issue{background:var(--red-bg);color:var(--red)}.notice.info{background:#edf4fa;color:#41678b}.notice>div{min-width:0}.notice b{display:block;font-size:11px}.notice small{display:block;font-size:10px;opacity:.84;margin-top:2px}.notice>a{font-size:10px;font-weight:650;margin-left:auto;white-space:nowrap}.inline-stats{display:flex;gap:23px;align-items:center;padding:0 2px 18px;color:var(--muted);font-size:10px}.inline-stats span{display:flex;align-items:center;gap:6px}.inline-stats b{color:var(--text);font-weight:650}.inline-stats .updated{margin-left:auto}.service-group{margin-top:17px}.group-title{display:flex;align-items:center;gap:12px;margin-bottom:9px}.group-title h2{margin:0;font-size:14px}.group-summary{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.gap-left{margin-left:8px}.service-table{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.table-head,.service-row{display:grid;grid-template-columns:minmax(230px,2.4fr) 1.15fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:9px 13px}.table-head{background:var(--surface-2);color:#89938d;font-size:9px;border-bottom:1px solid var(--line)}.service-row{font-size:10px;border-bottom:1px solid var(--line);min-height:49px}.service-row:last-child{border-bottom:0}.service-row:hover{background:var(--surface-2)}.service-row.down-row{background:color-mix(in srgb,var(--red-bg) 38%,var(--surface))}.service-name{display:flex;align-items:center;gap:10px;min-width:0}.service-name>span:last-child{min-width:0}.service-name b{display:block;font-size:10px;font-weight:620;overflow-wrap:anywhere}.service-name small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.service-glyph{width:26px;height:26px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:#72847a;font-size:13px;flex:none}.pill{display:inline-flex;align-items:center;gap:5px;width:max-content;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:600;white-space:nowrap}.pill i{font-style:normal;font-size:9px}.pill.healthy{background:var(--green-bg);color:var(--green)}.pill.warning{background:var(--amber-bg);color:var(--amber)}.pill.down{background:var(--red-bg);color:var(--red)}.muted{color:var(--muted)}.service-detail-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px}.back-link{display:inline-block;font-size:10px;color:var(--brand);margin:0 0 15px}.detail-title h1{font-size:22px;margin:0 0 4px;overflow-wrap:anywhere}.detail-title .subhead{font-size:11px}.large-glyph{width:38px;height:38px;font-size:17px}.detail-title .pill{margin-left:4px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;padding:15px}.detail-stats>div{padding:0 20px;border-right:1px solid var(--line)}.detail-stats>div:first-child{padding-left:4px}.detail-stats>div:last-child{border:0}.detail-stats small,.detail-stats span{display:block;font-size:10px;color:var(--muted)}.detail-stats b{display:block;font-size:19px;margin:6px 0 2px}.detail-stats span.down-text{color:var(--red)}.chart-card,.uptime-card{padding:17px 18px 12px;margin-bottom:14px}.chart-head{align-items:flex-start}.chart-legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.chart-legend i{width:8px;height:8px;border-radius:50%;background:#4b9877}.chart-wrap{height:230px;margin-top:13px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-wrap text{font:9px sans-serif;fill:#8a948e}.gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.chart-fill{fill:url(#fill)}.chart-line{fill:none;stroke:#4f9277;stroke-width:2}.chart-end{fill:#c85c54;stroke:var(--surface);stroke-width:2}.uptime-value{text-align:right}.uptime-value b{display:block;font-size:15px}.uptime-value small{color:var(--muted);font-size:9px}.uptime-bars{height:28px;display:grid;grid-template-columns:repeat(90,minmax(1px,1fr));gap:2px;margin-top:18px}.uptime-bars i{display:block;background:#5da37c;border-radius:2px}.uptime-bars i.partial{background:#d7a343}.uptime-bars i.outage{background:#cd5b56}.uptime-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:7px}.uptime-key{display:flex;gap:14px;justify-content:flex-end;color:var(--muted);font-size:9px;margin-top:12px}.uptime-key span{display:flex;gap:5px;align-items:center}.uptime-key i{width:7px;height:7px}.lower-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:16px}.panel{padding:16px}.panel-heading{margin-bottom:13px}.panel-heading h2{margin:0 0 3px}.incident-mini{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.incident-mini>div{min-width:0}.incident-mini b{display:block;font-size:10px}.incident-mini small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.incident-mini .pill{margin-left:auto}.incident-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-style:normal;font-size:12px;flex:none}.open-mark{background:var(--red-bg);color:var(--red)}.warning-mark{background:var(--amber-bg);color:var(--amber)}.resolved-mark{background:var(--green-bg);color:var(--green)}.tec-label{color:#8170a3;background:#f0ecf7;border-radius:4px;font-size:8px;letter-spacing:.7px;font-weight:750;padding:4px 6px;display:inline-block;margin-bottom:5px}.tec-label:empty{display:none}.check-panel .panel-heading{align-items:flex-start}.setting-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.setting-line b{color:var(--text);font-weight:550;text-align:right}.full-width{width:100%;margin-top:13px}.tabs,.settings-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:17px}.tab,.setting-tab{border:0;background:none;padding:11px 2px;color:var(--muted);font-size:11px;cursor:pointer;border-bottom:2px solid transparent}.tab.active,.setting-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}.tab span{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:2px 6px;margin-left:4px;font-size:9px}.incident-card{margin-bottom:13px;padding:16px 18px}.incident-header{display:flex;justify-content:space-between;align-items:flex-start}.incident-title{display:flex;gap:10px;align-items:center}.incident-title h2{font-size:13px;margin:0 0 3px}.incident-title p{color:var(--muted);font-size:10px;margin:0}.incident-title p a{color:var(--brand)}.incident-summary{display:flex;gap:38px;margin:17px 0 4px 37px}.incident-summary span small{display:block;color:var(--muted);font-size:9px}.incident-summary span b{display:block;font-size:10px;font-weight:600;margin-top:3px}.timeline{margin:10px 0 0 37px;border-left:1px solid var(--line);padding:0 0 0 17px}.timeline-event{position:relative;display:grid;grid-template-columns:70px 1fr;gap:8px;padding:7px 0}.timeline-dot{position:absolute;left:-21px;top:11px;width:7px;height:7px;border:1px solid var(--surface);box-shadow:0 0 0 1px currentColor}.timeline-event time{font-size:9px;color:var(--muted)}.timeline-event b{display:block;font-size:10px}.timeline-event small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.incident-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:13px -18px -16px;padding:11px 18px;color:var(--muted);font-size:9px}.incident-foot b{color:var(--text);font-weight:550}.text-button{border:0;background:none;color:var(--brand);font-size:10px;font-weight:600;cursor:pointer}.dns-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px}.count-badge{border-radius:10px;background:var(--surface-2);padding:2px 7px;color:var(--muted);font-size:9px}.searchbox{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:5px 8px;display:flex;gap:6px;align-items:center}.searchbox input{border:0;outline:0;background:transparent;width:130px;color:var(--text);font-size:10px}.dns-head,.dns-row{display:grid;grid-template-columns:.55fr 1fr 2fr .5fr .6fr .8fr 25px;align-items:center;gap:10px;padding:11px 15px;font-size:10px;border-bottom:1px solid var(--line)}.dns-head{background:var(--surface-2);color:#89938d;font-size:9px}.dns-row button{border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer}.dns-row>b{font-size:9px;background:var(--surface-2);border:1px solid var(--line);padding:3px 5px;border-radius:4px;width:max-content}.locked{font-size:9px;color:#85827a;white-space:nowrap}.editable{color:var(--green);font-size:9px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-foot{padding:10px 15px;color:var(--muted);font-size:9px;display:flex;justify-content:space-between}.audit-panel{margin-top:15px}.audit-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.audit-avatar{width:27px;height:27px;border-radius:50%;background:#fff1e7;color:#9c6540;display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.audit-avatar.teal{background:var(--brand-soft);color:var(--brand)}.audit-row>div{min-width:0}.audit-row b{display:block;font-size:10px;font-weight:600}.audit-row b span{font-weight:450}.audit-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.audit-row .text-button,.audit-row>.locked{margin-left:auto}.audit-row .text-button{white-space:nowrap}.settings-tabs{margin-top:10px}.settings-panel{padding:17px 18px;margin-bottom:15px}.user-table{width:100%}.user-head,.user-row{display:grid;grid-template-columns:2fr 1.3fr 1.2fr 1.2fr 25px;gap:10px;align-items:center;padding:10px 6px;border-top:1px solid var(--line);font-size:10px}.user-head{background:var(--surface-2);color:#89938d;font-size:9px;padding:9px 6px;border:0}.user-cell{display:flex;align-items:center;gap:9px;min-width:0}.person-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.person-avatar.purple{background:#eee9f7;color:#6e6090}.person-avatar.coral{background:#faeae5;color:#a15f50}.person-avatar.blue{background:#e6eff8;color:#52759b}.person-avatar.green{background:#e5f2e9;color:#4f8062}.user-cell b{display:block;font-size:10px;white-space:nowrap}.user-cell small{display:block;color:var(--muted);font-size:9px}.role-chip{width:max-content;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-size:9px;color:#56615b}.role-chip.admin{color:#695987;background:#f1eef7;border-color:#e8e2f1}.panel-note{border-top:1px solid var(--line);padding-top:11px;color:var(--muted);font-size:9px;margin-top:2px}.alert-settings .panel-heading{margin-bottom:5px}.contact-row{display:flex;align-items:center;gap:11px;padding:13px 2px;border-top:1px solid var(--line)}.channel-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:8px;flex:none}.email-icon{color:#9b6b47;background:#fbf0e7}.telegram-icon{color:#4d7c9d;background:#eaf2f7}.contact-main{min-width:142px}.contact-main b{display:block;font-size:10px}.contact-main small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.contact-destination{margin-left:auto;font-size:10px}.contact-destination small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.enabled{display:flex;align-items:center;gap:7px;color:var(--green);font-size:9px;white-space:nowrap}.enabled i{width:6px;height:6px;box-shadow:none}.alert-policy{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:3px;padding:12px 0 1px}.alert-policy .status-icon{background:#eaf1f8;color:#587697}.alert-policy b{display:block;font-size:10px}.alert-policy small{display:block;color:var(--muted);font-size:9px}.alert-policy .tec-label{margin:0 0 0 auto}.settings-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.settings-bottom b,.settings-bottom small{display:block}.settings-bottom b{font-size:11px}.settings-bottom small{font-size:9px;color:var(--muted);margin-top:4px}dialog{border:0;border-radius:12px;padding:0;max-width:calc(100% - 28px);width:430px;color:var(--text);background:var(--surface);box-shadow:0 20px 70px #0003}dialog::backdrop{background:#10191488;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-card{padding:25px;position:relative}.dialog-card h2{font-size:20px;margin:0 0 6px}.dialog-card>.subhead{font-size:11px;margin-bottom:19px}.dialog-close{position:absolute;right:17px;top:14px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.dialog-card label{display:block;font-size:10px;font-weight:600;margin:12px 0}.dialog-card input,.dialog-card select{display:block;width:100%;padding:9px 10px;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.preview-record{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:13px;display:grid;gap:6px}.preview-record small,.preview-record span{color:var(--muted);font-size:9px}.preview-record b{font-size:12px}.preview-record code{font:11px ui-monospace,monospace;color:var(--brand);overflow-wrap:anywhere}.preview-note{color:var(--muted);font-size:10px;margin:13px 0 0}.public-body{min-height:100vh;background:var(--bg)}.public-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 950px)/2),24px);background:var(--surface);border-bottom:1px solid var(--line)}.public-header .brand{font-size:13px}.public-header .brand-mark{height:30px;width:30px;border-radius:9px;font-size:16px}.public-label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.public-main{max-width:760px;margin:48px auto;padding:0 20px}.public-client{display:flex;align-items:center;gap:13px;margin-bottom:22px}.public-client h1{font-size:22px;margin:0 0 3px}.public-client p{font-size:11px;color:var(--muted);margin:0}.public-banner{display:flex;align-items:center;gap:10px;padding:15px;background:var(--red-bg);color:var(--red);border:1px solid #f2ddda;border-radius:9px;margin-bottom:15px}.public-banner>div{flex:1}.public-banner b{display:block;font-size:11px}.public-banner small{display:block;font-size:10px;margin-top:3px}.public-banner time{font-size:9px;white-space:nowrap}.public-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:17px 19px;margin-bottom:14px}.public-card-head{margin-bottom:10px}.public-service{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.public-state{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700}.public-state.healthy{background:var(--green-bg);color:var(--green)}.public-state.issue-state{background:var(--red-bg);color:var(--red)}.public-service b,.public-update b{display:block;font-size:11px}.public-service small,.public-update small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.public-status-word{font-size:10px;font-weight:600}.public-update{display:grid;grid-template-columns:25px 1fr auto;align-items:start;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.public-update p{font-size:10px;color:var(--muted);margin:6px 0 0}.public-update time{font-size:9px;color:var(--muted)}.public-foot{text-align:center;color:var(--muted);font-size:9px;margin:24px 0}.public-foot b{color:var(--text)}body.client-mode .tec-only{display:none!important}body.client-mode .sidebar-bottom{opacity:.75}body.client-mode .view-switch{color:var(--brand)}.client-mode-notice{position:fixed;z-index:9;bottom:15px;left:50%;transform:translate(-50%);border-radius:7px;background:#20372c;color:#fff;padding:9px 14px;font-size:10px;box-shadow:0 5px 20px #0002;white-space:nowrap}@media(prefers-color-scheme:dark){:root{--bg:#151a18;--surface:#1d2421;--surface-2:#222a26;--line:#303a35;--text:#e4ebe7;--muted:#9ba7a0;--brand:#7fc4a0;--brand-soft:#243b30;--green:#87c69e;--green-bg:#233b2d;--amber:#e4b55f;--amber-bg:#3b3221;--red:#e88b84;--red-bg:#3e2928;--blue:#91b6d9;--shadow:0 2px 8px rgba(0,0,0,.12)}.side-nav a{color:#aab5ae}.side-nav a.active{color:var(--brand)}.nav-count{background:#432d2b}.client-logo.matrix{background:#2d4036;color:#b7d7c3}.client-logo.sample{background:#47392b;color:#e1be92}.client-logo.estate{background:#30364d;color:#b5c1ef}.health-banner.issue{background:#392827}.health-banner.healthy{background:#25392d}.issue .status-icon{background:#573533}.healthy .status-icon{background:#335441}.info .status-icon{background:#2d3b48}.notice.info{background:#263541;color:#a8c8e5}.tec-label{background:#383245;color:#c0addf}.person-avatar.purple{background:#393247;color:#cfbfe8}.person-avatar.coral{background:#49312e;color:#e5aca0}.person-avatar.blue{background:#2b3a49;color:#b0d0ee}.person-avatar.green{background:#2b3e32;color:#a6d5b3}.role-chip.admin{background:#342e40;border-color:#423a50;color:#d2c4ea}.email-icon{background:#44362c}.telegram-icon{background:#2d3a42}.public-banner{border-color:#573533}.chart-wrap text{fill:#9ba7a0}.chart-end{stroke:var(--surface)}}@media(max-width:1100px){.content{padding:29px 26px}.topbar{padding:0 26px}.sidebar{width:218px}.main{margin-left:218px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.estate-card{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-head,.service-row{grid-template-columns:minmax(200px,2fr) 1fr 1fr 1fr 1fr}.lower-grid{grid-template-columns:1fr}.check-panel{max-width:none}}@media(max-width:760px){.sidebar{display:none}.main{margin-left:0}.topbar{height:57px;padding:0 16px}.mobile-menu{display:none}.crumb{font-size:11px}.top-actions{gap:12px}.live{font-size:0}.live i{width:8px;height:8px}.view-switch{gap:6px;font-size:10px}.avatar{display:none}.content{padding:24px 15px}.welcome-row{align-items:flex-start;gap:12px}.welcome-row h1{font-size:23px}.welcome-row>.button{padding:8px 10px;font-size:10px}.metric-grid{gap:9px;margin-bottom:27px}.metric-card{padding:12px}.metric-top{font-size:9px}.metric-card>strong{font-size:22px}.metric-card>small{font-size:9px}.client-grid{grid-template-columns:1fr;gap:10px}.client-card{padding:14px 14px 0}.card-foot{margin:0 -14px;padding:10px 14px}.client-title{gap:11px;align-items:flex-start}.client-title .large{width:40px;height:40px}.client-title h1{font-size:22px}.client-title .subhead{font-size:10px}.right-button{font-size:0;padding:8px;margin-left:auto}.right-button:after{content:"↗";font-size:14px}.inline-stats{gap:12px;flex-wrap:wrap;font-size:9px}.inline-stats .updated{width:100%;margin:0}.service-table{overflow:visible;border:0;background:none;display:grid;gap:7px}.table-head{display:none}.service-row{grid-template-columns:1fr auto;gap:6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px}.service-row .service-name{grid-column:1;grid-row:1/3}.service-row>.pill{grid-column:2;grid-row:1}.service-row>span:nth-child(3),.service-row>span:nth-child(4),.service-row>span:nth-child(5){font-size:9px}.service-row>span:nth-child(3){grid-column:1;grid-row:3;padding-left:36px}.service-row>span:nth-child(4){grid-column:2;grid-row:3;text-align:right}.service-row>span:nth-child(5){grid-column:2;grid-row:4;text-align:right}.service-row{min-height:unset}.service-group{margin-top:20px}.notice{align-items:flex-start}.notice>a{align-self:center}.service-detail-head{align-items:flex-start}.service-detail-head>.button{font-size:0}.service-detail-head>.button span{font-size:0}.detail-title{flex-wrap:wrap;gap:9px}.detail-title h1{font-size:17px}.detail-title .subhead{font-size:10px}.detail-title .pill{margin-left:47px}.detail-stats{padding:12px 8px}.detail-stats>div{padding:0 9px}.detail-stats small{font-size:8px}.detail-stats b{font-size:16px}.detail-stats span{font-size:8px}.chart-card,.uptime-card{padding:13px 11px}.chart-wrap{height:185px}.uptime-bars{gap:1px;height:22px}.uptime-key{justify-content:flex-start;gap:10px;font-size:8px}.incident-summary{margin-left:0;gap:12px;flex-wrap:wrap}.incident-summary span{min-width:100px}.timeline{margin-left:4px}.incident-foot{align-items:flex-start;gap:8px}.incident-foot>span{max-width:75%}.incident-card{padding:13px}.incident-foot{margin:12px -13px -13px;padding:10px 13px}.incident-title h2{font-size:12px}.incident-header>.pill{font-size:8px}.dns-head{display:none}.dns-row{grid-template-columns:42px 1fr auto;gap:5px;padding:10px 11px;font-size:9px}.dns-row>b{grid-column:1;grid-row:1}.dns-row>span:nth-child(2){grid-column:2;grid-row:1;font-weight:650}.dns-row>span:nth-child(3){grid-column:2/4;grid-row:2}.dns-row>span:nth-child(4){display:none}.dns-row>span:nth-child(5){grid-column:1/3;grid-row:3}.dns-row>button{grid-column:3;grid-row:1}.table-foot{gap:8px;flex-wrap:wrap}.searchbox input{width:90px}.user-head{display:none}.user-row{grid-template-columns:1fr auto;gap:7px;padding:12px 5px}.user-row>span:nth-child(2){grid-column:1;padding-left:38px;font-size:9px}.user-row>span:nth-child(3){grid-column:2;grid-row:1}.user-row>span:nth-child(4){grid-column:1;padding-left:38px;font-size:9px}.user-row>button{grid-column:2;grid-row:2}.settings-panel{padding:13px}.panel-heading{gap:8px}.panel-heading h2{font-size:13px}.settings-tabs{gap:16px}.setting-tab{font-size:10px}.contact-row{flex-wrap:wrap;gap:8px}.contact-main{flex:1}.contact-destination{margin-left:38px;min-width:55%}.enabled{margin-left:auto}.contact-row>button{margin-left:auto}.alert-policy .tec-label{display:none}.public-header{padding:0 17px}.public-main{margin:29px auto;padding:0 13px}.public-banner{flex-wrap:wrap}.public-banner time{width:100%;padding-left:27px}.public-card{padding:14px}.public-card-head .live{font-size:0}.public-status-word{font-size:9px}.public-update{grid-template-columns:25px 1fr}.public-update time{grid-column:2}.client-mode-notice{width:max-content;max-width:calc(100% - 24px);text-align:center;white-space:normal}}@media(max-width:390px){.topbar{padding:0 11px}.top-actions{gap:9px}.view-switch{font-size:9px}.content{padding-left:11px;padding-right:11px}.metric-card{padding:10px}.metric-top,.health-counts small{font-size:8px}.health-banner>span:last-child{font-size:9px}.inline-stats{gap:8px}.detail-stats>div{padding:0 6px}.detail-stats b{font-size:14px}}[hidden]{display:none!important}@media(max-width:760px){.service-row{grid-template-columns:minmax(0,1fr) auto;min-width:0}.service-row .service-name{grid-column:1;grid-row:1;align-self:start}.service-row>.pill{grid-column:2;grid-row:1;align-self:start}.service-row>span:nth-child(3),.service-row>span:nth-child(4),.service-row>span:nth-child(5){grid-row:auto;grid-column:auto;text-align:left;padding-left:0;min-width:0}.service-row>span:nth-child(3){grid-column:1;grid-row:2}.service-row>span:nth-child(4){grid-column:2;grid-row:2;text-align:right}.service-row>span:nth-child(5){grid-column:1/3;grid-row:3}.service-row>span:nth-child(3){font-size:0}.service-row>span:nth-child(3):before{content:attr(data-mobile-label);font-size:9px;color:var(--muted)}.service-row>span:nth-child(4):before{content:"Response  ";color:var(--muted)}.service-row>span:nth-child(5):before{content:"Last checked  ";color:var(--muted)}.service-name b{overflow-wrap:anywhere}.dns-head{display:none}.dns-row{grid-template-columns:42px minmax(0,1fr) auto;min-width:0}.dns-row>span:nth-child(3){overflow-wrap:anywhere;white-space:normal}.dns-row>span:nth-child(4){display:block;grid-column:2;grid-row:3}.dns-row>span:nth-child(4):before{content:"Port ";color:var(--muted)}.dns-row>span:nth-child(5){display:none}.dns-row>span:nth-child(6){grid-column:1/3;grid-row:4}.dns-row>button{grid-column:3;grid-row:1}.table-foot>span{min-width:0;overflow-wrap:anywhere}}@media(max-width:390px){.service-row{padding:9px;gap:7px}.service-row .service-name{gap:7px}.service-row .service-name b{font-size:9px}.service-row>.pill{font-size:8px;padding:4px 6px}.service-row>span:nth-child(3){font-size:0}.service-row>span:nth-child(3):before{font-size:9px}.service-row>span:nth-child(4),.service-row>span:nth-child(5){font-size:9px}.dns-row{padding:9px 8px}.welcome-row{flex-wrap:wrap}.client-title{min-width:0}.client-title>div:nth-child(2){min-width:0}.right-button{flex:none}}.asset-form{display:flex;align-items:end;gap:11px;flex-wrap:wrap}.asset-form label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:600;min-width:150px;flex:1}.asset-form input,.asset-form select,.top-actions select{padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}.empty{padding:32px;text-align:center}.empty p{color:var(--muted)}.incident-card{padding:18px;margin:0 0 12px}.incident-summary{display:flex;gap:26px;flex-wrap:wrap;margin:18px 0}.incident-summary span{display:grid;gap:4px}.incident-summary small{color:var(--muted)}.incident-summary b{font-size:11px}.tabs{display:flex;gap:18px;margin-bottom:14px}.tab{font-size:11px;color:var(--muted)}.tab.active{color:var(--brand);font-weight:700}.tab b{margin-left:5px}.top-actions select{max-width:180px;padding:7px;font-size:11px}.back-link{display:inline-block;color:var(--brand);font-size:11px;margin-bottom:14px}.large-glyph{width:42px;height:42px}.detail-title{display:flex;align-items:center;gap:12px}.detail-title h1{margin:0 0 4px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.detail-stats>div{display:grid;gap:5px}.detail-stats small,.detail-stats span{color:var(--muted);font-size:10px}.detail-stats b{font-size:17px}.service-row{cursor:pointer}.notice.info{font-size:11px}.notice.success{font-size:11px;background:var(--green-bg);color:var(--green)}.expiry-line{display:block;color:var(--amber);margin-top:3px;white-space:normal}.expiry-summary{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;margin:12px 0}.expiry-summary span{color:var(--muted);font-size:11px}.history-panel{padding:18px;margin:12px 0}.history-empty{padding:22px 8px;text-align:center}.history-empty p,.history-entry small{color:var(--muted)}.history-chart-wrap{width:100%;min-width:0}.history-chart{display:block;width:100%;height:auto;overflow:visible}.history-chart line{stroke:var(--line);stroke-dasharray:3 4}.history-chart polyline{fill:none;stroke:var(--brand);stroke-width:2}.history-chart circle{stroke:var(--surface);stroke-width:2}.history-chart .point-ok{fill:var(--green)}.history-chart .point-failed{fill:var(--red)}.history-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:10px;padding:0 4px 12px}.history-legend span{display:flex;align-items:center;gap:5px}.history-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.history-list{border-top:1px solid var(--line)}.history-entry{display:grid;grid-template-columns:8px 75px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 3px;border-bottom:1px solid var(--line);font-size:10px}.history-entry small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry time{color:var(--muted);font-size:9px}.history-entry .green-dot,.history-entry .red-dot{width:7px;height:7px;border-radius:50%}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 2px;border-bottom:1px solid var(--line);font-size:11px}.contact-main{display:grid;gap:3px;min-width:0}.contact-main small{color:var(--muted);overflow-wrap:anywhere}.enabled{color:var(--green);font-size:10px;white-space:nowrap}@media(max-width:760px){.detail-stats{grid-template-columns:1fr}.asset-form{align-items:stretch}.asset-form label{min-width:100%}.top-actions select{max-width:135px}.detail-title{flex-wrap:wrap}.incident-summary{gap:12px}.incident-summary span{min-width:46%}}@media(max-width:390px){.history-panel{padding:13px}.history-entry{grid-template-columns:8px 62px minmax(0,1fr);gap:6px}.history-entry time{grid-column:3}.history-legend{gap:8px;font-size:9px}.expiry-summary{padding:12px;flex-direction:column;gap:5px}}.role-select,.asset-form select{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:11px}.user-row{min-width:0}.user-identity{display:grid;gap:3px;min-width:0;flex:1}.user-identity b,.user-identity small{overflow-wrap:anywhere}.user-identity small{color:var(--muted)}.role-label{font-size:10px;color:var(--muted);white-space:nowrap}.mobile-nav{display:none}@media(max-width:760px){html,body,#root,.app-shell,.main{max-width:100%;min-width:0;overflow-x:clip}.topbar{gap:8px;justify-content:flex-end;min-width:0;padding-inline:12px}.crumb,.top-actions>a{display:none}.top-actions{gap:7px;max-width:100%;min-width:0;overflow:hidden}.top-actions select{width:clamp(88px,34vw,130px);max-width:130px;min-width:0;flex:0 1 130px;padding:7px 5px;font-size:10px}.top-actions .live{display:none}.content{padding-bottom:88px}.mobile-nav{position:fixed;z-index:8;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px max(6px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -3px 14px #0000000b}.mobile-nav a{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:7px;color:var(--muted);font-size:9px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav a span{font-size:14px}.mobile-nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px;padding:12px 0}.user-identity{grid-column:1/-1}.role-select,.user-row>.button{min-width:0}.role-select{max-width:100%;font-size:11px}}@media(max-width:390px){.topbar{padding-inline:9px}.top-actions{gap:5px}.top-actions select{width:clamp(82px,35vw,126px);padding-inline:4px;font-size:9px}.user-row{grid-template-columns:minmax(0,1fr);gap:8px}.user-identity{grid-column:1}.user-row .role-select,.user-row>.button,.user-row>.role-label{grid-column:1;justify-self:start}.user-row>.button{min-height:34px}.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-inline:4px}.mobile-nav a{font-size:8px}}