:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#202630;background:#f6f7fa;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce0e6;background:#fff;border-radius:7px;padding:9px 14px;color:#303844;cursor:pointer}button:hover,.button:hover{background:#f0f3f7}button:disabled{opacity:.55;cursor:wait}button.primary,.button.primary{background:#304fc4;color:#fff;border-color:#304fc4}.layout{display:flex;min-height:100vh}aside{width:232px;flex-shrink:0;background:#fff;border-right:1px solid #e2e5eb;display:flex;flex-direction:column;padding:30px 18px;position:sticky;top:0;height:100vh}.brand{font-weight:700;font-size:27px;letter-spacing:-1px;display:flex;align-items:baseline;gap:10px}.brand span{font-size:12px;color:#7d8490;font-weight:500;letter-spacing:0}nav{display:grid;gap:6px;margin-top:40px}nav button{justify-content:flex-start;border:0;background:none;padding:12px 14px;color:#667180}nav button.active{background:#edf1ff;color:#304fc4;font-weight:600}.external{display:flex;gap:8px;align-items:center;font-size:12px;color:#7a8494;padding:24px 14px}.operator{border-top:1px solid #e8eaf0;padding:22px 12px 0;display:grid;gap:7px;margin-top:auto}.operator span{font-size:12px;color:#808997}.operator button{justify-content:flex-start;border:0;padding:12px 0;color:#7b8390}main{max-width:1500px;width:100%;padding:44px 48px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#88909d;margin:0 0 10px}h1{font-size:26px;letter-spacing:-.6px;margin:0}h2{font-size:16px;font-weight:600;margin:0 0 16px}p{line-height:1.8;color:#687383}.refresh{display:flex;align-items:center;gap:15px}.refresh span,small{font-size:12px;color:#89909c}.metrics{display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid #dfe3ec;gap:20px}.metrics div{display:grid;gap:12px}.metrics span{color:#747e8e;font-size:12px}.metrics strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}section{background:#fff;border:1px solid #e2e5ec;border-radius:9px;padding:24px;margin-bottom:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title h2,.section-title p{margin:0}.badge{font-size:11px;padding:5px 9px;border-radius:5px;background:#eef1f6;color:#727c8c;white-space:nowrap}.badge.ok,.badge.resolved{background:#e8f5ef;color:#308364}.badge.degraded,.badge.monitoring,.badge.maintenance{background:#fff4df;color:#a37824}.badge.critical,.badge.investigating,.badge.identified{background:#fbeded;color:#b75b60}.checks>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eef0f4}.checks strong{min-width:155px;font-size:13px;font-weight:500}.checks span:last-child{color:#7c8593;font-size:13px}.dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#408c73}.dot.warning,.dot.degraded{background:#c59b46}.dot.critical{background:#cb6c70}.facts{display:flex;gap:35px;padding-top:22px;color:#808997;font-size:12px}.facts b{color:#434d5b;margin-left:8px;font-weight:500}.table-wrap{background:#fff;border:1px solid #e2e5ec;border-radius:8px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{background:#fafbfc;font-weight:500;color:#727d8d;white-space:nowrap}th,td{padding:16px 18px;border-bottom:1px solid #eef0f4}td{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#515d6c}.footnote{font-size:12px;color:#9ba3af;margin-top:20px}.empty{padding:45px;text-align:center;color:#96a0ae}.notice{background:#fff0ef;padding:12px 18px;border-left:3px solid #bc6464;color:#a05252}.editor{display:grid;gap:18px}label{display:grid;gap:8px;font-size:12px;color:#727d8d}input,textarea,select{width:100%;border:1px solid #dce1e9;border-radius:6px;padding:10px;background:#fff;color:#344054}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #d8e1ff;border-color:#a3b3e5}.form-row{display:flex;gap:16px;align-items:flex-end}.form-row label{flex:1}.form-row button{white-space:nowrap}fieldset{display:flex;gap:20px;border:0;padding:0;flex-wrap:wrap}fieldset legend{font-size:12px;color:#727d8d;margin-bottom:12px}fieldset label{display:flex;align-items:center;gap:7px}fieldset input{width:auto}.incident{padding:24px 0;border-top:1px solid #dee3ec}.incident>div:first-child{display:flex;gap:12px;align-items:center;margin-bottom:14px}.incident p{white-space:pre-wrap}.gate{min-height:100vh;max-width:560px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.gate .brand{margin-bottom:34px}.gate h1{font-size:24px}.gate p{margin:0 0 12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1000px){main{padding:32px 24px}aside{width:200px}.metrics{grid-template-columns:repeat(3,1fr)}.refresh span{display:none}.checks span:last-child{display:none}}@media (max-width:680px){.layout{display:block}aside{width:100%;height:auto;position:relative;padding:20px;border-right:0;border-bottom:1px solid #e1e5ed}nav{display:flex;overflow:auto;margin-top:20px}nav button{white-space:nowrap;padding:9px}.external,.operator{display:none}main{padding:25px 16px}header{margin-bottom:25px}.metrics{gap:24px 15px}.metrics strong{font-size:25px}.form-row{flex-wrap:wrap}.facts{flex-wrap:wrap;gap:12px}.gate{padding:24px}section{padding:20px}.section-title{align-items:flex-start}}