* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; background:#f0f2f5; display:flex; justify-content:center; align-items:center; min-height:100vh; padding:20px; }
.box { background:white; padding:40px; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1); width:100%; max-width:900px; }
.box h2 { margin-bottom:20px; color:#1a1a1a; }
input[type="text"], input[type="password"] { width:100%; padding:12px; margin:8px 0; border:1px solid #d1d5db; border-radius:6px; font-size:14px; }
button { padding:10px 24px; background:#2563eb; color:white; border:none; border-radius:6px; cursor:pointer; font-size:14px; transition:background 0.2s; }
button:hover { background:#1d4ed8; }
.form-group { display:flex; gap:10px; flex-wrap:wrap; }
.form-group input { flex:1; min-width:200px; }
hr { margin:20px 0; border:none; border-top:1px solid #e5e7eb; }
table { width:100%; border-collapse:collapse; margin-top:15px; font-size:14px; }
th, td { padding:10px 12px; text-align:left; border-bottom:1px solid #e5e7eb; }
th { background:#f9fafb; font-weight:600; color:#374151; }
tr:hover { background:#f9fafb; }
.pagination { display:flex; gap:8px; margin-top:15px; justify-content:center; flex-wrap:wrap; }
.pagination button { padding:6px 14px; background:#e5e7eb; color:#1a1a1a; min-width:40px; }
.pagination button.active { background:#2563eb; color:white; }
.pagination button:hover { background:#d1d5db; }
.pagination button.active:hover { background:#1d4ed8; }
#uploadMsg, #loginMsg { font-size:14px; }