body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Microsoft YaHei', sans-serif; margin: 40px; }
.container { max-width: 1080px; margin: auto; }
header { display:flex; align-items:center; justify-content:space-between; margin-bottom: 24px; }
form { display:flex; gap:12px; flex-wrap: wrap; align-items: end; }
input, select { padding: 6px 8px; }
button, .button { padding: 6px 12px; cursor:pointer; background:#1677ff; color:#fff; border:1px solid #1677ff; border-radius:6px; }
button:hover, .button:hover { background:#145bd6; border-color:#145bd6; }
button[style*="color:#b00020"], .button[style*="color:#b00020"]{ background:#fff; color:#b00020; border-color:#b00020; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ddd; padding: 8px; }
th { background: #f5f5f5; }
.badge { padding: 2px 8px; border-radius: 10px; font-size: 12px; }
.badge.on { background: #e6ffed; color: #137333; }
.badge.off { background: #ffecec; color: #b00020; }
.small { color:#666; font-size:12px; }
code { background:#f6f8fa; padding:2px 4px; border-radius:4px; }
input[type="text"], input[type="number"], select { border:1px solid #d9d9d9; border-radius:6px; }
input[type="text"]:focus, input[type="number"]:focus, select:focus { outline:none; border-color:#1677ff; box-shadow:0 0 0 2px rgba(22,119,255,.2); }