.skeleton{background:linear-gradient(90deg,#f8f9fa 25%,#fff 50%,#f8f9fa 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite loading;display:inline-block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skeleton-image{background:#f8f9fa;border-radius:8px;position:relative;overflow:hidden}.skeleton-image.skeleton-avatar{border-radius:50%;width:60px;height:60px}.skeleton-image.skeleton-banner{border-radius:12px;width:100%;height:200px}.skeleton-image.skeleton-company-logo{border-radius:8px;width:50px;height:50px}.skeleton-image.skeleton-job-image{border-radius:8px;width:100%;height:150px}.skeleton-image.skeleton-thumbnail{border-radius:6px;width:80px;height:80px}.skeleton-text{border-radius:4px;height:1em;margin:.25em 0}.skeleton-text.skeleton-title{width:80%;height:1.5em}.skeleton-text.skeleton-subtitle{width:60%;height:1.2em}.skeleton-text.skeleton-line{width:100%;height:1em}.skeleton-text.skeleton-line-short{width:70%;height:1em}.skeleton-text.skeleton-line-medium{width:85%;height:1em}.skeleton-text.skeleton-paragraph{height:1em;margin:.5em 0}.skeleton-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.skeleton-job-card{flex-direction:column;gap:1rem;display:flex}.skeleton-job-card-header{align-items:center;gap:1rem;display:flex}.skeleton-job-card-content{flex-direction:column;gap:.5rem;display:flex}.skeleton-job-card-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.skeleton-company-card{text-align:center;padding:2rem 1rem}.skeleton-company-card .skeleton-image{margin:0 auto 1rem}.skeleton-blog-card{flex-direction:column;gap:1rem;display:flex}.skeleton-blog-card .skeleton-image{width:100%;height:200px}.skeleton-candidate-card{align-items:center;gap:1rem;padding:1rem;display:flex}.skeleton-button{border-radius:6px;width:120px;height:40px}.skeleton-button.skeleton-button-small{width:80px;height:32px}.skeleton-button.skeleton-button-large{width:160px;height:48px}.skeleton-tag{border-radius:12px;width:60px;height:24px;margin:0 .25rem .25rem 0;display:inline-block}.skeleton-stats{gap:2rem;margin:1rem 0;display:flex}.skeleton-stat-item{text-align:center;flex:1}.skeleton-stat-number{width:60px;height:2rem;margin:0 auto .5rem}.skeleton-stat-label{width:80px;height:1rem;margin:0 auto}.skeleton-list{flex-direction:column;gap:1rem;display:flex}.skeleton-list-item{background:#f9f9f9;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:2rem 0;display:grid}@media (width<=768px){.skeleton-card{padding:1rem}.skeleton-job-card-header,.skeleton-job-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.skeleton-stats{flex-direction:column;gap:1rem}.skeleton-grid{grid-template-columns:1fr;gap:1rem}}.loading-container{min-height:200px;position:relative}.skeleton-overlay{z-index:10;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.content-loaded{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-loading .actual-content{opacity:0;visibility:hidden;display:none!important}.skeleton-loading .skeleton-content{opacity:1;visibility:visible;display:block!important}.content-ready .skeleton-content{opacity:0;visibility:hidden;display:none!important}.content-ready .actual-content{opacity:1;visibility:visible;display:block!important}.skeleton-loading,.skeleton-loading .skeleton-job-card{min-height:200px}.skeleton-loading.job-card-loading{position:relative}.skeleton-loading.job-card-loading:before{content:"";z-index:1;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skeleton-loading.job-card-loading:after{content:"⏳ Loading jobs...";z-index:2;color:#666;background:#fff;border-radius:4px;padding:8px 16px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001a}.lazy-image{opacity:0;transition:opacity .3s ease-in-out}.lazy-image.loaded{opacity:1}.lazy-image.error{opacity:1;color:#999;background:#f0f0f0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.skeleton-header{height:60px;margin-bottom:2rem}.skeleton-navigation{gap:2rem;margin:1rem 0;display:flex}.skeleton-nav-item{width:100px;height:40px}.skeleton-footer{height:200px;margin-top:4rem}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%)}.skeleton-image{background:#374151}.skeleton-card{background:#1f2937;border-color:#374151}.skeleton-list-item{background:#374151}}.skeleton-loading .skeleton *,.skeleton-content *{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes forceShowContent{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.skeleton-loading,.skeleton-loading .actual-content{animation:.5s ease-in-out 8s forwards forceShowContent}.skeleton[aria-hidden=true]{position:absolute;left:-9999px}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton:after,.content-loaded{animation:none}}nav,.navbar,.menu,.navigation,.header,.breadcrumb,.main-menu,.menu-active-classes,.menu-item,.n-header,.n-header--top,.n-header--top__left,.n-header--top__right,[role=navigation],[role=menubar],[role=menu],:is(nav,.navbar,.menu,.navigation,.header,.breadcrumb,.main-menu,.menu-active-classes,.menu-item,.n-header,.n-header--top,.n-header--top__left,.n-header--top__right,[role=navigation],[role=menubar],[role=menu]) :is([class*=skeleton],.lazy-image,.loading-container),.menu-active-classes li,.menu-active-classes li a,.menu-item a,.dropdown-menu,.dropdown-menu li,.dropdown-menu a,.dropdown-toggle{background:inherit!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important;animation:none!important}
