.project-loading-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;background:#000000e6;border:2px solid #4CAF50;border-radius:8px;padding:16px 20px;min-width:320px;max-width:500px;box-shadow:0 4px 12px #00000080;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.loading-content{display:flex;flex-direction:column;gap:12px}.loading-header{display:flex;align-items:center;gap:12px}.loading-spinner{flex-shrink:0}.spinner{width:24px;height:24px;border:3px solid rgba(76,175,80,.3);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{color:#fff;font-size:14px;font-weight:500;line-height:1.4}.loading-progress-bar{width:100%;height:8px;background:#4caf5033;border-radius:4px;overflow:hidden}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:4px;transition:width .2s ease-out}.loading-details{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffffb3;gap:12px}.loading-details span{white-space:nowrap}.loading-complete{color:#4caf50;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.loading-error{color:#f44336;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}@media(max-width:768px){.project-loading-indicator{top:10px;left:10px;right:10px;transform:none;min-width:unset;max-width:unset}.loading-message{font-size:13px}.loading-details{font-size:11px;flex-wrap:wrap}}