:root{--sl-primary:#5b5cf0;--sl-primary-dark:#4648db;--sl-primary-soft:#eef0ff;--sl-ink:#111827;--sl-muted:#667085;--sl-border:#e7eaf0;--sl-success:#12b76a;--sl-danger:#f04438;--sl-warning:#f79009;--sl-shadow:0 12px 40px rgba(15,23,42,.06)}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sl-ink);background:#f7f8fc}a{color:var(--sl-primary);text-decoration:none}a:hover{color:var(--sl-primary-dark)}
.app-navbar{background:linear-gradient(125deg,#101625,#19233a 62%,#202a49);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(15,23,42,.1)}.navbar-brand{letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b6dfb,#4d50e4);color:#fff;box-shadow:0 8px 18px rgba(91,92,240,.3)}.brand-accent{color:#9698ff}.dashboard-nav{gap:2px}.dashboard-nav .nav-link{display:flex;align-items:center;gap:8px;padding:.64rem .7rem!important;color:rgba(255,255,255,.68)!important;border-radius:10px;font-weight:650;font-size:.86rem}.dashboard-nav .nav-link:hover,.dashboard-nav .nav-link.active{color:#fff!important;background:rgba(255,255,255,.08)}.nav-alert-button{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.nav-alert-button:hover{background:rgba(255,255,255,.08);color:#fff}.nav-alert-count{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:999px;background:#f04438;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #18223b}.user-chip{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#fff;padding:3px 6px;border-radius:12px}.user-chip:after{border-top-color:rgba(255,255,255,.5)}.user-chip:hover{background:rgba(255,255,255,.08)}.user-avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#8b7cf8,#4e61df);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.user-chip strong,.user-chip small{display:block;line-height:1.12}.user-chip strong{font-size:.8rem}.user-chip small{font-size:.67rem;color:rgba(255,255,255,.58);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-main{min-height:calc(100vh - 72px)}.dashboard-shell{max-width:1700px;margin:0 auto}.dashboard-hero{padding:30px 0 12px}.dashboard-kicker{font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--sl-primary)}.dashboard-title{font-size:2rem;letter-spacing:-.045em;font-weight:820;margin:4px 0 7px}.dashboard-subtitle{color:var(--sl-muted);font-size:.95rem;margin:0}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:12px;font-weight:700}.btn-primary{background:var(--sl-primary);border-color:var(--sl-primary)}.btn-primary:hover{background:var(--sl-primary-dark);border-color:var(--sl-primary-dark)}.btn-soft{background:#fff;border:1px solid var(--sl-border);color:#344054}.btn-soft:hover{background:#f9fafb;color:#1d2939}
.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--sl-border);border-radius:18px;box-shadow:var(--sl-shadow);padding:18px;min-height:136px}.stat-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stat-label{color:var(--sl-muted);font-size:.78rem;font-weight:700}.stat-icon{width:39px;height:39px;border-radius:12px;background:var(--sl-primary-soft);color:var(--sl-primary);display:flex;align-items:center;justify-content:center}.stat-icon.success{background:#ecfdf3;color:#027a48}.stat-icon.warning{background:#fffaeb;color:#b54708}.stat-icon.danger{background:#fef3f2;color:#b42318}.stat-value{font-size:1.9rem;font-weight:850;letter-spacing:-.05em;margin-top:15px}.stat-meta{font-size:.72rem;color:#98a2b3;margin-top:2px}.trend-up{color:#027a48}.trend-down{color:#b42318}.trend-flat{color:#667085}
.health-panel,.panel-card{background:#fff;border:1px solid var(--sl-border);border-radius:18px;box-shadow:var(--sl-shadow)}.panel-head{padding:18px 20px;border-bottom:1px solid var(--sl-border);display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-title{font-size:.95rem;font-weight:800;margin:0}.panel-subtitle{display:block;color:#98a2b3;font-size:.72rem;margin-top:3px}.panel-body{padding:20px}.health-panel{padding:18px 20px}.health-summary{display:flex;align-items:center;gap:16px}.health-ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#12b76a var(--health-angle),#e9edf3 0);position:relative;flex:0 0 auto}.health-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.health-ring strong{position:relative;z-index:1;font-size:1rem}.health-copy strong{font-size:.9rem}.health-copy p{margin:4px 0 0;color:var(--sl-muted);font-size:.77rem}.health-bars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:17px}.health-bar{padding:12px;border:1px solid var(--sl-border);border-radius:13px;background:#fafbfc}.health-bar-top{display:flex;justify-content:space-between;font-size:.72rem;color:#667085;margin-bottom:7px}.progress-thin{height:6px;background:#eef1f5}.progress-thin .progress-bar{border-radius:999px}
.chart-card{min-height:365px}.chart-wrap{height:280px;position:relative}.chart-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#98a2b3}.chart-legend{display:flex;gap:20px;font-size:.72rem;color:#667085}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.legend-dot.response{background:#5b5cf0}
.table-card{overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--sl-border)}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{border:1px solid var(--sl-border);background:#fff;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:750;color:#667085}.filter-pill.active{background:#f0f1ff;border-color:#d7d7ff;color:var(--sl-primary)}.search-box{position:relative;min-width:250px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#98a2b3}.search-box input{height:38px;padding-left:35px;border:1px solid var(--sl-border);border-radius:10px;font-size:.82rem}.monitor-table thead th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;border-bottom:1px solid var(--sl-border);padding:13px 20px;white-space:nowrap}.monitor-table tbody td{padding:15px 20px;border-bottom:1px solid #f0f2f5;vertical-align:middle}.monitor-row:last-child td{border-bottom:0}.monitor-name{font-weight:800;font-size:.84rem}.monitor-target{font-size:.7rem;color:#98a2b3;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--sl-border);border-radius:999px;background:#f8f9fc;color:#475467;font-size:.68rem;font-weight:800;white-space:nowrap}.type-pill i{color:var(--sl-primary)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:850;padding:6px 9px;border-radius:999px;white-space:nowrap}.status-badge span{width:6px;height:6px;border-radius:50%}.status-badge.up{background:#ecfdf3;color:#027a48}.status-badge.up span{background:#12b76a}.status-badge.down{background:#fef3f2;color:#b42318}.status-badge.down span{background:#f04438}.status-badge.unknown{background:#f2f4f7;color:#475467}.status-badge.unknown span{background:#98a2b3}.mini-uptime{display:flex;gap:2px;align-items:flex-end;height:22px}.mini-uptime span{width:4px;height:15px;border-radius:2px;background:#e9edf2}.mini-uptime span.up{background:#39c889}.mini-uptime span.down{background:#f47c71}.mini-uptime span.unknown{background:#d9dee7}
.two-col{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.expiry-list{display:grid}.expiry-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #f0f2f5}.expiry-item:last-child{border-bottom:0}.expiry-domain{font-weight:800;font-size:.8rem}.expiry-date{font-size:.69rem;color:#98a2b3;margin-top:3px}.expiry-days{font-size:.78rem;font-weight:850;text-align:right}.expiry-days.good{color:#027a48}.expiry-days.warn{color:#b54708}.expiry-days.danger{color:#b42318}.incident-list{display:grid}.incident-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid #f0f2f5}.incident-item:last-child{border-bottom:0}.incident-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fef3f2;color:#b42318;flex:0 0 auto}.incident-icon.resolved{background:#ecfdf3;color:#027a48}.incident-name{font-size:.8rem;font-weight:800}.incident-meta{font-size:.68rem;color:#98a2b3;margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action{padding:14px;border:1px solid var(--sl-border);border-radius:14px;color:#344054;background:#fff;display:flex;align-items:center;gap:11px;transition:.18s ease}.quick-action:hover{border-color:#ccd0ff;background:#fafaff;transform:translateY(-1px);color:#2f31b8}.quick-action i{width:36px;height:36px;border-radius:11px;background:var(--sl-primary-soft);display:flex;align-items:center;justify-content:center;color:var(--sl-primary)}.quick-action strong{display:block;font-size:.76rem}.quick-action span{display:block;font-size:.66rem;color:#98a2b3;margin-top:2px}.empty-state{padding:38px 20px;text-align:center}.empty-state-icon{width:62px;height:62px;border-radius:18px;background:var(--sl-primary-soft);color:var(--sl-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:1.35rem}.empty-state h5{font-size:.98rem;font-weight:850}.empty-state p{font-size:.76rem;color:#98a2b3;max-width:430px;margin:0 auto 18px}.onboarding-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.onboarding-step{padding:14px;border:1px dashed #cfd4df;border-radius:14px;background:#fcfcfd}.onboarding-step strong{display:block;font-size:.75rem}.onboarding-step span{display:block;color:#98a2b3;font-size:.65rem;margin-top:3px}
.public-header{background:rgba(255,255,255,.88);backdrop-filter:blur(15px);border-bottom:1px solid #eef1f5;position:sticky;top:0;z-index:1030}.public-header-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.public-brand{display:flex;align-items:center;gap:10px;color:#111827;text-decoration:none;font-weight:850;letter-spacing:-.03em}.public-brand>span:last-child span{color:var(--sl-primary)}.public-brand-mark{width:38px;height:38px}.public-nav{align-items:center;gap:26px}.public-nav a{color:#475467;font-size:.83rem;font-weight:700}.public-nav a:hover{color:#111827}.public-signup{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:11px;background:#111827!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,24,39,.15)}.public-menu{border:1px solid var(--sl-border);background:#fff}.public-mobile-nav .offcanvas-body{display:grid;gap:13px;align-content:start}.public-mobile-nav .offcanvas-body a{color:#344054;font-weight:750;padding:9px 0}.mobile-signup{padding:12px 14px!important;border-radius:10px;background:#111827;color:#fff!important}
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(91,92,240,.26),transparent 27%),radial-gradient(circle at 12% 25%,rgba(25,167,206,.14),transparent 22%),#0f1524;color:#fff}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 92%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:86px 0 80px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:999px;color:#d8dcff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-title{font-size:clamp(2.7rem,6vw,5.1rem);line-height:.98;letter-spacing:-.065em;font-weight:900;max-width:850px;margin:22px 0 20px}.hero-title .gradient{background:linear-gradient(90deg,#fff,#a8afff 70%,#75e4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:690px;font-size:1.06rem;line-height:1.65;color:#aeb7cc}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-primary{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:12px;background:#fff;color:#111827;font-weight:800}.hero-primary:hover{background:#f0f2f5;color:#111827}.hero-secondary{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.04);font-weight:750}.hero-secondary:hover{background:rgba(255,255,255,.08);color:#fff}.hero-micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#95a0b8;font-size:.73rem}.hero-micro span{display:inline-flex;align-items:center;gap:7px}.hero-micro i{color:#66dca8}.hero-dashboard-wrap{position:relative;z-index:1;margin-top:28px}.hero-dashboard{border:1px solid rgba(255,255,255,.1);background:rgba(10,14,25,.76);box-shadow:0 35px 90px rgba(0,0,0,.38);border-radius:22px;overflow:hidden}.hero-dashboard-top{height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.window-dots{display:flex;gap:5px}.window-dots span{width:7px;height:7px;border-radius:50%;background:#5b6274}.hero-live{font-size:.65rem;font-weight:800;color:#7be1ad;display:flex;align-items:center;gap:7px}.hero-live i{font-size:.48rem}.hero-dashboard-body{display:grid;grid-template-columns:180px 1fr;min-height:315px}.hero-side{padding:18px 12px;border-right:1px solid rgba(255,255,255,.07)}.hero-side-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;color:#77839a;font-size:.66rem;font-weight:700}.hero-side-item.active{background:rgba(111,116,251,.13);color:#cdd0ff}.hero-main{padding:17px}.hero-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hero-mini-stat{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025)}.hero-mini-stat span{display:block;font-size:.56rem;color:#748198;text-transform:uppercase;letter-spacing:.08em}.hero-mini-stat strong{display:block;font-size:1.05rem;color:#fff;margin-top:7px}.hero-mini-stat small{font-size:.55rem;color:#62d9a2}.hero-chart{height:140px;margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.hero-list{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-list-item{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-list-item strong{font-size:.63rem;color:#dfe4ef}.hero-list-item span{font-size:.57rem;color:#6f7b91}.hero-status{color:#69dda8;font-size:.57rem;font-weight:800}.dark-section{background:#0f1524;color:#fff}.light-section{background:#fff}.section-pad{padding:82px 0}.section-kicker{color:var(--sl-primary);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850}.section-title{font-size:clamp(2rem,4vw,3.35rem);font-weight:900;letter-spacing:-.05em;line-height:1.04;margin:9px auto 13px}.section-copy{color:#667085;max-width:670px;font-size:.95rem;line-height:1.7;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.feature-card{padding:22px;border:1px solid var(--sl-border);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(16,24,40,.035);transition:.18s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(16,24,40,.07)}.feature-icon{width:42px;height:42px;border-radius:13px;background:var(--sl-primary-soft);color:var(--sl-primary);display:flex;align-items:center;justify-content:center}.feature-card h5{font-size:.9rem;font-weight:850;margin:17px 0 8px}.feature-card p{font-size:.74rem;line-height:1.65;color:#667085;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.step-card{padding:28px;border:1px solid var(--sl-border);border-radius:18px;background:linear-gradient(180deg,#fff,#fafbff)}.step-num{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:.74rem;font-weight:850}.step-card h5{font-size:.9rem;font-weight:850;margin:18px 0 8px}.step-card p{color:#667085;font-size:.74rem;line-height:1.65;margin:0}.coverage-band{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center}.coverage-card{border-radius:22px;padding:27px;background:#111827;color:#fff;position:relative;overflow:hidden}.coverage-card:after{content:"";position:absolute;inset:auto -50px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(91,92,240,.32),transparent 70%)}.coverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.coverage-item{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:10px}.coverage-item i{color:#a9adff}.coverage-item strong{font-size:.7rem}.coverage-item span{display:block;color:#7e8aa1;font-size:.59rem;margin-top:2px}.alert-feature{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.alert-channel{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04)}.alert-channel i{font-size:1.15rem;color:#a9adff}.alert-channel strong{display:block;font-size:.72rem;margin-top:12px}.alert-channel span{display:block;font-size:.6rem;color:#8893a8;margin-top:4px}.cta-section{padding:78px 0;background:linear-gradient(135deg,#171d31,#2f31b8);color:#fff}.cta-card{max-width:920px;margin:0 auto;text-align:center}.cta-card h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;letter-spacing:-.05em}.cta-card p{color:#bfc4db;max-width:650px;margin:13px auto 25px;font-size:.9rem;line-height:1.7}.footer-dark{background:#0b1020;color:#7f89a1;padding:30px 0;font-size:.7rem}.footer-dark a{color:#a7aec1}.footer-dark a:hover{color:#fff}.footer-brand{color:#fff;font-weight:850;font-size:.9rem}.footer-brand .brand-mark{width:28px;height:28px;border-radius:9px}
.auth-body .public-header,.auth-body footer{display:none!important}
@media(max-width:1280px){.stat-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-dashboard-body{grid-template-columns:150px 1fr}.dashboard-nav .nav-link{padding-left:.55rem!important;padding-right:.55rem!important}.coverage-band{grid-template-columns:1fr}.alert-feature{grid-template-columns:repeat(2,1fr)}}
@media(max-width:992px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.hero-dashboard-body{grid-template-columns:1fr}.hero-side{display:none}.hero-mini-stats{grid-template-columns:repeat(2,1fr)}.hero-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}
@media(max-width:767px){.dashboard-hero{padding-top:22px}.dashboard-title{font-size:1.65rem}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:120px;padding:15px}.stat-value{font-size:1.55rem}.health-bars{grid-template-columns:1fr}.table-toolbar{align-items:stretch}.search-box{min-width:100%}.monitor-target{max-width:190px}.onboarding-strip{grid-template-columns:1fr}.hero-content{padding:64px 0}.hero-title{font-size:2.8rem}.feature-grid{grid-template-columns:1fr}.alert-feature{grid-template-columns:1fr}.section-pad{padding:64px 0}}
@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}.hero-title{font-size:2.45rem}.hero-micro{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-mini-stats{grid-template-columns:1fr 1fr}.coverage-grid{grid-template-columns:1fr}}

/* Serverly360 1.6 Admin Center */
.admin-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-module{min-height:80px;padding:15px 16px;border:1px solid var(--sl-border);border-radius:16px;background:#fff;box-shadow:var(--sl-shadow);display:flex;align-items:center;gap:12px;color:#344054;transition:.18s ease}.admin-module:hover{transform:translateY(-1px);border-color:#ccd0ff;color:var(--sl-primary);box-shadow:0 14px 34px rgba(15,23,42,.08)}.admin-module-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--sl-primary-soft);color:var(--sl-primary);flex:0 0 auto}.admin-module-icon.success{background:#ecfdf3;color:#027a48}.admin-module-icon.danger{background:#fef3f2;color:#b42318}.admin-module strong{display:block;font-size:.78rem}.admin-module small{display:block;font-size:.64rem;color:#98a2b3;margin-top:3px}.audit-list{display:grid}.audit-item{display:flex;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid #f0f2f5}.audit-item:last-child{border-bottom:0}.audit-icon{width:33px;height:33px;border-radius:10px;background:#f0f1ff;color:var(--sl-primary);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.incident-inline-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f04438;margin-right:7px}.incident-inline-dot.resolved{background:#12b76a}
@media(max-width:1280px){.admin-link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-link-grid{grid-template-columns:1fr}}


/* Serverly360 Monitor 2.0 */
.monitor-type-option-v2{display:block;cursor:pointer}.monitor-type-content-v2{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--sl-border);border-radius:14px;background:#fff;transition:.16s ease}.monitor-type-option-v2:hover .monitor-type-content-v2{border-color:#bfc7ff;background:#fbfbff}.monitor-type-radio:checked + .monitor-type-content-v2{border-color:var(--sl-primary);box-shadow:0 0 0 3px rgba(91,92,240,.08);background:#fafaff}.monitor-type-icon-v2{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--sl-primary-soft);color:var(--sl-primary);flex:0 0 auto}.monitor-type-content-v2 strong{display:block;font-size:.78rem;font-weight:850}.monitor-type-content-v2 small{display:block;margin-top:4px;color:#7b8492;font-size:.62rem;line-height:1.35}.policy-cell{display:flex;flex-wrap:wrap;gap:5px}.policy-cell span{display:inline-flex;align-items:center;gap:5px;font-size:.61rem;color:#6b7280;border:1px solid #e7ebf0;background:#fafbfc;border-radius:999px;padding:4px 7px;white-space:nowrap}.policy-cell i{font-size:.58rem;color:var(--sl-primary)}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.tag-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#f0f1ff;color:#4f46e5;font-size:.58rem;font-weight:750}.incident-count-pill{margin-left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:#fff1f0;color:#b42318;font-size:.56rem;font-weight:800;vertical-align:middle}.policy-summary{display:flex;gap:8px;align-items:flex-start;padding:10px 11px;border-radius:10px;background:#f7f8fb;color:#667085;font-size:.64rem;line-height:1.5}.policy-summary i{color:var(--sl-primary);margin-top:2px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.policy-grid>div{border:1px solid #eceff3;border-radius:11px;padding:12px;background:#fafbfc}.policy-grid span{display:block;font-size:.6rem;color:#7c8490;text-transform:uppercase;letter-spacing:.06em}.policy-grid strong{display:block;font-size:.71rem;margin-top:5px;color:#344054;word-break:break-word}.monitor-form-page .panel-card{overflow:visible}.monitor-form-page .panel-head{background:#fff}.monitor-form-page .form-control,.monitor-form-page .form-select{min-height:44px}.monitor-form-page .form-control-lg{min-height:50px}.monitor-form-page .form-text{font-size:.68rem}.status-badge.unknown{background:#f2f4f7;color:#667085}.status-badge.up{background:#ecfdf3;color:#027a48}.status-badge.down{background:#fef3f2;color:#b42318}@media(max-width:1100px){.policy-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.policy-grid{grid-template-columns:1fr}.monitor-type-content-v2{padding:12px}}

/* Serverly360 authenticated application shell v1.7.2 */
body.app-body{background:#f5f7fb;color:#101828}
.app-body .s360-sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:#0d1424;color:#fff;z-index:1045;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}
.s360-sidebar-top{height:78px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.s360-sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.s360-sidebar-brand span:last-child{font-size:18px;letter-spacing:-.03em}.s360-sidebar-brand em{font-style:normal;color:#8b8dff}
.s360-logo-mark{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6f70ff,#5254e5);box-shadow:0 8px 18px rgba(82,84,229,.3)}
.s360-sidebar-close{border:0;background:transparent;color:#fff;font-size:21px}
.s360-workspace{padding:17px 15px 10px}.s360-workspace-label,.s360-nav-label{font-size:10px;letter-spacing:.14em;color:#69748a;font-weight:800}
.s360-workspace-switch{height:39px;margin-top:8px;border-radius:10px;background:#151e32;border:1px solid #23304a;display:flex;align-items:center;padding:0 11px;gap:9px;font-size:12px;font-weight:700}.s360-workspace-switch i{font-size:10px;color:#66738c}.s360-workspace-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.s360-sidebar-nav{padding:10px 12px;overflow:auto}.s360-nav-label{padding:15px 10px 7px}
.s360-nav-link{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:10px;color:#9ca8bc;text-decoration:none;font-size:13px;font-weight:650;margin:2px 0;transition:.15s ease}
.s360-nav-link i{width:17px;text-align:center;font-size:14px}.s360-nav-link:hover{background:#151f34;color:#fff}.s360-nav-link.active{background:linear-gradient(90deg,#242d49,#1a2440);color:#fff;box-shadow:inset 3px 0 0 #706ff7}.s360-nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#6e70f8;color:#fff;font-size:10px;display:inline-flex;justify-content:center;align-items:center;padding:0 5px}.s360-nav-badge.danger{background:#ef4444}
.s360-sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.06)}.s360-help-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#131c2d;color:#e7ebf2;text-decoration:none;margin-bottom:10px}.s360-help-card:hover{background:#182339}.s360-help-icon{width:31px;height:31px;border-radius:9px;background:#232e48;display:grid;place-items:center;color:#9393ff}.s360-help-card strong,.s360-help-card small{display:block}.s360-help-card strong{font-size:12px}.s360-help-card small{font-size:10px;color:#8692a8;margin-top:2px}
.s360-sidebar-user{display:flex;align-items:center;gap:9px;padding:9px 4px}.s360-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7d73ff,#4f5ee1);color:#fff;font-size:13px;font-weight:800;flex:0 0 auto}.s360-user-copy{min-width:0;flex:1}.s360-user-copy strong,.s360-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s360-user-copy strong{font-size:12px}.s360-user-copy small{font-size:10px;color:#77849a;margin-top:2px}.s360-logout{color:#7e899d;text-decoration:none;padding:7px}.s360-logout:hover{color:#fff}
.s360-sidebar-overlay{display:none}
.s360-topbar{position:fixed;left:252px;right:0;top:0;height:72px;background:#fff;border-bottom:1px solid #e8ebf0;z-index:1035;display:flex;justify-content:space-between;align-items:center;padding:0 28px}
.s360-topbar-left{display:flex;align-items:center;gap:14px}.s360-topbar-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#8b93a2}.s360-topbar-title{font-size:15px;font-weight:800;line-height:1.1}.s360-sidebar-toggle{border:0;background:#f3f5f8;width:38px;height:38px;border-radius:10px}
.s360-topbar-actions{display:flex;align-items:center;gap:11px}.s360-top-action{height:39px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750}.s360-top-action-primary{color:#fff;background:#5b5cf0}.s360-top-icon{position:relative;width:39px;height:39px;border:1px solid #e6e9ee;border-radius:10px;display:grid;place-items:center;color:#667085;text-decoration:none}.s360-top-icon b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}
.s360-top-user{display:flex;align-items:center;gap:9px;margin-left:2px}.s360-top-user strong,.s360-top-user small{display:block}.s360-top-user strong{font-size:12px}.s360-top-user small{font-size:10px;color:#98a2b3;margin-top:2px}
.s360-flash-area{position:fixed;z-index:1050;top:82px;right:24px;width:min(440px,calc(100vw - 32px))}
.s360-main{margin-left:252px;padding-top:72px;min-height:100vh}.s360-content{max-width:1680px;margin:0 auto;padding:28px 30px 42px}
.s360-dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.s360-dashboard-hero h1{font-size:29px;line-height:1.05;letter-spacing:-.045em;font-weight:850;margin:6px 0 7px}.s360-dashboard-hero p{margin:0;color:#667085;font-size:13px}.s360-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#5b5cf0}.s360-eyebrow i{margin-right:5px}.s360-hero-actions{display:flex;gap:9px}
.s360-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:10px;font-size:12px;font-weight:750;text-decoration:none;border:1px solid transparent;cursor:pointer}.s360-btn-primary{background:#5b5cf0;border-color:#5b5cf0;color:#fff}.s360-btn-primary:hover{background:#4a4bdd;color:#fff}.s360-btn-light{background:#fff;border-color:#e4e7ec;color:#344054}.s360-btn-light:hover{background:#f9fafb;color:#1d2939}.s360-btn-danger-light{background:#fff4f3;border-color:#fecdca;color:#b42318}
.s360-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.s360-kpi{background:#fff;border:1px solid #e7eaf0;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;min-height:105px;box-shadow:0 8px 30px rgba(15,23,42,.04)}.s360-kpi-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.s360-kpi-icon.blue{background:#eef2ff;color:#5856e9}.s360-kpi-icon.green{background:#ecfdf3;color:#079455}.s360-kpi-icon.violet{background:#f5f3ff;color:#7a5af8}.s360-kpi-icon.red{background:#fff1f0;color:#d92d20}.s360-kpi-icon.amber{background:#fffaeb;color:#dc6803}.s360-kpi span,.s360-kpi small{display:block}.s360-kpi span{font-size:10px;color:#667085;font-weight:700}.s360-kpi strong{display:block;font-size:24px;letter-spacing:-.04em;line-height:1.15;margin-top:4px}.s360-kpi small{font-size:9px;color:#98a2b3;margin-top:3px}
.s360-health-strip{background:linear-gradient(100deg,#11182b,#18233b);border:1px solid #202b43;border-radius:16px;padding:16px 18px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.s360-health-score{display:flex;align-items:center;gap:14px}.s360-health-ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(#6f72ff var(--angle),#2a3550 0);position:relative;display:grid;place-items:center;flex:0 0 auto}.s360-health-ring:after{content:"";position:absolute;inset:7px;background:#121a2d;border-radius:50%}.s360-health-ring strong{position:relative;z-index:1;font-size:12px}.s360-muted-label{font-size:9px;letter-spacing:.12em;color:#7e8da6;font-weight:800}.s360-health-score h3{font-size:16px;margin:4px 0 3px;letter-spacing:-.02em}.s360-health-score p{margin:0;color:#9aa7ba;font-size:11px}.s360-health-breakdown{display:grid;grid-template-columns:repeat(4,auto);gap:25px}.s360-health-breakdown div span{display:block;color:#9aa7ba;font-size:10px}.s360-health-breakdown strong{display:block;font-size:18px;margin-top:3px}.s360-health-breakdown i{font-size:7px;margin-right:5px}
.s360-dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px}.s360-bottom-grid{grid-template-columns:1.2fr .8fr}.s360-panel{background:#fff;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 8px 30px rgba(15,23,42,.035);overflow:hidden}.s360-panel-head{padding:16px 18px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center;gap:12px}.s360-panel-head h2{font-size:14px;line-height:1.2;font-weight:800;margin:0}.s360-panel-head p{margin:3px 0 0;color:#98a2b3;font-size:10px}.s360-panel-head-icon{width:32px;height:32px;border-radius:9px;background:#eef2ff;color:#5b5cf0;display:grid;place-items:center}.s360-text-link{color:#5b5cf0;font-size:11px;font-weight:750;text-decoration:none}.s360-text-link:hover{text-decoration:underline}
.s360-chart-panel{min-height:355px}.s360-response-chart{height:295px;padding:17px 17px 9px;position:relative}.s360-response-chart svg{position:absolute;left:17px;right:17px;top:24px;width:calc(100% - 34px);height:245px}.s360-chart-gridlines{position:absolute;left:17px;right:17px;top:24px;height:245px;display:flex;flex-direction:column;justify-content:space-between}.s360-chart-gridlines span{border-top:1px dashed #edf0f4}.s360-chart-labels{position:absolute;left:18px;right:18px;bottom:8px;display:flex;justify-content:space-between;color:#a0a7b4;font-size:9px}
.s360-live-chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#0a8f5a;background:#ecfdf3;border:1px solid #bbefda;padding:6px 9px;border-radius:99px;font-weight:750}.s360-live-chip i{font-size:5px}
.s360-risk-list,.s360-monitor-list,.s360-incident-list{padding:4px 0}.s360-risk-row{display:flex;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid #f0f2f5}.s360-risk-row:last-child,.s360-monitor-row:last-child,.s360-incident-row:last-child{border-bottom:0}.s360-risk-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f2f4ff;color:#5b5cf0}.s360-risk-main{min-width:0;flex:1}.s360-risk-main strong,.s360-risk-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s360-risk-main strong{font-size:11px}.s360-risk-main small{font-size:9px;color:#98a2b3;margin-top:2px}.s360-risk-days{font-size:10px;font-weight:800;padding:6px 8px;border-radius:99px}.s360-risk-days.ok{background:#ecfdf3;color:#087443}.s360-risk-days.warning{background:#fffaeb;color:#b54708}.s360-risk-days.danger{background:#fff1f0;color:#b42318}
.s360-monitor-row{display:flex;align-items:center;gap:11px;padding:11px 17px;border-bottom:1px solid #f0f2f5}.s360-monitor-type{width:32px;height:32px;border-radius:9px;background:#f2f4f8;color:#667085;display:grid;place-items:center}.s360-monitor-type.up{background:#ecfdf3;color:#079455}.s360-monitor-type.down{background:#fff1f0;color:#d92d20}.s360-monitor-type.unknown{background:#f2f4f7;color:#667085}.s360-monitor-info{min-width:0;flex:1}.s360-monitor-info strong,.s360-monitor-info small,.s360-monitor-metric strong,.s360-monitor-metric small{display:block}.s360-monitor-info strong{font-size:11px}.s360-monitor-info small{font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;margin-top:2px}.s360-monitor-metric{text-align:right;min-width:82px}.s360-monitor-metric strong{font-size:10px}.s360-monitor-metric small{font-size:9px;color:#98a2b3;margin-top:2px}.s360-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;padding:6px 8px;border-radius:99px;white-space:nowrap}.s360-status-pill i{font-size:5px}.s360-status-pill.up{background:#ecfdf3;color:#087443}.s360-status-pill.down{background:#fff1f0;color:#b42318}.s360-status-pill.new{background:#f2f4f7;color:#667085}.s360-status-pill.paused{background:#fffaeb;color:#b54708}.s360-row-action{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#98a2b3;text-decoration:none}.s360-row-action:hover{background:#f2f4f7;color:#475467}
.s360-empty{text-align:center;padding:42px 22px;color:#667085}.s360-empty.compact{padding:28px 18px}.s360-empty>span{width:48px;height:48px;margin:0 auto 11px;display:grid;place-items:center;background:#f2f4f7;color:#7b61ff;border-radius:14px;font-size:18px}.s360-empty h3{font-size:14px;color:#101828;margin:0 0 5px;font-weight:800}.s360-empty p{font-size:10px;line-height:1.55;max-width:390px;margin:0 auto 15px}
.s360-incident-row{display:flex;align-items:center;gap:10px;padding:12px 17px;border-bottom:1px solid #f0f2f5}.s360-incident-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.s360-incident-icon.open{background:#fff1f0;color:#d92d20}.s360-incident-icon.resolved{background:#ecfdf3;color:#079455}.s360-incident-row>div{min-width:0;flex:1}.s360-incident-row strong,.s360-incident-row small{display:block}.s360-incident-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s360-incident-row small{font-size:9px;color:#98a2b3;margin-top:2px}
.s360-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.s360-quick{display:flex;align-items:center;gap:11px;padding:14px;background:#fff;border:1px solid #e7eaf0;border-radius:14px;color:#101828;text-decoration:none}.s360-quick>span{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#5b5cf0;display:grid;place-items:center}.s360-quick div{min-width:0;flex:1}.s360-quick strong,.s360-quick small{display:block}.s360-quick strong{font-size:11px}.s360-quick small{font-size:9px;color:#98a2b3;margin-top:2px}.s360-quick>i{color:#98a2b3}.s360-quick:hover{border-color:#cfd3f8;transform:translateY(-1px)}
.s360-panel-body{padding:18px}.s360-form-control{min-height:42px;border-color:#dfe3ea;border-radius:10px;background:#fbfcfe;font-size:13px}.s360-section-divider{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f3;padding-top:16px;margin-top:3px;margin-bottom:10px;font-size:11px;font-weight:800}.s360-text-button{border:0;background:transparent;color:#5b5cf0;font-size:10px;font-weight:750}
.s360-monitor-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.s360-monitor-check{position:relative;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e7eaf0;border-radius:11px;background:#fbfcfe;cursor:pointer}.s360-monitor-check input{position:absolute;opacity:0}.s360-check-box{width:17px;height:17px;border:1px solid #cdd4df;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px}.s360-monitor-check input:checked~.s360-check-box{background:#5b5cf0;border-color:#5b5cf0}.s360-picker-icon{width:27px;height:27px;border-radius:8px;background:#eef2ff;color:#5b5cf0;display:grid;place-items:center;font-size:11px}.s360-monitor-check strong,.s360-monitor-check small{display:block}.s360-monitor-check strong{font-size:10px}.s360-monitor-check small{font-size:8px;color:#98a2b3;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.s360-status-mini{font-size:8px;font-weight:800}.s360-status-mini i{font-size:4px;margin-right:4px}.s360-status-mini.up{color:#079455}.s360-status-mini.down{color:#d92d20}.s360-status-mini.new{color:#98a2b3}
.s360-status-card{background:#fff;border:1px solid #e7eaf0;border-radius:15px;box-shadow:0 8px 30px rgba(15,23,42,.035);padding:17px;height:100%;display:flex;flex-direction:column}.s360-status-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.s360-status-live{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#087443;background:#ecfdf3;border:1px solid #bbefda;padding:5px 8px;border-radius:99px;font-weight:800}.s360-status-live i{font-size:5px;margin-right:4px}.s360-status-card-id{font-size:9px;color:#98a2b3}.s360-status-card h3{font-size:16px;letter-spacing:-.02em;margin:0 0 7px}.s360-status-card p{font-size:10px;color:#667085;line-height:1.5;min-height:32px;margin:0 0 15px}.s360-status-card-meta{display:flex;gap:13px;flex-wrap:wrap;font-size:9px;color:#7a8491;padding-top:12px;border-top:1px solid #edf0f3}.s360-status-card-meta i{color:#7c80f6;margin-right:5px}.s360-status-card-actions{display:flex;gap:7px;margin-top:auto;padding-top:16px}.s360-status-card-actions form{display:flex}.s360-status-card-actions .s360-btn{height:36px}
.s360-public-status{background:#f4f6fa;min-height:100vh;padding:24px}.s360-status-public-wrap{max-width:980px;margin:0 auto}.s360-status-public-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.s360-public-status-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#151b27;font-weight:850}.s360-public-status-time{font-size:10px;color:#98a2b3}.s360-public-mark{width:33px;height:33px;border-radius:10px;background:#11182a;color:#fff;display:grid;place-items:center}
.s360-public-status-hero{background:#101727;color:#fff;border-radius:17px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.s360-public-status-hero h1{font-size:28px;margin:7px 0 6px;letter-spacing:-.035em}.s360-public-status-hero p{margin:0;color:#9aa7ba;font-size:12px}.s360-overall-state{display:flex;align-items:center;gap:11px;background:#172238;border:1px solid #263350;border-radius:13px;padding:12px 14px;min-width:270px}.s360-overall-state .state-dot{width:34px;height:34px;border-radius:10px;background:#ecfdf3;color:#087443;display:grid;place-items:center}.s360-overall-state.outage .state-dot{background:#fff1f0;color:#b42318}.s360-overall-state.degraded .state-dot{background:#fffaeb;color:#b54708}.s360-overall-state strong,.s360-overall-state small{display:block}.s360-overall-state strong{font-size:11px}.s360-overall-state small{font-size:9px;color:#8d99ad;margin-top:2px}.s360-public-status-panel{background:#fff;border:1px solid #e6e9ef;border-radius:16px;overflow:hidden}.s360-public-service-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;border-bottom:1px solid #edf0f3}.s360-public-service-row:last-child{border-bottom:0}.s360-public-service-info{display:flex;align-items:center;gap:11px;min-width:0}.s360-service-icon{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#5b5cf0;display:grid;place-items:center}.s360-public-service-info strong,.s360-public-service-info small{display:block}.s360-public-service-info strong{font-size:11px}.s360-public-service-info small{font-size:9px;color:#98a2b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}.s360-public-service-metrics{display:flex;align-items:center;gap:25px}.s360-public-service-metrics div{text-align:right}.s360-public-service-metrics strong,.s360-public-service-metrics small{display:block}.s360-public-service-metrics strong{font-size:10px}.s360-public-service-metrics small{font-size:8px;color:#98a2b3;margin-top:2px}.s360-public-status-footer{text-align:center;color:#98a2b3;font-size:9px;padding:18px}.s360-public-status-footer strong{color:#667085}
@media(max-width:1200px){.s360-kpi-grid{grid-template-columns:repeat(3,1fr)}.s360-dashboard-grid,.s360-bottom-grid{grid-template-columns:1fr}.s360-health-breakdown{gap:15px}.s360-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:991px){.app-body .s360-sidebar{transform:translateX(-100%);transition:transform .2s ease}.app-body.sidebar-open .s360-sidebar{transform:translateX(0)}.s360-sidebar-overlay{position:fixed;inset:0;background:rgba(8,14,28,.48);z-index:1040}.app-body.sidebar-open .s360-sidebar-overlay{display:block}.s360-topbar{left:0}.s360-main{margin-left:0}.s360-content{padding:22px 18px 38px}.s360-kpi-grid{grid-template-columns:repeat(2,1fr)}.s360-topbar{padding:0 18px}.s360-top-action-primary span{display:none}.s360-health-strip{align-items:flex-start;flex-direction:column}.s360-health-breakdown{width:100%;grid-template-columns:repeat(4,1fr)}.s360-monitor-picker{grid-template-columns:1fr}.s360-public-status-hero{flex-direction:column;align-items:flex-start}.s360-overall-state{min-width:0;width:100%}}
@media(max-width:640px){.s360-dashboard-hero{align-items:flex-start;flex-direction:column}.s360-dashboard-hero h1{font-size:25px}.s360-kpi-grid{grid-template-columns:1fr}.s360-health-breakdown{grid-template-columns:repeat(2,1fr);row-gap:12px}.s360-monitor-row{gap:8px}.s360-monitor-metric{display:none}.s360-status-pill{margin-left:auto}.s360-quick-grid{grid-template-columns:1fr}.s360-content{padding-left:13px;padding-right:13px}.s360-top-user{display:none!important}.s360-public-service-row{align-items:flex-start;flex-direction:column}.s360-public-service-metrics{width:100%;justify-content:space-between;gap:10px}.s360-public-service-info small{max-width:calc(100vw - 100px)}}

/* v1.7.5 layout correction: every authenticated page starts beside the sidebar. */
body.app-body .app-main{
  margin-left:252px!important;
  padding-top:72px!important;
  min-height:100vh!important;
  box-sizing:border-box!important;
}
body.app-body .app-main > .container,
body.app-body .app-main > .container-fluid{
  width:auto;
  max-width:none;
}
body.app-body .app-main .container{
  max-width:1500px;
}

/* Keep the new shell and legacy app-main pages aligned at common breakpoints. */
@media(max-width:991px){
  body.app-body .app-main{
    margin-left:0!important;
    padding-top:72px!important;
  }
}
@media(max-width:640px){
  body.app-body .app-main{
    padding-top:72px!important;
  }
}

/* Do not allow legacy fixed/sidebar offsets to fight the new application shell. */
body.app-body .app-main .container-fluid{
  position:relative;
}

/* Serverly360 v1.8.0 Monitor Management */
.s360-management-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}
.s360-management-toolbar{display:flex!important;flex-direction:column;align-items:stretch!important;gap:14px!important;padding:16px 18px!important}
.s360-toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:14px}
.s360-selected-note{font-size:10px;color:#98a2b3}
.s360-select-all-wrap,.s360-row-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.s360-select-all-wrap input,.s360-row-check input{position:absolute;opacity:0;pointer-events:none}
.s360-select-all-wrap>span,.s360-row-check>span{width:18px;height:18px;border:1px solid #cfd6e0;background:#fff;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px;transition:.12s}
.s360-select-all-wrap input:checked+span,.s360-row-check input:checked+span{background:#5b5cf0;border-color:#5b5cf0}
.s360-select-all-wrap input:focus-visible+span,.s360-row-check input:focus-visible+span{outline:3px solid rgba(91,92,240,.14)}
.s360-select-col{width:38px!important;padding-left:18px!important;padding-right:0!important}
.s360-filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.s360-filter-select{width:auto;min-width:110px;border-radius:9px;border-color:#e4e7ec;color:#475467;font-size:11px}
.s360-search{margin-left:auto;min-width:230px}
.s360-search .form-control{font-size:11px;height:36px}
.s360-bulk-toolbar{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fafbfc;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.s360-bulk-count{font-size:11px;font-weight:800;color:#344054}
.s360-bulk-hint{font-size:9px;color:#98a2b3}
.s360-scale-table thead th{font-size:10px;white-space:nowrap}
.s360-scale-table tbody tr{transition:background .1s}
.s360-scale-table tbody tr:hover{background:#fbfcff}
.s360-scale-table tbody tr:has(input[type="checkbox"]:checked){background:#f5f6ff}
.s360-scale-table .btn-soft{min-width:32px}
@media(max-width:1100px){.s360-management-hero{align-items:flex-start;flex-direction:column}.s360-search{margin-left:0;flex:1}.s360-filter-bar{display:grid;grid-template-columns:auto auto 1fr;width:100%}.s360-filter-bar .filter-pills{overflow:auto}.s360-filter-select{width:100%}}
@media(max-width:991px){.s360-toolbar-main{align-items:flex-start;flex-direction:column}.s360-filter-bar{grid-template-columns:1fr 1fr}.s360-filter-bar .filter-pills{grid-column:1/-1}.s360-search{grid-column:1/-1}.s360-bulk-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.s360-filter-bar{grid-template-columns:1fr}.s360-filter-bar .filter-pills,.s360-search{grid-column:auto}.s360-bulk-toolbar{padding:10px 12px}.s360-management-page{padding-left:8px!important;padding-right:8px!important}}


/* Serverly360 v1.9.1 — refined portal scrollbars. */
html{scrollbar-width:thin;scrollbar-color:#c7ceda transparent}
body.app-body{scrollbar-width:thin;scrollbar-color:#c7ceda transparent}
body.app-body::-webkit-scrollbar{width:9px;height:9px}
body.app-body::-webkit-scrollbar-track{background:#eef1f6}
body.app-body::-webkit-scrollbar-thumb{background:#c1c9d6;border-radius:99px;border:2px solid #eef1f6}
body.app-body::-webkit-scrollbar-thumb:hover{background:#aab5c5}
body.app-body .s360-sidebar-nav{padding:10px 10px 16px 12px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2d3953 transparent}
body.app-body .s360-sidebar-nav::-webkit-scrollbar{width:7px}
body.app-body .s360-sidebar-nav::-webkit-scrollbar-track{background:transparent;margin:8px 0 12px}
body.app-body .s360-sidebar-nav::-webkit-scrollbar-thumb{background:#2b3650;border-radius:99px;border:1px solid rgba(255,255,255,.06)}
body.app-body .s360-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#3a4866}
body.app-body .s360-sidebar-nav{overscroll-behavior:contain}

/* Monitor groups */
.s360-groups-page .panel-card{overflow:hidden}
.s360-group-create-card{position:sticky;top:92px}
.s360-color-grid{display:flex;gap:9px;flex-wrap:wrap}
.s360-color-grid.compact{gap:7px}
.s360-color-option{position:relative;cursor:pointer;display:inline-flex}
.s360-color-option input{position:absolute;opacity:0;pointer-events:none}
.s360-color-option span{width:30px;height:30px;border-radius:10px;background:var(--group-color);display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:.15s ease;position:relative}
.s360-color-grid.compact .s360-color-option span{width:26px;height:26px;border-radius:8px}
.s360-color-option input:checked+span{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--group-color)}
.s360-group-row{display:flex;gap:13px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #edf0f4}
.s360-group-row:last-child{border-bottom:0}
.s360-group-dot{width:11px;height:11px;border-radius:50%;background:var(--group-color);margin-top:5px;flex:0 0 auto;box-shadow:0 0 0 4px color-mix(in srgb,var(--group-color) 12%, transparent)}
.s360-group-main{flex:1;min-width:0}
.s360-group-main strong{font-size:12px;letter-spacing:-.01em;color:#101828}
.s360-group-count{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#f2f4f7;color:#667085;border-radius:99px;padding:4px 7px}
.s360-group-metrics{display:flex;gap:13px;flex-wrap:wrap;font-size:8px;color:#98a2b3}
.s360-group-metrics i{font-size:4px;margin-right:5px}
.s360-group-metrics .up{color:#087443}.s360-group-metrics .down{color:#b42318}
.s360-group-actions{display:flex;gap:6px;flex:0 0 auto}
.s360-group-actions form{display:flex}
.s360-group-edit-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;padding:16px 20px;background:#fafbfc;align-items:end}
.s360-groups-page .form-control,.s360-groups-page .form-select{border-radius:10px;border-color:#dfe3ea}
.s360-group-filter-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;padding:4px 7px;border-radius:99px;background:#f5f6ff;color:#5658d8;border:1px solid #e4e5ff}
@media(max-width:1199px){.s360-group-create-card{position:static}.s360-group-edit-form{grid-template-columns:1fr 1fr}.s360-group-edit-form>div:last-child{grid-column:1/-1}}
@media(max-width:640px){.s360-group-row{padding:15px}.s360-group-actions{flex-wrap:wrap}.s360-group-edit-form{grid-template-columns:1fr}.s360-group-edit-form>div:last-child{grid-column:auto}}


/* Serverly360 v1.9.1 — refined sidebar/body scrollbars. */
.s360-sidebar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.32) transparent}
.s360-sidebar::-webkit-scrollbar{width:7px;height:7px}
.s360-sidebar::-webkit-scrollbar-track{background:transparent}
.s360-sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:999px;border:1px solid transparent;background-clip:padding-box}
.s360-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.48);border-color:transparent}
body.app-body .s360-sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.34) transparent;padding-right:8px}
body.app-body .s360-sidebar-nav::-webkit-scrollbar{width:6px}
body.app-body .s360-sidebar-nav::-webkit-scrollbar-track{background:transparent;margin:6px 0 10px}
body.app-body .s360-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.30);border-radius:999px;border:0}
body.app-body .s360-sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.52)}
html{scroll-behavior:smooth}
/* v1.9.3 portal polish: styled Serverly360 scrollbars + Incident Center */
html{scrollbar-color:#c4c9d6 #f4f5f8;scrollbar-width:thin}
body{scrollbar-color:#b7bdca #f4f5f8;scrollbar-width:thin}
.s360-sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.025)}
.s360-sidebar::-webkit-scrollbar{width:6px}
.s360-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:10px}
.s360-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:10px;border:1px solid rgba(255,255,255,.03)}
.s360-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.38)}
.s360-sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.s360-sidebar-nav::-webkit-scrollbar{width:5px}.s360-sidebar-nav::-webkit-scrollbar-track{background:transparent}.s360-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}.s360-sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}
.s360-incidents-page .s360-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.incident-stat{min-height:140px}.incident-toolbar{flex-wrap:wrap}.s360-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e4e7ec;border-radius:10px;color:#475467;font-size:.83rem;font-weight:700;background:#fff}.s360-filter-pill:hover{border-color:#cbd0d9;color:#111827}.s360-filter-pill.active{background:#eef0ff;border-color:#cdd0ff;color:#494bd8}.incident-search{min-width:240px}.incident-search .input-group-text{background:#fff;border-color:#dfe3eb;color:#98a2b3}.incident-row-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.incident-row-icon.open{background:#fef3f2;color:#b42318}.incident-row-icon.resolved{background:#ecfdf3;color:#027a48}.incident-target{max-width:300px}.incident-cause{max-width:260px;color:#475467;white-space:normal}.incident-mini-badge{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;background:#eff8ff;color:#175cd3;font-size:.68rem;font-weight:800}.s360-incident-hero{overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(91,92,240,.09),transparent 30%),#fff}.s360-meta-pill{display:inline-flex;align-items:center;padding:6px 9px;background:#f8f9fc;border:1px solid #e8ebf0;border-radius:999px;font-size:.75rem;font-weight:700;color:#475467}.incident-timeline{position:relative;padding:14px 22px 22px}.incident-timeline-line{position:absolute;left:39px;top:25px;bottom:25px;width:2px;background:#edf0f4}.incident-timeline-item{position:relative;display:flex;gap:18px;padding:15px 0}.timeline-dot{width:14px;height:14px;margin:3px 0 0 11px;border-radius:50%;box-shadow:0 0 0 4px #fff;z-index:2;flex:0 0 auto}.timeline-dot.up{background:#12b76a}.timeline-dot.down{background:#f04438}.s360-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0f4}.s360-detail-row:last-child{border-bottom:0}.s360-detail-row>span{color:#667085;font-size:.84rem}.s360-detail-row>strong{font-size:.86rem}.s360-incident-view-page .metric-card{box-shadow:none}.s360-incident-view-page .panel-head{min-height:68px}
@media(max-width:767px){.s360-incidents-page .s360-page-head{align-items:flex-start;flex-direction:column}.incident-toolbar form{width:100%}.incident-search{min-width:0;flex:1}.s360-incidents-table{min-width:980px}.incident-target{max-width:260px}}