* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; background-color: #f8f9fa; color: #333; }
#app { max-width: 900px; margin: 2rem auto; padding: 1rem; }
header { text-align: center; margin-bottom: 2rem; }
.job-list { display: flex; flex-direction: column; gap: 1rem; }
.job-card { background: #fff; padding: 1.5rem; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.job-card h3 { margin-bottom: 0.5rem; color: #007bff; }
.btn { display: inline-block; padding: 0.5rem 1rem; background: #28a745; color: #fff; text-decoration: none; border-radius: 4px; border: none; cursor: pointer; margin-top: 1rem; }
.btn:hover { background: #218838; }
.btn:disabled { background: #6c757d; cursor: not-allowed; }