.content-loading{opacity:0;transition:opacity .3s ease-in-out}.content-loading-hidden{visibility:hidden;opacity:0}.content-ready{visibility:visible;opacity:1;transition:opacity .3s ease-in-out}.content-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease-in-out}.content-loading-spinner{text-align:center}.content-loading-spinner .loading-text{margin-top:10px;font-size:14px;color:#6c757d}.css-loading-warning{position:fixed;top:10px;right:10px;z-index:9999;max-width:300px;font-size:12px;padding:8px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404}.css-loading-warning a{color:#856404;text-decoration:underline}.css-loading-warning a:hover{color:#6c5ce7}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-ready{animation:fadeIn .3s ease-in-out}#main-content{transition:opacity .3s ease-in-out}.content-loading .btn,.content-loading .card,.content-loading .form-control{opacity:.7;transition:opacity .3s ease-in-out}.content-ready .btn,.content-ready .card,.content-ready .form-control{opacity:1}