* { box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin: 0; padding: 0; background: #f7f7f9; color: #222; }
header { background: #282c34; color: white; padding: 1rem; display:flex; justify-content:space-between; align-items:center; }
header h1 { margin:0; font-size:1.25rem; }
main { padding: 1rem; max-width: 960px; margin: 0 auto; }
.card { background: white; padding: 1rem; margin-bottom: 1rem; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
input { padding: .5rem; margin-right: .5rem; border: 1px solid #ddd; border-radius: 4px; }
button { padding: .5rem .75rem; border: none; border-radius: 4px; background: #0366d6; color: white; cursor: pointer; }
button:disabled { opacity: .6; }
table { width: 100%; border-collapse: collapse; margin-top: .5rem; }
thead th { text-align: left; font-weight: 600; border-bottom: 1px solid #eee; padding: .5rem; }
tbody td { padding: .5rem; border-bottom: 1px solid #f1f1f1; }
.result { margin-top: .5rem; font-weight: 600; }
.status { margin-top: 1rem; color: #0366d6; }
.status.error { color: #e63946; }
footer { padding: .5rem 1rem; text-align: center; color: #666; }