.error-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:8999;display:flex;align-items:center;justify-content:center}.error-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9000;background:#fff;border-radius:12px;padding:24px;width:300px;max-width:85vw;text-align:center;box-shadow:0 4px 20px #00000026}.error-dialog .error-icon{width:48px;height:48px;margin:0 auto 12px}.error-dialog .error-icon svg{width:100%;height:100%}.error-dialog .error-message{font-size:16px;color:#1a202c;line-height:1.5;margin-bottom:20px}.error-dialog .confirm-btn{display:inline-block;min-width:120px;min-height:44px;padding:10px 24px;background:#e53e3e;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.error-dialog .confirm-btn:active{opacity:.8}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:10000;padding:12px 24px;border-radius:8px;font-size:14px;color:#fff;text-align:center;max-width:80vw;box-shadow:0 2px 10px #0000001a;animation:toast-fadein .3s ease}.toast-success{background:#38a169}.toast-error{background:#e53e3e}.toast-info{background:#718096}@keyframes toast-fadein{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-fadeout{0%{opacity:1}to{opacity:0}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading-spinner .spinner{width:32px;height:32px;border:3px solid #E2E8F0;border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:12px;font-size:14px;color:#718096}.loading-skeleton{padding:16px}.skeleton-block{height:16px;background:#e2e8f0;border-radius:4px;margin-bottom:12px;animation:skeleton-blink 1.2s ease-in-out infinite}.skeleton-block:last-child{width:60%}@keyframes skeleton-blink{0%,to{opacity:1}50%{opacity:.4}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:7999;display:flex;align-items:center;justify-content:center}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8000;background:#fff;border-radius:12px;width:320px;max-width:85vw;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.modal-title{font-size:18px;font-weight:600;color:#1a202c}.modal-close-btn{width:24px;height:24px;border:none;background:none;font-size:20px;cursor:pointer;color:#718096;display:flex;align-items:center;justify-content:center}.modal-body{padding:16px 20px;font-size:16px;color:#4a5568;line-height:1.5}.modal-footer{display:flex;gap:12px;padding:0 20px 16px}.modal-footer button{flex:1;min-height:44px;border-radius:8px;font-size:16px;cursor:pointer;border:none}.modal-cancel-btn{background:#e2e8f0;color:#4a5568}.modal-confirm-btn{background:#ff6b35;color:#fff}.modal-cancel-btn:active,.modal-confirm-btn:active{opacity:.8}.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-view .empty-icon{width:64px;height:64px;margin-bottom:12px;color:#cbd5e0}.empty-view .empty-icon svg{width:100%;height:100%}.empty-view .empty-text{font-size:14px;color:#718096;line-height:1.5}.error-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-view .error-view-icon{width:64px;height:64px;margin-bottom:12px;color:#e53e3e}.error-view .error-view-icon svg{width:100%;height:100%}.error-view .error-view-text{font-size:14px;color:#718096;line-height:1.5;margin-bottom:16px}.error-view .retry-btn{min-width:120px;min-height:44px;padding:10px 24px;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.error-view .retry-btn:active{opacity:.8}@media (prefers-reduced-motion: reduce){.toast{animation:none}.loading-spinner .spinner{animation:none;border-color:#ff6b35}.skeleton-block{animation:none;background:#cbd5e0}}