:root{font-family:Arial,"Segoe UI",sans-serif;color:#202124;background:#f6f7f8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:58px;background:#fff;border-bottom:1px solid #ddd}.header-inner{max-width:1120px;height:100%;margin:auto;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.header-inner nav{display:flex;align-items:center;justify-content:flex-end;gap:18px}.header-inner nav a{color:#333;text-decoration:none}.header-inner form{display:inline}.header-download{display:inline-block;border:1px solid #202124;border-radius:5px;padding:8px 14px;background:#202124;color:#fff;font-size:14px;font-weight:600;text-decoration:none}main{max-width:1050px;margin:22px auto;padding:0 18px}.summary{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:18px}.summary>div,.panel,.login-card{background:#fff;border:1px solid #ddd;border-radius:7px;padding:20px}.summary span{display:block;color:#6b6b6b;font-size:13px;margin-bottom:8px}.summary strong{font-size:23px}.buttons{display:flex;align-items:center;gap:9px}button,.button-link{display:inline-block;border:1px solid #202124;border-radius:5px;padding:9px 15px;background:#202124;color:#fff;font-weight:600;cursor:pointer;text-decoration:none}button.secondary{background:#fff;color:#202124;border-color:#bbb}button.danger{background:#fff;color:#b42318;border-color:#d99}button:disabled{opacity:.45;cursor:default}.link{border:0;background:none;color:#444;padding:4px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.heading h1{font-size:21px;margin:0 0 6px}.heading p{margin:0;color:#666}.server-offline{display:grid;gap:5px;margin-bottom:18px;padding:18px 20px;border:1px solid #e3a5a0;border-radius:7px;background:#fff1f0;color:#a32119}.server-offline strong{font-size:19px}.agents,.administrators{margin:18px -20px -20px}.agent,.administrator{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-top:1px solid #e4e4e4}.agent>div,.administrator>div{display:grid;gap:5px}.agent span,.administrator span{font-size:13px;color:#666}.empty{padding:40px 0 20px;text-align:center;color:#777}.online{color:#168447}.offline,.error{color:#b42318}dialog{width:min(430px,calc(100% - 30px));border:1px solid #ccc;border-radius:8px;padding:25px}dialog::backdrop{background:#0008}dialog form{display:grid;gap:15px}dialog h2{margin:0}.close{position:absolute;right:12px;top:10px;border:0;background:none;color:#333;font-size:24px;padding:4px}label{display:grid;gap:7px;font-size:14px}input{width:100%;padding:10px 12px;border:1px solid #bbb;border-radius:5px;font-size:18px}.credential-warning{margin:0;color:#8a5a00;font-size:13px}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(370px,calc(100% - 30px));padding:24px}.login-card form{display:grid;gap:13px}.login-card input{font-size:16px}.login-card button{height:44px}@media(max-width:760px){.header-inner{grid-template-columns:1fr auto}.header-download{grid-column:1/-1;grid-row:2}.header-inner{height:auto;padding-top:10px;padding-bottom:10px}header{height:auto}.summary{grid-template-columns:1fr}.heading,.agent,.administrator{align-items:stretch;flex-direction:column}.agent,.administrator{display:flex}}