#smart-loader {
    position: fixed; inset: 0; background: #ffffff; z-index: 10000;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none; transition: opacity 0.4s;
}
#smart-loader.visible { opacity: 1; pointer-events: all; }
.loader-spin {
    width: 40px; height: 40px; border: 3px solid #f3f3f3;
    border-top: 3px solid #16a34a; border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }