body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f4f6;color:#111827}header{background:#1f2937;color:#fff;padding:24px 40px}header h1{margin:0;font-size:28px}header p{margin:6px 0 0;color:#d1d5db}main{max-width:1280px;margin:30px auto;padding:0 20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.small{font-size:14px}.hint{color:#6b7280;font-size:14px}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.table-header h2{margin:0}table{width:100%;border-collapse:collapse;font-size:14px}th{background:#111827;color:#fff;text-align:left;padding:10px}td{border-bottom:1px solid #e5e7eb;padding:10px;vertical-align:top}tr:hover td{background:#f9fafb}.empty{text-align:center;color:#6b7280;padding:30px}button{background:#2563eb;color:white;border:0;border-radius:6px;padding:9px 14px;cursor:pointer}input[type=file]{margin-right:10px}code{background:#f3f4f6;padding:2px 6px;border-radius:4px}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}