.job-portal-container[data-v-673ccd20]{margin:0 auto;min-height:calc(100vh - 128px);display:flex;flex-direction:column;padding:100px 0 20px 0}.job-portal-container .jobContainer[data-v-673ccd20]{width:100%;max-width:1300px;margin:0 auto}.job-portal-container .el-card[data-v-673ccd20]{background-color:var(--bg-white)}.job-portal-container .search-container[data-v-673ccd20]{padding:20px 15px;display:flex;justify-content:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-base)}.job-portal-container .search-container .search-input[data-v-673ccd20]{width:100%;max-width:600px}.job-portal-container .search-container .search-input[data-v-673ccd20] .el-input__prefix{display:flex;align-items:center;left:10px}.job-portal-container .search-container .search-input .el-icon-search[data-v-673ccd20]{color:var(--icon-color)}.job-portal-container .mobile-layout .job-details-view[data-v-673ccd20],.job-portal-container .mobile-layout .job-list-view[data-v-673ccd20],.job-portal-container .mobile-layout[data-v-673ccd20]{width:100%}.job-portal-container .mobile-layout .back-button[data-v-673ccd20]{display:flex;align-items:center;padding:15px;font-size:16px;color:var(--primary);cursor:pointer;background-color:var(--bg-white);border-bottom:1px solid var(--border-base)}.job-portal-container .mobile-layout .back-button i[data-v-673ccd20]{margin-right:8px;font-size:18px}.job-portal-container .mobile-layout .back-button[data-v-673ccd20]:hover{background-color:var(--bg-light-grey)}.job-portal-container .mobile-layout .job-list-card[data-v-673ccd20]{border-radius:0;border:none;box-shadow:none}.job-portal-container .mobile-layout .job-list-card .list-header[data-v-673ccd20]{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;flex-wrap:wrap}.job-portal-container .mobile-layout .job-list-card .list-header .header-title[data-v-673ccd20]{font-size:18px;font-weight:700;color:var(--text-primary);margin-right:10px}.job-portal-container .mobile-layout .job-list-card .list-header .job-count[data-v-673ccd20]{font-size:14px;color:var(--text-des)}.job-portal-container .mobile-layout .job-list-card .job-list-content[data-v-673ccd20]{height:calc(100vh - 220px);overflow:auto}.job-portal-container .mobile-layout .job-list-card .job-item[data-v-673ccd20]{padding:15px;border-bottom:1px solid var(--border-base);cursor:pointer;transition:all .3s ease}.job-portal-container .mobile-layout .job-list-card .job-item[data-v-673ccd20]:hover{background-color:var(--bg-light-grey)}.job-portal-container .mobile-layout .job-list-card .job-item .job-title[data-v-673ccd20]{font-weight:700;font-size:16px;margin-bottom:5px;color:var(--text-primary)}.job-portal-container .mobile-layout .job-list-card .job-item .job-company[data-v-673ccd20]{font-size:14px;color:var(--text-blue);margin-bottom:8px}.job-portal-container .mobile-layout .job-list-card .job-item .job-meta[data-v-673ccd20]{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:13px;color:var(--text-des)}.job-portal-container .mobile-layout .job-list-card .job-item .job-meta span[data-v-673ccd20]{display:flex;align-items:center}.job-portal-container .mobile-layout .job-list-card .job-item .job-meta span i[data-v-673ccd20]{margin-right:5px;font-size:12px}.job-portal-container .mobile-layout .job-list-card .pagination-container[data-v-673ccd20]{padding:15px 0;margin-top:auto;display:flex;justify-content:center;border-top:1px solid var(--border-base)}.job-portal-container .mobile-layout .job-list-card .pagination-container[data-v-673ccd20] .el-pagination{flex-wrap:wrap;justify-content:center}.job-portal-container .mobile-layout .job-details-card[data-v-673ccd20]{border-radius:0;border:none;box-shadow:none}.job-portal-container .mobile-layout .job-details-card .details-header h2[data-v-673ccd20]{color:var(--text-primary);margin-bottom:5px;font-size:22px}.job-portal-container .mobile-layout .job-details-card .details-header .company-name[data-v-673ccd20]{color:var(--text-blue);margin-top:0;margin-bottom:15px;font-size:18px}.job-portal-container .mobile-layout .job-details-card .details-header .job-meta[data-v-673ccd20]{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--text-des);font-size:14px}.job-portal-container .mobile-layout .job-details-card .details-header .job-meta span[data-v-673ccd20]{display:flex;align-items:center}.job-portal-container .mobile-layout .job-details-card .details-header .job-meta span i[data-v-673ccd20]{margin-right:5px;color:var(--icon-color)}.job-portal-container .mobile-layout .job-details-card .info-notice[data-v-673ccd20]{border-left:3px solid var(--border-base);transition:all .3s ease;margin-bottom:25px;padding:15px;background-color:var(--bg-grey);border-radius:4px;color:var(--text-des)}.job-portal-container .mobile-layout .job-details-card .info-notice i[data-v-673ccd20]{color:var(--primary);margin-right:8px}.job-portal-container .mobile-layout .job-details-card .info-notice strong[data-v-673ccd20]{font-weight:600}.job-portal-container .mobile-layout .job-details-card .job-description[data-v-673ccd20]{line-height:1.6;color:var(--text-p)}.job-portal-container .mobile-layout .job-details-card .job-description h4[data-v-673ccd20]{color:var(--text-primary);margin-top:20px;margin-bottom:10px;font-size:18px}.job-portal-container .mobile-layout .job-details-card .job-description ul[data-v-673ccd20]{padding-left:20px}.job-portal-container .mobile-layout .job-details-card .action-buttons[data-v-673ccd20]{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}.job-portal-container .mobile-layout .job-details-card .action-buttons .el-button[data-v-673ccd20]{flex:1 1 100%;margin-left:0}.job-portal-container .mobile-layout .job-details-card .action-buttons .external-link-btn[data-v-673ccd20]{background-color:var(--btn-primary);border-color:var(--btn-primary)}.job-portal-container .mobile-layout .job-details-card .action-buttons .external-link-btn[data-v-673ccd20]:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.job-portal-container .mobile-layout .job-details-card .action-buttons .apply-btn[data-v-673ccd20]{background-color:var(--btn-success);border-color:var(--btn-success)}.job-portal-container .mobile-layout .job-details-card .action-buttons .apply-btn[data-v-673ccd20]:hover{background-color:var(--btn-success-hover);border-color:var(--btn-success-hover)}.job-portal-container .portal-layout[data-v-673ccd20]{flex:1;overflow:hidden;height:calc(100vh - 200px);flex-direction:column}@media(min-width:992px){.job-portal-container .portal-layout[data-v-673ccd20]{flex-direction:row}}.job-portal-container .job-list-container[data-v-673ccd20]{background-color:var(--bg-white);border-right:none;width:100%!important;height:auto}@media(min-width:992px){.job-portal-container .job-list-container[data-v-673ccd20]{width:400px!important;border-right:1px solid var(--border-base);height:100%}}.job-portal-container .job-list-container .job-list-card[data-v-673ccd20]{height:100%;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column}.job-portal-container .job-list-container .job-list-card .list-header[data-v-673ccd20]{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;flex-wrap:wrap}.job-portal-container .job-list-container .job-list-card .list-header .header-title[data-v-673ccd20]{font-size:18px;font-weight:700;color:var(--text-primary);margin-right:10px}.job-portal-container .job-list-container .job-list-card .list-header .job-count[data-v-673ccd20]{font-size:14px;color:var(--text-des)}.job-portal-container .job-list-container .job-list-card .job-list-content[data-v-673ccd20]{flex:1;display:flex;flex-direction:column;height:calc(100vh - 320px);overflow:auto}.job-portal-container .job-list-container .job-list-card .job-item[data-v-673ccd20]{padding:15px;border-bottom:1px solid var(--border-base);cursor:pointer;transition:all .3s ease}.job-portal-container .job-list-container .job-list-card .job-item[data-v-673ccd20]:hover{background-color:var(--bg-light-grey)}.job-portal-container .job-list-container .job-list-card .job-item.selected[data-v-673ccd20]{background-color:var(--bg-tertiary-light);border-left:3px solid var(--primary)}.job-portal-container .job-list-container .job-list-card .job-item .job-title[data-v-673ccd20]{font-weight:700;font-size:16px;margin-bottom:5px;color:var(--text-primary)}.job-portal-container .job-list-container .job-list-card .job-item .job-company[data-v-673ccd20]{font-size:14px;color:var(--text-blue);margin-bottom:8px}.job-portal-container .job-list-container .job-list-card .job-item .job-meta[data-v-673ccd20]{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:13px;color:var(--text-des)}.job-portal-container .job-list-container .job-list-card .job-item .job-meta span[data-v-673ccd20]{display:flex;align-items:center}.job-portal-container .job-list-container .job-list-card .job-item .job-meta span i[data-v-673ccd20]{margin-right:5px;font-size:12px}.job-portal-container .job-list-container .job-list-card .pagination-container[data-v-673ccd20]{padding:15px 0;margin-top:auto;display:flex;justify-content:center;border-top:1px solid var(--border-base)}.job-portal-container .job-list-container .job-list-card .pagination-container[data-v-673ccd20] .el-pagination{flex-wrap:wrap;justify-content:center}.job-portal-container .job-details-container[data-v-673ccd20]{padding:20px;background-color:var(--bg-white);height:auto;min-height:400px}@media(min-width:992px){.job-portal-container .job-details-container[data-v-673ccd20]{height:100%}}.job-portal-container .job-details-container .job-details-card[data-v-673ccd20]{min-height:calc(100% - 10px);border-radius:4px}.job-portal-container .job-details-container .job-details-card .details-header h2[data-v-673ccd20]{color:var(--text-primary);margin-bottom:5px;font-size:22px}@media(min-width:768px){.job-portal-container .job-details-container .job-details-card .details-header h2[data-v-673ccd20]{font-size:24px}}.job-portal-container .job-details-container .job-details-card .details-header .company-name[data-v-673ccd20]{color:var(--text-blue);margin-top:0;margin-bottom:15px;font-size:18px}@media(min-width:768px){.job-portal-container .job-details-container .job-details-card .details-header .company-name[data-v-673ccd20]{font-size:20px}}.job-portal-container .job-details-container .job-details-card .details-header .job-meta[data-v-673ccd20]{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--text-des);font-size:14px}.job-portal-container .job-details-container .job-details-card .details-header .job-meta span[data-v-673ccd20]{display:flex;align-items:center}.job-portal-container .job-details-container .job-details-card .details-header .job-meta span i[data-v-673ccd20]{margin-right:5px;color:var(--icon-color)}.job-portal-container .job-details-container .job-details-card .info-notice[data-v-673ccd20]{border-left:3px solid var(--border-base);transition:all .3s ease;margin-bottom:25px;padding:15px;background-color:var(--bg-grey);border-radius:4px;color:var(--text-des)}.job-portal-container .job-details-container .job-details-card .info-notice i[data-v-673ccd20]{color:var(--primary);margin-right:8px}.job-portal-container .job-details-container .job-details-card .info-notice strong[data-v-673ccd20]{font-weight:600}.job-portal-container .job-details-container .job-details-card .job-description[data-v-673ccd20]{line-height:1.6;color:var(--text-p)}.job-portal-container .job-details-container .job-details-card .job-description h4[data-v-673ccd20]{color:var(--text-primary);margin-top:20px;margin-bottom:10px;font-size:18px}.job-portal-container .job-details-container .job-details-card .job-description ul[data-v-673ccd20]{padding-left:20px}.job-portal-container .job-details-container .job-details-card .action-buttons[data-v-673ccd20]{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}.job-portal-container .job-details-container .job-details-card .action-buttons .el-button[data-v-673ccd20]{flex:1 1 100%;margin-left:0}@media(min-width:480px){.job-portal-container .job-details-container .job-details-card .action-buttons .el-button[data-v-673ccd20]{flex:1 1 auto}}.job-portal-container .job-details-container .job-details-card .action-buttons .external-link-btn[data-v-673ccd20]{background-color:var(--btn-primary);border-color:var(--btn-primary)}.job-portal-container .job-details-container .job-details-card .action-buttons .external-link-btn[data-v-673ccd20]:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.job-portal-container .job-details-container .job-details-card .action-buttons .apply-btn[data-v-673ccd20]{background-color:var(--btn-success);border-color:var(--btn-success)}.job-portal-container .job-details-container .job-details-card .action-buttons .apply-btn[data-v-673ccd20]:hover{background-color:var(--btn-success-hover);border-color:var(--btn-success-hover)}.job-portal-container .job-details-container .empty-state[data-v-673ccd20]{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;border:none;box-shadow:none;min-height:300px}.job-portal-container .job-details-container .empty-state .empty-content[data-v-673ccd20]{color:var(--text-des);padding:20px}.job-portal-container .job-details-container .empty-state .empty-content i[data-v-673ccd20]{color:var(--icon-color);margin-bottom:15px}.job-portal-container .job-details-container .empty-state .empty-content h3[data-v-673ccd20]{color:var(--text-primary);margin-bottom:10px;font-size:18px}.job-portal-container .job-details-container .empty-state .empty-content p[data-v-673ccd20]{max-width:400px;margin:0 auto}@media(max-width:767px){.job-portal-container .search-container[data-v-673ccd20]{padding:15px}.job-portal-container .job-list-container .job-list-card .job-item[data-v-673ccd20]{padding:12px}.job-portal-container .job-list-container .job-list-card .job-item .job-meta[data-v-673ccd20]{gap:8px}.job-portal-container .job-details-container[data-v-673ccd20]{padding:15px}.job-portal-container .job-details-container .job-details-card .details-header h2[data-v-673ccd20]{font-size:20px}.job-portal-container .job-details-container .job-details-card .details-header .company-name[data-v-673ccd20]{font-size:16px}}@media(max-width:480px){.job-portal-container .job-list-container .job-list-card .list-header[data-v-673ccd20]{flex-direction:column;align-items:flex-start}.job-portal-container .job-list-container .job-list-card .list-header .job-count[data-v-673ccd20]{margin-top:5px}.job-portal-container .job-details-container .job-details-card .action-buttons .el-button[data-v-673ccd20]{width:100%}}