@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary-blue:#0056b3;--primary-blue-light:#007bff;--primary-blue-dark:#004085;--secondary-blue:#17a2b8;--accent-orange:#fd7e14;--accent-green:#28a745;--white:#fff;--gray-50:#f8f9fa;--gray-100:#e9ecef;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#212529;--gray-900:#0d1117;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 40px #00000029;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50px}*{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.job-details-page{background:var(--gray-50);min-height:100vh}.public-job-page{padding-top:84px}.job-header{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100;padding:24px 0;position:sticky;top:0}.job-container{max-width:1200px;margin:0 auto;padding:0 24px}.back-button{border:1px solid var(--gray-300);color:var(--gray-600);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.back-button:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.public-job-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.public-job-preview-label{color:var(--gray-500);font-size:14px;font-weight:600}.loading-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.loading-spinner{border:3px solid var(--gray-200);border-top:3px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:var(--gray-600);margin:0;font-size:16px}.error-content{text-align:center;padding:80px 0}.error-icon{margin-bottom:16px;font-size:48px}.error-content h3{color:var(--gray-800);margin:0 0 8px;font-size:24px;font-weight:600}.error-content p{color:var(--gray-600);margin:0 0 24px}.search-again-button{background:var(--primary-blue);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.search-again-button:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}.job-content{padding:32px 0}.job-layout{grid-template-columns:1fr 350px;align-items:start;gap:32px;display:grid}.job-main{min-width:0}.job-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.job-header-content{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.job-type-badge{background:var(--gray-100);border-radius:var(--radius-full);color:var(--gray-700);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.job-type-icon{font-size:18px}.job-meta{align-items:center;gap:12px;display:flex}.job-date{color:var(--gray-500);font-size:14px;font-weight:500}.job-title{color:var(--gray-800);margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.2}.job-company{color:var(--gray-600);align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:500;display:flex}.job-company svg{color:var(--gray-400)}.job-details-grid{background:var(--gray-50);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px;padding:24px;display:grid}.job-detail{align-items:flex-start;gap:12px;display:flex}.job-detail svg{color:var(--gray-400);flex-shrink:0;margin-top:2px}.job-detail div{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.detail-value{color:var(--gray-700);font-size:16px;font-weight:500}.job-description,.job-requirements,.job-benefits{margin-bottom:32px}.job-description h3,.job-requirements h3,.job-benefits h3,.job-description h2,.job-requirements h2,.job-benefits h2{color:var(--gray-800);margin:0 0 16px;font-size:20px;font-weight:600}.description-content,.requirements-content,.benefits-content{color:var(--gray-700);font-size:16px;line-height:1.6}.public-job-list{margin:0;padding-left:20px}.public-job-list li{margin-bottom:10px}.public-job-list li:last-child{margin-bottom:0}.public-job-note{margin-bottom:0!important}.description-content p,.requirements-content p,.benefits-content p{margin:0 0 12px}.description-content p:last-child,.requirements-content p:last-child,.benefits-content p:last-child{margin-bottom:0}.job-sidebar{flex-direction:column;gap:24px;display:flex}.apply-card,.company-card,.share-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.apply-card h3,.company-card h3,.share-card h3,.apply-card h2,.company-card h2,.share-card h2{color:var(--gray-800);margin:0 0 12px;font-size:18px;font-weight:600}.apply-card p,.company-card p{color:var(--gray-600);margin:0 0 20px;font-size:14px;line-height:1.5}.apply-button{background:var(--primary-blue);color:var(--white);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:14px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.apply-button:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}.save-button{background:var(--white);color:var(--gray-600);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.save-button:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.company-button{background:var(--white);color:var(--primary-blue);border:1px solid var(--primary-blue);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.company-button:hover{background:var(--primary-blue);color:var(--white)}.share-buttons{flex-direction:column;gap:8px;display:flex}.share-button{background:var(--white);color:var(--gray-600);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.share-button:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.share-button.copied,.share-button.copied:hover{background:var(--accent-green);color:var(--white);border-color:var(--accent-green)}@media (max-width:1024px){.job-layout{grid-template-columns:1fr;gap:24px}.job-sidebar{order:-1}}@media (max-width:768px){.job-container{padding:0 16px}.public-job-page{padding-top:72px}.public-job-header-row{flex-direction:column;align-items:flex-start}.job-card{padding:24px}.job-title{font-size:24px}.job-details-grid{grid-template-columns:1fr;gap:16px;padding:20px}.job-detail{flex-direction:column;gap:8px}.job-detail svg{margin-top:0}.apply-card,.company-card,.share-card{padding:20px}}@media (max-width:480px){.job-header{padding:16px 0}.job-content{padding:24px 0}.job-card{padding:20px}.job-title{font-size:20px}.job-company{font-size:16px}.job-details-grid{padding:16px}.detail-value,.description-content,.requirements-content,.benefits-content{font-size:14px}}