.lazy-image{transition:opacity 0.3s ease-in-out;background-color:#f8f9fa;background-image:linear-gradient(45deg,#e9ecef 25%,transparent 25%),linear-gradient(-45deg,#e9ecef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecef 75%),linear-gradient(-45deg,transparent 75%,#e9ecef 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;min-height:100px}.lazy-loading{opacity:0.7;position:relative}.lazy-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #183661;border-radius:50%;border-top-color:transparent;animation:lazy-spin 1s linear infinite}.lazy-loaded{opacity:1;background-image:none;background-color:transparent}.lazy-error{opacity:0.5;background-color:#f8d7da;background-image:none;position:relative}.lazy-error::after{content:'⚠️ Image failed to load';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#721c24;font-size:0.875rem;text-align:center;white-space:nowrap}@keyframes lazy-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.lazy-image{min-height:80px;background-size:15px 15px;background-position:0 0,0 7.5px,7.5px -7.5px,-7.5px 0px}}@media (prefers-reduced-motion:reduce){.lazy-image{transition:none}.lazy-loading::after{animation:none;content:'⏳';border:none;width:auto;height:auto;margin:-10px 0 0 -10px}}@media (prefers-contrast:high){.lazy-image{background-color:#ffffff;border:1px solid #000000}.lazy-loading::after{border-color:#000000}.lazy-error{background-color:#ffffff;border:2px solid #ff0000}.lazy-error::after{color:#000000}}