*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}
.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,calc(100% - 30px));background:#fff;padding:28px;border-radius:16px;box-shadow:0 15px 45px #0002}
input,select,button{height:42px;border:1px solid #d5dbe5;border-radius:9px;padding:0 12px;font-size:14px}input,select{background:#fff}
button{background:#1877f2;color:#fff;border:0;cursor:pointer;padding:0 16px}.actions{display:flex;gap:8px;flex-wrap:wrap}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 24px;background:#111827;color:#fff}
header h1{margin:0 0 4px}.toolbar,.stats,.panel{margin:18px auto;max-width:1400px}.toolbar{display:flex;gap:14px;flex-wrap:wrap;padding:0 18px}.toolbar label{display:flex;gap:7px;align-items:center}
.stats{display:flex;gap:14px;padding:0 18px}.stats>div{background:#fff;padding:16px 22px;border-radius:12px;min-width:130px;box-shadow:0 2px 12px #0000000d}.stats span{display:block;color:#667085}.stats b{font-size:24px}
.panel{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 12px #0000000d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.panel button{margin-top:12px}
.item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eee}.item small{display:block;color:#667085;margin-top:4px}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:12px}.checkline{display:flex;gap:8px;align-items:center}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1200px}th,td{padding:9px;border-bottom:1px solid #e8ebf0;text-align:left;font-size:13px;white-space:nowrap}.online-cell{background:#e9f9ee}.msg{margin-top:10px;color:#b42318}
@media(max-width:700px){header{flex-direction:column;align-items:flex-start}.stats{flex-wrap:wrap}}