:root{--bg-sidebar:#f5f7fc;--text-dark:#202124;--text-muted:#696969;--primary-blue:#1967d2;--accent-blue-light:rgba(25,103,210,.08);--accent-orange-light:rgba(249,171,0,.08);--border-color:#ecedf2}.job-board-container{color:var(--text-dark);display:flex;font-family:Inter,sans-serif;gap:30px;margin:40px auto;max-width:1320px;padding:0 15px}.job-board-container,.job-board-container *{box-sizing:border-box}.job-sidebar{background-color:var(--bg-sidebar);border-radius:12px;height:fit-content;padding:30px;width:310px}.filter-group{margin-bottom:24px}.filter-label{color:var(--text-dark);display:block;font-size:15px;font-weight:600;margin-bottom:10px}.input-with-icon{align-items:center;display:flex;position:relative}.search-svg{color:var(--text-muted);left:auto;pointer-events:none;position:absolute;right:10px;top:22%}.input-with-icon input{background:#fff;border:1px solid transparent;border-radius:8px;color:var(--text-dark);font-size:14px;height:50px;line-height:50px;padding:0 15px 0 45px;transition:all .2s ease;width:100%}.input-with-icon input:focus,.select-wrapper select:focus{background-color:#fff;border-color:var(--primary-blue);outline:none}.select-wrapper{display:block;position:relative;width:100%}.select-wrapper select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid transparent;border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:14px;height:50px;line-height:50px;padding:0 40px 0 15px;width:100%}.select-wrapper:after{content:"▾";font-size:16px;pointer-events:none;position:absolute;right:16px;top:39%;transform:translateY(-50%)}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.4}.radio-label input[type=radio]{accent-color:var(--primary-blue);height:18px;margin:0;width:18px}.job-listings-main{flex:1}.listings-header{align-items:center;color:var(--text-muted);display:flex;font-size:14px;justify-content:space-between;margin-bottom:25px}.control-select{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);height:40px;margin-left:10px;padding:10px 16px}.job-card{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.job-card:hover{border-color:transparent;box-shadow:0 6px 30px rgba(0,0,0,.04)}.card-left{gap:22px}.card-left,.company-logo{align-items:center;display:flex}.company-logo{border-radius:8px;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:55px;justify-content:center;width:55px}.avatar-blue{background-color:#1967d2}.avatar-black{background-color:#111}.title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.job-title{font-size:18px;font-weight:600;line-height:1.2;margin:0}.job-title a{color:var(--text-dark);text-decoration:none}.job-title a:hover{color:var(--primary-blue)}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:3px 12px}.badge-featured{background:rgba(52,168,83,.1);color:#34a853}.meta-row{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:12px}.meta-item{align-items:center;display:inline-flex;gap:6px;line-height:1}.meta-item svg{flex-shrink:0}.tag-row{display:flex;gap:10px}.tag{border-radius:20px;font-size:13px;font-weight:500;padding:5px 16px}.tag-type{background-color:var(--accent-blue-light);color:var(--primary-blue)}.tag-urgent{background-color:var(--accent-orange-light);color:#e88b00}.bookmark-btn{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;padding:8px}.no-results-card{background:#fff;border:1px dashed var(--border-color);border-radius:12px;color:var(--text-muted);padding:60px 20px;text-align:center;width:100%}.no-results-card h3{color:var(--text-dark);font-size:20px;margin:0 0 10px}.no-results-card p{font-size:14px;margin:0}.pagination-container{display:flex;justify-content:center;margin-top:35px}.pagination-list{gap:12px;list-style:none;padding:0}.page-num,.pagination-list{align-items:center;display:flex}.page-num{background-color:var(--bg-sidebar);border-radius:50%;color:var(--text-dark);font-size:15px;height:44px;justify-content:center;text-decoration:none;transition:all .2s ease;width:44px}.page-num.active,.page-num:hover{background-color:var(--primary-blue);color:#fff}.page-next{color:var(--text-dark);font-size:20px;text-decoration:none}@media (max-width:768px){.job-sidebar{padding:20px;width:100%}.job-listings-main{flex:auto}.job-board-container{flex-wrap:wrap}}.job-detail-container{background:#fff;border-radius:12px;font-family:Inter,sans-serif;margin:50px auto;max-width:960px;padding:40px}.job-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.detail-header-inner{align-items:center;display:flex;gap:25px}.company-logo-large{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:36px;font-weight:700;height:100px;justify-content:center;width:100px}.header-main-details{display:flex;flex-direction:column}.title-heading-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.detail-job-title{color:var(--text-dark);font-size:28px;font-weight:700;margin:0}.detail-meta-row{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:15px;gap:24px;margin-bottom:15px}.detail-meta-row .meta-item{align-items:center;display:flex;gap:8px}.detail-meta-row .meta-item svg{color:#a0aec0}.font-salary svg{color:var(--primary-blue)!important}.detail-tag-row{display:flex;gap:10px}.detail-bookmark-btn{background:#f5f7fc;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;padding:14px;transition:all .2s ease}.detail-bookmark-btn:hover{background:var(--accent-blue-light);color:var(--primary-blue)}.detail-separator{background:var(--border-color);border:0;height:1px;margin:0 0 35px}.job-body-content{color:var(--text-dark)}.body-section-title{font-size:18px;font-weight:600;margin:0 0 20px}.rich-text-wrapper{color:#4a5568;font-size:15px;line-height:1.75}.rich-text-wrapper p{margin-bottom:20px}.action-footer-row{border-top:1px solid var(--border-color);margin-top:40px;padding-top:25px}.btn-back-listings{color:var(--primary-blue);display:inline-block;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s ease}.btn-back-listings:hover{transform:translateX(-4px)}