.skeleton{background:linear-gradient(90deg,#f8f9fa 25%,#ffffff 50%,#f8f9fa 75%);background-size:200% 100%;animation:loading 1.5s infinite ease-in-out;border-radius:4px;display:inline-block;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}@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{width:100%;height:200px;border-radius:12px}.skeleton-image.skeleton-company-logo{width:50px;height:50px;border-radius:8px}.skeleton-image.skeleton-job-image{width:100%;height:150px;border-radius:8px}.skeleton-image.skeleton-thumbnail{width:80px;height:80px;border-radius:6px}.skeleton-text{height:1em;margin:.25em 0;border-radius:4px}.skeleton-text.skeleton-title{height:1.5em;width:80%}.skeleton-text.skeleton-subtitle{height:1.2em;width:60%}.skeleton-text.skeleton-line{height:1em;width:100%}.skeleton-text.skeleton-line-short{height:1em;width:70%}.skeleton-text.skeleton-line-medium{height:1em;width:85%}.skeleton-text.skeleton-paragraph{height:1em;margin:.5em 0}.skeleton-card{padding:1.5rem;border:1px solid #e9ecef;border-radius:12px;background:#fff;margin-bottom:1rem}.skeleton-job-card{display:flex;flex-direction:column;gap:1rem}.skeleton-job-card-header{display:flex;align-items:center;gap:1rem}.skeleton-job-card-content{display:flex;flex-direction:column;gap:.5rem}.skeleton-job-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.skeleton-company-card{text-align:center;padding:2rem 1rem}.skeleton-company-card .skeleton-image{margin:0 auto 1rem}.skeleton-blog-card{display:flex;flex-direction:column;gap:1rem}.skeleton-blog-card .skeleton-image{width:100%;height:200px}.skeleton-candidate-card{display:flex;align-items:center;gap:1rem;padding:1rem}.skeleton-button{height:40px;width:120px;border-radius:6px}.skeleton-button.skeleton-button-small{height:32px;width:80px}.skeleton-button.skeleton-button-large{height:48px;width:160px}.skeleton-tag{height:24px;width:60px;border-radius:12px;display:inline-block;margin:0 .25rem .25rem 0}.skeleton-stats{display:flex;gap:2rem;margin:1rem 0}.skeleton-stat-item{text-align:center;flex:1}.skeleton-stat-number{height:2rem;width:60px;margin:0 auto .5rem}.skeleton-stat-label{height:1rem;width:80px;margin:0 auto}.skeleton-list{display:flex;flex-direction:column;gap:1rem}.skeleton-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#f9f9f9}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}@media (max-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{position:relative;min-height:200px}.skeleton-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10}.content-loaded{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-loading .actual-content{display:none}.skeleton-loading .skeleton-content{display:block}.content-ready .skeleton-content{display:none}.content-ready .actual-content{display:block}.lazy-image{transition:opacity .3s ease-in-out;opacity:0}.lazy-image.loaded{opacity:1}.lazy-image.error{opacity:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:.875rem}.skeleton-header{height:60px;margin-bottom:2rem}.skeleton-navigation{display:flex;gap:2rem;margin:1rem 0}.skeleton-nav-item{height:40px;width:100px}.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;-moz-user-select:none;user-select:none}.skeleton[aria-hidden=true]{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.skeleton,.skeleton:after{animation:none}.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]{background:inherit!important;animation:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}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] *{background:inherit!important;animation:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.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;animation:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}
