:root{font-family:Arial,Helvetica,sans-serif;color:#14243e;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{background:#102740;color:#fff;position:fixed;width:235px;inset:0 auto 0 0;padding:30px 22px}.brand{display:block;font-size:30px;letter-spacing:2px}aside small{color:#91acc6;font-size:10px;letter-spacing:2px}nav{margin:36px -10px}nav a{display:block;color:#dae7f6;text-decoration:none;padding:14px 12px;border-radius:7px;margin:5px 0}nav a:hover{background:#1865dd;color:white}.side-note{color:#a5bad2;line-height:1.7;font-size:12px;margin-top:70px}main{margin-left:235px;padding:36px;max-width:1800px}h1{font-size:29px;margin:0 0 10px}h2{font-size:19px;margin:0 0 20px}p{color:#64758a;line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stats div{padding:24px;background:white;border-radius:10px;border:1px solid #e8edf5;color:#63758c}.stats b{display:block;font-size:34px;color:#122943;margin-bottom:8px}.stats .good b{color:#139452}.stats .attention b{color:#e99816}.card{background:white;padding:24px;border:1px solid #e5ebf3;border-radius:10px;margin-bottom:24px}.filters{display:flex;gap:12px;margin-bottom:24px}input,select{font:inherit;border:1px solid #cdd8e7;border-radius:6px;padding:12px;background:white;min-width:0}input{width:100%}select{max-width:220px}button,.button{font:inherit;cursor:pointer;border:1px solid #1769dd;border-radius:6px;padding:10px 14px;background:#1769dd;color:white;text-decoration:none;display:inline-block;white-space:nowrap}.secondary{background:white;color:#1769dd}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:12px;background:#eff3f8;padding:14px;color:#445978}td{padding:18px 14px;border-bottom:1px solid #edf1f7}small{display:block;color:#75869b;margin-top:6px}strong{font-weight:600}.badge{border-radius:30px;padding:7px 12px;font-size:12px;display:inline-block;background:#eaf0f7;white-space:nowrap}.success{background:#e3faee;color:#098841}.error,.interrupted{background:#ffe4e5;color:#ce2638}.late,.warning{background:#fff2d3;color:#ba790b}.offline,.unknown,.pending{background:#edf0f5;color:#617086}.empty{text-align:center;padding:60px 18px;color:#74849b}.table-wrap{overflow:auto}.job-form{display:flex;align-items:center;gap:16px;border-top:1px solid #eef1f6;padding:16px 0}.job-form span{flex:1}.job-form label{width:170px;font-size:12px}.job-form input{margin-top:6px}label{display:block;margin-bottom:12px;color:#52657d}label input{display:block;margin-top:8px}footer{color:#91a0b2;font-size:11px;margin-top:30px}.login{min-height:100vh;display:grid;place-items:center;background:#102740}.login-card{width:min(430px,90vw);padding:40px;background:white;border-radius:16px}.login h1{letter-spacing:3px}.login button{width:100%;margin-top:10px}.notice{padding:14px;border-radius:7px}code{word-break:break-all}iframe{width:100%;height:65vh;border:1px solid #e2e7ef;background:white}@media(max-width:900px){aside{position:static;width:auto;padding:18px}nav{display:flex;margin:10px -10px;flex-wrap:wrap}.side-note{display:none}main{margin:0;padding:18px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.filters,.job-form{flex-wrap:wrap}header{gap:12px}.job-form span{flex-basis:100%}h1{font-size:24px}}