.jobs-page{min-height:80vh;padding:2rem 0}.jobs-header{text-align:center;margin-bottom:2rem}.jobs-header h1{color:#1f2937;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.jobs-header p{color:#6b7280;margin:0;font-size:1.125rem}.jobs-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.filter-select{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;min-width:160px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:border-color .2s}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.job-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.05)}.job-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.job-card.featured{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-color:#f59e0b}.featured-badge{color:#fff;text-transform:uppercase;letter-spacing:.025em;background:#f59e0b;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-8px;right:1rem}.job-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.job-title-section h3{color:#1f2937;margin:0 0 .25rem;font-size:1.25rem;font-weight:600;line-height:1.3}.company-name{color:#6b7280;margin:0;font-size:1rem;font-weight:500}.job-badges{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.category-badge,.experience-badge{color:#fff;text-transform:capitalize;white-space:nowrap;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.job-details{flex:1;margin-bottom:1rem}.job-meta{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.job-meta span{color:#6b7280;font-size:.875rem;font-weight:500}.job-description{color:#374151;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.skills-section{margin-bottom:1rem}.skills-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.skill-tag.more{color:#6b7280;background:#e5e7eb}.job-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex}.job-source{flex-direction:column;gap:.25rem;display:flex}.job-source span{color:#9ca3af;font-size:.75rem}.posted-date{font-style:italic}.apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.loading-container p{color:#6b7280;font-size:1rem}.no-jobs{text-align:center;color:#6b7280;padding:3rem 1rem}.no-jobs p{margin-bottom:1rem;font-size:1.125rem}.no-jobs button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s}.no-jobs button:hover{background:#5a67d8}@media (max-width:768px){.jobs-page{padding:1rem 0}.jobs-header h1{font-size:2rem}.jobs-filters{flex-direction:column;align-items:center;gap:.75rem}.filter-select{width:100%;max-width:300px}.jobs-grid{grid-template-columns:1fr;gap:1rem}.job-card{padding:1rem}.job-header{flex-direction:column;align-items:flex-start;gap:.75rem}.job-badges{flex-direction:row;align-items:flex-start}.job-meta{gap:.25rem}.job-footer{flex-direction:column;align-items:stretch;gap:1rem}.apply-btn{text-align:center;width:100%}}@media (max-width:480px){.job-card h3{font-size:1.125rem}.job-badges{gap:.25rem}.category-badge,.experience-badge{padding:.1875rem .5rem;font-size:.6875rem}.skills-list{gap:.25rem}.skill-tag{padding:.1875rem .375rem;font-size:.6875rem}}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 0;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db;transform:none}.pagination-info{color:#6b7280;padding:0 1rem;font-size:.875rem;font-weight:500}.jobs-count{color:#6b7280;margin-top:.5rem;font-size:.875rem}@media (max-width:480px){.pagination{flex-direction:column;gap:.75rem}.pagination-btn{width:100%;max-width:200px}}
