:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9edf5;background:#0b1020;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#80adff;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{border:0;background:#4376ee;color:#fff;border-radius:10px;padding:.72rem 1rem;cursor:pointer;font-weight:650}button:hover{background:#5b89f4}input{background:#121c30;color:#f3f6fc;border:1px solid #344258;border-radius:9px;padding:.72rem .8rem;width:100%;outline:none}input:focus{border-color:#80adff}label{display:block;color:#c4ccdc;font-size:.9rem;font-weight:550;margin:.85rem 0}label input{display:block;margin-top:.4rem}h1,h2,p{margin-top:0}h1{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.035em;overflow-wrap:anywhere;margin-bottom:.45rem}h2{font-size:1.1rem;letter-spacing:-.02em}small,.muted{color:#9ba8bb}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#8292ad;font-weight:750;margin-bottom:.65rem}.brand{font-size:1.04rem;letter-spacing:.03em;color:#73a6ff}.brand strong{color:#f3f6fc}.brand span{color:#8494ae}.top{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27334a;padding:0 clamp(1rem,3vw,3rem)}.topright{display:flex;align-items:center;gap:1.3rem;color:#91a0b8;font-size:.85rem}.topright form{display:inline}.textbutton{background:transparent;color:#a9bce4;padding:.35rem;font-size:.86rem}.textbutton:hover{color:white;background:transparent}.danger{color:#ed8f98}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#10182a;border-right:1px solid #27334a;padding:2rem 1rem}.sidebar h2{padding:0 .65rem}.sidebar .eyebrow{padding:0 .65rem}.sideitem{display:flex;align-items:center;gap:.85rem;color:#e1e7f3;padding:.85rem .7rem;border-radius:10px;margin:.3rem 0;min-width:0}.sideitem.current,.sideitem:hover{background:#1c2941;text-decoration:none}.sideitem strong,.sideitem small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sideitem small{margin-top:.23rem;font-size:.78rem}.sideitem>span:last-child{min-width:0}.dot{height:9px;width:9px;border-radius:50%;flex:none}.green{background:#37d3a1}.red{background:#f16f80}.gray{background:#75839b}.add{border-top:1px solid #303b50;margin-top:1.4rem;padding:.9rem .65rem}.add summary{color:#91b6ff;cursor:pointer;font-weight:650}.add form button{width:100%;margin-top:.3rem}.content{padding:clamp(1rem,3vw,3rem);max-width:1600px;width:100%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem}.heading a{font-size:.85rem}.status{border:1px solid;padding:.65rem .85rem;border-radius:30px;white-space:nowrap;font-size:.86rem;font-weight:700}.up{color:#53dfb0;background:#143328;border-color:#21604c}.down{color:#ff91a0;background:#401e2b;border-color:#823b4c}.waiting,.paused{color:#c8d2e4;background:#263044;border-color:#49566e}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric,.card{background:#151f32;border:1px solid #2b3951;border-radius:15px}.metric{padding:1.25rem;min-width:0}.metric>span{display:block;font-size:.72rem;color:#91a2bb;letter-spacing:.08em;font-weight:750}.metric strong{display:block;font-size:1.4rem;margin:.75rem 0 .3rem;overflow-wrap:anywhere}.metric small{display:block;overflow-wrap:anywhere}.card{padding:1.5rem}.chartbox{margin-bottom:1rem}.sectionhead{display:flex;justify-content:space-between;gap:1rem;align-items:center}.ranges{display:flex;background:#0d1628;padding:.3rem;border-radius:10px;gap:.2rem}.ranges a{font-size:.82rem;color:#a5b1c6;padding:.5rem .7rem;border-radius:7px;white-space:nowrap}.ranges a.selected{background:#2d4367;color:#fff}.chart{height:190px;display:flex;gap:2px;align-items:end;border-bottom:1px solid #41516c;background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#263349 48px);overflow:hidden;padding-top:1.5rem}.chart .muted{align-self:center;margin:auto}.bar{flex:1;min-width:2px;max-width:15px;height:70%;border-radius:3px 3px 0 0}.bar.ok{background:#36c99b}.bar.fail{background:#f26b7d;height:100%}.legend{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.77rem;color:#92a1b6;margin-top:1rem}.legend span:first-child{color:#48d8a9}.legend span:nth-child(2){color:#f08e9a}.lower{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th{color:#8799b5;font-size:.74rem}td,th{padding:.8rem .4rem;border-bottom:1px solid #2b3951;white-space:nowrap}.addpath{display:flex;align-items:end;gap:.7rem}.addpath label{flex:1;min-width:0}.addpath button{margin-bottom:.85rem}.endpointrow{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-top:1px solid #2b3951;padding:.55rem 0}.endpointrow>span{overflow-wrap:anywhere}.endpointrow form{display:flex;white-space:nowrap}.notice{padding:.9rem 1rem;background:#1c3a39;border:1px solid #2b7465;border-radius:10px}.notice.bad{background:#42232d;border-color:#8b4053}.empty{max-width:600px}.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:1.5rem}.login .card{width:min(100%,430px);padding:2rem}.login form button{width:100%;margin-top:.7rem}.login .muted{margin-bottom:1.5rem}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}}@media(max-width:720px){.top{height:auto;min-height:64px}.topright{font-size:0}.topright button{font-size:.85rem}.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid #27334a;padding:1.2rem}.sidebar .sideitem{display:inline-flex;max-width:85%;min-width:180px;vertical-align:top}.sidebar h2{margin-bottom:.7rem}.heading,.sectionhead{align-items:flex-start;flex-direction:column}.status{white-space:normal}.metrics{gap:.6rem}.metric{padding:1rem}.metric strong{font-size:1.15rem}.card{padding:1rem}.ranges{max-width:100%;overflow:auto}.chart{height:160px}}
.logo{display:block;width:178px;height:auto}.sharebox{margin-bottom:1rem}.shareform{display:flex;align-items:end;gap:1rem;max-width:700px}.shareform label{flex:1}.shareform button{margin-bottom:.85rem}.reportcontent{width:min(1250px,100%);margin:auto;padding:clamp(1rem,3vw,3rem)}.reportcontent .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.reportcontent .card{margin-bottom:1rem}.daychart{display:flex;gap:3px;align-items:stretch;height:80px;margin:1.3rem 0 .5rem;overflow-x:auto}.daybar{height:100%;min-width:5px;flex:1;border-radius:3px}.daybar.ok{background:#37d3a1}.daybar.down{background:#f16f80}@media(max-width:720px){.reportcontent .metrics{grid-template-columns:1fr}.shareform{display:block}.shareform button{margin-bottom:1rem}.daychart{height:65px}}
select{display:block;margin-top:.4rem;background:#121c30;color:#f3f6fc;border:1px solid #344258;border-radius:9px;padding:.72rem .8rem;width:100%;font:inherit}.clientlink{display:block;margin:.5rem .65rem 1rem;font-size:.9rem}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}.client-domains{margin-bottom:1rem}.client-domain{padding:1rem 0;border-top:1px solid #344258;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-items:center}.client-domain strong,.client-domain small{display:block;overflow-wrap:anywhere}.client-domain .addpath{grid-column:1/-1;max-width:650px}.client-domain .addpath label{flex:1}@media(max-width:720px){.client-grid{grid-template-columns:1fr}.client-domain{grid-template-columns:1fr}.client-domain .addpath{display:block}.client-domain .addpath button{margin:0 0 1rem}}

.access-option{display:flex;align-items:center;gap:12px;padding:10px 0}.access-option input{width:auto;min-width:18px;height:18px}.user-row{border-top:1px solid rgba(128,148,165,.25);padding:18px 0;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.user-row>div{flex:1;min-width:200px}.user-row .reset-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.user-row .reset-form label{margin:0}.user-row .reset-form input{max-width:240px}.reportcontent .card{margin-bottom:20px}

.contact-message{border-top:1px solid #344258;padding:1.4rem 0}.contact-message-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.contact-message-head span{color:#a7b4c5}.contact-message>p{white-space:normal;overflow-wrap:anywhere;line-height:1.65}.contact-message a{overflow-wrap:anywhere}
