:root{font-family:Segoe UI,Arial,sans-serif;color:#172b42;background:#f4f7fb;font-size:15px}
*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:28px;padding:24px max(24px,calc((100vw - 1200px)/2));background:white;border-bottom:1px solid #dde5ef}
header img{width:170px;height:68px;object-fit:contain}h1{font-size:24px;margin:0 0 6px}header p{margin:0;color:#5c6b7e}header button{margin-left:auto}
main{max-width:1200px;margin:32px auto;padding:0 24px}button{border:1px solid #cad5e3;border-radius:7px;padding:9px 16px;background:white;color:#20364f;cursor:pointer;font:inherit}
button.primary,form button{background:#1668cc;color:white;border-color:#1668cc}button:disabled{opacity:.4;cursor:default}
input{font:inherit;border:1px solid #cad5e3;border-radius:7px;padding:11px;background:white}input:focus,button:focus-visible{outline:2px solid #4489dc;outline-offset:2px}
#login{max-width:430px;margin:70px auto;padding:30px;background:white;border:1px solid #dde5ef;border-radius:12px;display:grid;gap:15px}
#login h2{margin:0 0 6px;font-size:21px}#login-error{color:#a82d2d;margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.toolbar input[type=search]{width:390px;max-width:65vw}.toolbar input[type=checkbox]{margin-right:8px}#message{color:#a82d2d}
.table{overflow-x:auto;background:white;border:1px solid #dde5ef;border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left}
th{padding:14px 18px;background:#edf3fa;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#5c6b7e}td{padding:18px;border-top:1px solid #e4eaf3;vertical-align:top}
td:first-child{min-width:240px}td:last-child{white-space:nowrap}strong{display:block;font-size:16px;margin-bottom:5px}.secondary{color:#65778d;font-size:13px}
.badge{display:inline-block;border-radius:30px;font-size:13px;padding:5px 11px;background:#e8edf3;color:#586b80}.badge.online{background:#e3f5e8;color:#227343}
details{font-size:13px;color:#40566f;margin-top:10px;line-height:1.8}summary{cursor:pointer;color:#1668cc}details p{margin:5px 0}.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
#empty{color:#65778d;text-align:center;padding:30px}#toast{position:fixed;right:24px;bottom:24px;background:#173450;color:white;padding:16px 22px;border-radius:9px;box-shadow:0 8px 25px #172b4233}
[hidden]{display:none!important}@media(max-width:650px){header{padding:18px;gap:15px}header img{width:120px;height:48px}h1{font-size:20px}.toolbar{align-items:flex-start;flex-direction:column}.toolbar input[type=search]{width:100%;max-width:none}td,th{padding:12px}main{padding:0 12px}}