body{font-family:Segoe UI,Microsoft YaHei,sans-serif;margin:0;background:#f4f6f8;color:#18202a}header{background:#18202a;color:#fff;padding:20px 5%;display:flex;justify-content:space-between}main{max-width:1200px;margin:28px auto;padding:0 20px}.bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}input,button{padding:10px 12px;border:1px solid #c9d0d8;border-radius:5px;font-size:14px}button{background:#1677ff;color:#fff;border:0;cursor:pointer;margin-right:4px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7eaee}th{background:#f8f9fa}.off{color:#c23434}.on{color:#167047}.modal{display:none;position:fixed;inset:0;background:#0006;align-items:center;justify-content:center}.box,.login{background:#fff;padding:24px;width:340px;border-radius:8px}.box input,.login input{display:block;width:100%;box-sizing:border-box;margin:8px 0 14px}.login{margin:12vh auto;box-shadow:0 8px 30px #0002}.login button{width:100%}