@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{color:#9c9c9d;background:#fff}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#1352e4;font-weight:600;line-height:1.3;margin-bottom:.5em}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1em;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-header{padding:3rem 0 2rem;margin-bottom:3rem}.page-title{font-size:2.5rem;font-weight:700;color:#1352e4;margin-bottom:.5rem}.page-subtitle{font-size:1.125rem;color:#9c9c9d;font-weight:400}.jobs-layout{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.jobs-container{display:grid;grid-gap:2rem;gap:2rem;transition:all .3s ease;min-height:70vh}.jobs-container.centered{grid-template-columns:1fr;justify-content:center;max-width:800px;margin:0 auto}.jobs-container.with-detail{grid-template-columns:400px 1fr;max-width:none}.jobs-list-panel{background:#fff;border-radius:12px;padding:1.5rem;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.list-header h2{font-size:1.25rem;font-weight:600;color:#1352e4;margin:0}.job-count{font-size:.9rem;color:#9c9c9d}.job-list{display:flex;flex-direction:column;gap:.75rem}.job-item{padding:.5rem 0;cursor:pointer;transition:all .2s ease;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.job-item.selected .job-title,.job-item:hover .job-title{color:#0d47a1}.job-item .job-title{font-size:1rem;font-weight:700;color:#1352e4;margin-bottom:.25rem;line-height:1.3}.job-item .job-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:#9c9c9d}.job-item .meta-item{display:flex;align-items:center;gap:.25rem}.job-item .meta-separator{color:#9c9c9d;margin:0 .0625rem}.job-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:1.25rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease}.job-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.job-card.selected{background:#f0f7ff;border-color:#1352e4}.job-card .job-title{font-size:1.125rem;font-weight:600;color:#1352e4;margin-bottom:.75rem;line-height:1.3;text-decoration:none;display:block}.job-card .job-title:hover{color:#0d47a1}.job-card .job-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:#666}.job-card .job-meta-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#666}.job-card .job-meta-item span:first-child{font-size:.875rem}.job-detail-container .job-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.job-detail-container .job-meta-item{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;color:#666;display:inline-flex;align-items:center}.job-detail-panel{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem;height:-moz-fit-content;height:fit-content;max-height:none;overflow-y:visible;animation:slideInRight .3s ease-out;transform-origin:right center}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.job-detail-panel.closing{animation:slideOutRight .2s ease-in forwards}.job-detail{height:100%}.job-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:0 0 1rem;margin-bottom:.75rem}.close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.close-btn:hover{background:#f0f0f0;color:#333}.job-header-content{flex:1 1}.job-detail-title{font-size:1.5rem;font-weight:600;color:#1352e4;margin:0 0 .75rem;line-height:1.3}.job-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;font-size:.85rem;color:#666}.job-detail-content{padding:0}.tab-navigation{display:flex;border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem}.tab-button{background:none;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;color:#9c9c9d;border:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;position:relative}.tab-button:hover{color:#1352e4}.tab-button.active{color:#1352e4;border-bottom-color:#1352e4}.tab-content{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.job-actions,.job-description{margin-bottom:2rem}.job-description{color:#333}.job-description h1,.job-description h2,.job-description h3,.job-description h4,.job-description h5,.job-description h6{color:#1352e4}.job-info{border-top:1px solid #f0f0f0;padding-top:1.5rem}.info-item{margin-bottom:1rem;font-size:.9rem;color:#666}.external-link{color:#1352e4;text-decoration:none}.external-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:3rem 1rem;color:#9c9c9d}.job-description{color:#9c9c9d;line-height:1.7}.job-description h1,.job-description h2,.job-description h3,.job-description h4,.job-description h5,.job-description h6{color:#333;margin-top:1.5em;margin-bottom:.5em}.job-description ol,.job-description ul{margin:1em 0;padding-left:1.5em}.job-description li{margin-bottom:.5em}.job-description a{color:#1352e4;text-decoration:underline}.read-more-btn{color:#1352e4;font-weight:500;cursor:pointer;margin-top:.5rem;display:inline-block}.read-more-btn:hover{text-decoration:underline}.job-detail-container{display:grid;grid-template-columns:1fr 300px;grid-gap:3rem;gap:3rem;margin-top:2rem}.job-content{min-width:0}.job-sidebar{background:#f9f9f9;padding:2rem;border-radius:8px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem}.sidebar-content{color:#666;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:#1352e4;color:#fff}.btn-primary:hover{background:#0f42c7}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.btn-secondary:hover{background:#e8e8e8}.btn-remove{background:#1352e4;color:#fff;border:1px solid #1352e4;cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s ease}.btn-remove:hover{background:#0d3ba8;border-color:#0d3ba8}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.btn-large{padding:1rem 2rem;font-size:1rem;font-weight:600}.btn-full-width{width:100%}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-label.required:after{content:" *";color:#e74c3c}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1352e4;box-shadow:0 0 0 3px rgba(19,82,228,.1)}.form-textarea{resize:vertical;min-height:120px}.form-file{width:100%;padding:.75rem;border:2px dashed #e0e0e0;border-radius:6px;text-align:center;cursor:pointer;transition:border-color .2s ease}.form-file:hover{border-color:#1352e4}.form-file input[type=file]{display:none}.form-error{color:#e74c3c;font-size:.8rem;margin-top:.25rem}.form-success{background:#d4edda;color:#155724;padding:1rem;border-radius:6px;border:1px solid #c3e6cb;margin-bottom:1.5rem}.application-form{background:transparent;padding:0;border-radius:0;margin-top:0;border:none}.application-form-title{font-size:1.25rem;font-weight:600;color:#1352e4;margin:0}.loading{display:inline-flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#1352e4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.jobs-container.with-detail{grid-template-columns:350px 1fr}}@media (min-width:769px){.job-detail-panel,.jobs-list-panel{display:block!important}}@media (max-width:768px){.container{padding:0}.page-header{padding:2rem 0 1.5rem}.page-title{font-size:2rem}.jobs-layout{padding:0;max-width:100vw}.jobs-container.with-detail{grid-template-columns:1fr;gap:0;min-height:100vh}.job-detail-panel,.jobs-list-panel{max-height:none;padding:1rem;border-radius:0}.jobs-list-panel[style*="display: none"]{display:none!important}.job-detail-header{padding:0 0 .75rem}.application-form,.job-detail-content{padding:0}.tab-button{padding:.875rem 1rem;font-size:.9rem}}@media (max-width:480px){.job-meta{flex-direction:row;gap:.5rem;flex-wrap:wrap}.btn-large{padding:.875rem 1.5rem}}.debug-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:2rem}.confirmation-message{text-align:center;max-width:500px;background:#fff;padding:3rem 2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.checkmark-icon{margin-bottom:2rem;display:flex;justify-content:center}.confirmation-title{font-size:1.75rem;font-weight:600;color:#1352e4;margin:0 0 1rem;line-height:1.3}.confirmation-text{font-size:1.125rem;color:#666;margin:0;line-height:1.5}@media (max-width:768px){.debug-container{padding:1rem}.confirmation-message{padding:2rem 1.5rem}.confirmation-title{font-size:1.5rem}.confirmation-text{font-size:1rem}}