#tanobel-karir-app{max-width:1200px;margin:0 auto;padding:0 1rem;font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.tk-search-wrapper{margin-bottom:2rem;display:flex;justify-content:flex-start}.tk-search-group{display:inline-flex;align-items:stretch;max-width:520px;width:100%}.tk-search-input{flex:1;padding:.75rem 1rem;font-size:.9375rem;border:2px solid #d1d5db;border-right:none;border-radius:.375rem 0 0 .375rem;outline:none;transition:border-color 0.2s;box-sizing:border-box;background-color:#fff;min-width:0}.tk-search-input:focus{border-color:#1e3a5f}.tk-search-input::placeholder{color:#9ca3af}.tk-search-btn{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;color:#fff;background-color:#1e3a5f;border:2px solid #1e3a5f;border-radius:0 .375rem .375rem 0;cursor:pointer;transition:background-color 0.2s;white-space:nowrap}.tk-search-btn:hover{background-color:#162d4a;border-color:#162d4a}.tk-jobs-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}@media (min-width:640px){.tk-jobs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tk-jobs-grid{grid-template-columns:repeat(3,1fr)}}.tk-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:box-shadow 0.2s,transform 0.2s}.tk-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 4px 10px -5px rgba(0,0,0,.04);transform:translateY(-2px)}.tk-card-body{flex:1;padding:1.25rem}.tk-card-title{font-size:1.0625rem;font-weight:600;color:#111827;margin:0 0 .75rem 0;line-height:1.4}.tk-card-meta{display:flex;flex-direction:column;gap:.4rem}.tk-meta-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#6b7280}.tk-icon{width:1rem;height:1rem;flex-shrink:0}.tk-card-footer{padding:0 1.25rem 1.25rem}.tk-btn-apply{display:inline-block;width:100%;padding:.625rem 1rem;background-color:#ea580c;color:#ffffff!important;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none!important;border-radius:.5rem;border:none;cursor:pointer;transition:background-color 0.2s;box-sizing:border-box;font-family:inherit}.tk-btn-apply:hover{background-color:#c2410c;color:#ffffff!important;text-decoration:none!important}.tk-loading{text-align:center;padding:3rem 1rem;color:#6b7280}.tk-spinner{display:inline-block;width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:tk-spin 0.8s linear infinite;margin-bottom:1rem}@keyframes tk-spin{to{transform:rotate(360deg)}}.tk-empty,.tk-error{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.9375rem}.tk-error{color:#dc2626}.tk-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;animation:tk-fade-in 0.2s ease-out}@keyframes tk-fade-in{from{opacity:0}to{opacity:1}}.tk-modal{background:#fff;border-radius:1rem;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:tk-slide-up 0.25s ease-out;overflow:hidden}@keyframes tk-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tk-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.75rem 1rem;gap:1rem}.tk-modal-title{font-size:1.375rem;font-weight:700;color:#111827;margin:0;line-height:1.3}.tk-modal-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.tk-modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:none;background:#f3f4f6;border-radius:50%;font-size:1.25rem;color:#6b7280;cursor:pointer;transition:background 0.15s,color 0.15s;line-height:1}.tk-modal-close:hover{background:#e5e7eb;color:#111827}.tk-modal-body{flex:1;overflow-y:auto;padding:0 1.75rem 1.25rem}.tk-detail-section{margin-bottom:1.25rem}.tk-detail-label{font-size:.8125rem;font-weight:700;color:#111827;margin:0 0 .3rem;text-transform:none}.tk-detail-value{font-size:.875rem;color:#374151;margin:0;line-height:1.6;white-space:pre-line}.tk-detail-separator{height:1px;background:#e5e7eb;margin:1.25rem 0}.tk-detail-heading{font-size:1rem;font-weight:700;color:#111827;margin:0 0 1rem}.tk-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem}@media (max-width:639px){.tk-detail-grid{grid-template-columns:1fr;gap:1rem}}.tk-detail-cell{min-width:0}.tk-detail-cell .tk-detail-label{font-size:.8125rem;font-weight:700;color:#111827}.tk-detail-cell .tk-detail-value{font-size:.8125rem;color:#374151}.tk-modal-footer{padding:1rem 1.75rem 1.5rem;display:flex;justify-content:flex-end}.tk-btn-daftar{display:inline-block;padding:.75rem 2rem;background-color:#ea580c;color:#ffffff!important;font-size:.9375rem;font-weight:700;text-align:center;text-decoration:none!important;border-radius:.5rem;border:none;cursor:pointer;transition:background-color 0.2s,box-shadow 0.2s;box-sizing:border-box}.tk-btn-daftar:hover{background-color:#c2410c;color:#ffffff!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(234,88,12,.35)}