*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 20px}.job-listing-container{padding:20px 0;min-height:100vh;overflow-x:hidden}.job-listing-header{text-align:center;margin-bottom:40px}.job-listing-header h1{font-size:2.5rem;color:#333;margin-bottom:10px;font-weight:700}.job-listing-header p{font-size:1.1rem;color:#666;margin:0}.job-filters-new{background:#f8f9fa;padding:30px 0;margin-bottom:30px}.filters-container{max-width:1200px;margin:0 auto;padding:0 20px}.filter-dropdowns{display:flex;gap:15px;align-items:center;margin-bottom:20px;justify-content:center;flex-wrap:nowrap}.filter-dropdown{flex:1;max-width:280px;min-width:200px;padding:15px 20px;font-size:16px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:12px;cursor:pointer;transition:all .3s ease}.filter-dropdown:hover{border-color:#007cba}.filter-dropdown:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 3px rgba(0,124,186,.1)}.search-button{background:#e74c3c;color:#fff;border:none;padding:15px 30px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:140px;flex-shrink:0}.search-button:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.3)}.keyword-search-row{display:flex;gap:10px;align-items:center;justify-content:center;max-width:800px;margin:0 auto}.keyword-input{flex:1;padding:15px 20px;font-size:16px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;transition:all .3s ease}.keyword-input:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 3px rgba(0,124,186,.1)}.keyword-input::placeholder{color:#999}.search-icon-btn{background:#007cba;color:#fff;border:none;padding:15px 20px;font-size:18px;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.search-icon-btn:hover{background:#005a8a;transform:translateY(-1px)}.job-filters{display:none}.job-results{max-width:1200px;margin:0 auto;padding:0 20px}.results-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px 0;border-bottom:2px solid #f0f0f0}.results-count{font-size:16px;color:#666;font-weight:500}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:30px;padding:20px 0}.job-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);height:fit-content}.job-card:hover{border-color:#007cba;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.job-card-header{margin-bottom:10px}.job-id{font-size:18px;font-weight:700;color:#007cba;margin:0;text-decoration:none}.job-title{font-size:16px;font-weight:600;color:#333;margin:8px 0 15px;line-height:1.4;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-meta{margin:15px 0}.job-meta-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.meta-icon{width:16px;height:16px;margin-right:8px;font-size:14px;flex-shrink:0}.meta-label{color:#666;font-weight:500;line-height:1.4}.job-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #f0f0f0}.job-posted{font-size:12px;color:#888;font-weight:500}.view-details-btn{background:#007cba;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.view-details-btn:hover{background:#005a8a;transform:translateY(-1px);text-decoration:none;color:#fff}.load-more-container{text-align:center;margin:30px 0}.btn-outline{background:0 0;border:2px solid #007cba;color:#007cba !important;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-outline:hover{background:#007cba;color:#fff !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,124,186,.3)}.btn-outline:disabled{opacity:.6;cursor:not-allowed;transform:none}.jobs-grid.loading{opacity:.6;pointer-events:none;position:relative}.jobs-grid.loading:after{content:'Loading jobs...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);padding:20px;border-radius:8px;font-weight:600;color:#666;z-index:10}.no-jobs-found{text-align:center;padding:60px 20px;color:#666;font-size:18px;font-weight:500;background:#f8f9fa;border-radius:8px;margin:20px 0}.job-details-container{max-width:1200px;margin:0 auto;padding:20px}.job-details-header{margin-bottom:30px}.back-link{display:inline-block;color:#007cba !important;text-decoration:none !important;font-weight:600;margin-bottom:20px;transition:all .3s ease}.back-link:hover{color:#005a8a;transform:translateX(-5px)}.job-details-main h1{font-size:1.8rem;color:#666;margin-bottom:10px}.job-details-main h2{font-size:2.5rem;color:#333;margin-bottom:20px}.job-details-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:20px 0}.meta-item{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-radius:8px}.meta-item .meta-icon{font-size:18px}.meta-item .meta-label{font-weight:600;color:#333}.meta-item .meta-value{color:#666}.job-details-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-top:30px}.job-description h3{color:#333;margin-bottom:15px;border-bottom:2px solid #007cba;padding-bottom:5px}.description-content{font-size:14px;line-height:28px;margin-bottom:20px}.job-sidebar h3{color:#333;font-size:1.3rem;margin-bottom:20px}.related-jobs{display:flex;flex-direction:column;gap:15px}.related-job-item{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.related-job-link{color:#007cba !important;text-decoration:none;font-weight:600;font-size:14px}.related-job-link:hover{color:#005a8a}@media (max-width:1200px){.filter-dropdown{min-width:150px;max-width:200px}}@media (max-width:768px){.container{padding:0 15px}.job-listing-header h1{font-size:2rem}.filter-dropdowns{flex-direction:column;gap:10px;align-items:stretch}.filter-dropdown{max-width:none;min-width:auto;width:100%}.search-button{min-width:auto;width:100%}.keyword-search-row{flex-direction:column;max-width:none}.keyword-input{width:100%}.search-icon-btn{width:100%}.jobs-grid{grid-template-columns:1fr;gap:15px;padding:10px 0}.job-title{min-height:auto}.job-details-content{grid-template-columns:1fr;gap:20px}.job-details-meta{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.jobs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.jobs-grid{grid-template-columns:repeat(3,1fr)}}@media print{.job-filters-new,.load-more-container,.search-button,.search-icon-btn{display:none}.job-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid}}.job-card:focus-within{border-color:#007cba;box-shadow:0 0 0 3px rgba(0,124,186,.3)}.view-details-btn:focus,.search-button:focus,.search-icon-btn:focus,.btn-outline:focus{outline:2px solid #007cba;outline-offset:2px}@media (prefers-contrast:high){.job-card{border-width:2px}.job-card:hover{border-width:3px}}@media (prefers-reduced-motion:reduce){*{transition:none !important;transform:none !important}}@media (prefers-color-scheme:dark){.job-card{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.job-id{color:#63b3ed}.job-title{color:#f7fafc}.meta-label{color:#a0aec0}}.apply-btn{outline:inherit !important;transition:all .5s ease;cursor:pointer;border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#c90000;color:#fff !important;font-size:16px !important;font-size:1rem;line-height:6;padding:.6em 1em .4em;text-shadow:0 1px 0 rgba(0,0,0,.8);margin-top:15px}a:hover,a:active{color:#fff}a:visited{color:#fff}