.job-list-container{max-width:1200px;margin:0 auto;padding:2rem}.job-list-header{text-align:center;margin-bottom:2rem}.job-list-header h1{color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem}.job-count{color:var(--color-text-muted);font-size:1rem}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.job-card{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:8px;padding:1.5rem;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.job-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.job-card-content{margin-bottom:1rem}.job-title{color:var(--color-text-main);margin-bottom:.75rem;font-size:1.1rem;line-height:1.4}.job-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.job-category{background:color-mix(in srgb,var(--color-primary)10%,transparent);color:var(--color-primary);border-radius:4px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.job-date{color:var(--color-text-muted);font-size:.875rem}.new-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 4px #0003}.pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem 0;display:flex}.pagination-btn{background:var(--color-primary);color:var(--color-text-light);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.pagination-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary)80%,black);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.pagination-btn:disabled{background:var(--color-border);cursor:not-allowed;opacity:.6}.pagination-info{color:var(--color-text-muted);font-size:1rem;font-weight:500}.loading-container,.error-container{text-align:center;color:var(--color-text-muted);padding:3rem;font-size:1.2rem}.error-container{color:var(--color-secondary)}@media (max-width:768px){.job-list-container{padding:1rem}.job-list-header h1{font-size:2rem}.jobs-grid{grid-template-columns:1fr;gap:1rem}.pagination{flex-direction:column;gap:1rem}}