:root{--mtv-primary-blue: #007cba;--mtv-primary-blue-light: #00a0d2;--mtv-primary-blue-dark: #005a87;--mtv-success-green: #4caf50;--mtv-success-bg: #e8f5e8;--mtv-success-border: #c3e6cb;--mtv-success-text: #155724;--mtv-success-light: #d4edda;--mtv-warning-yellow: #ffc107;--mtv-warning-bg: #fff3cd;--mtv-warning-text: #856404;--mtv-error-red: #dc3545;--mtv-error-bg: #f8d7da;--mtv-error-text: #721c24;--mtv-white: #fff;--mtv-black: #000;--mtv-text-primary: #333;--mtv-text-secondary: #666;--mtv-bg-light: #f9f9f9;--mtv-bg-lighter: #f0f0f0;--mtv-bg-lightest: #f8f9fa;--mtv-border-light: #ddd;--mtv-border-lighter: #e0e0e0;--mtv-border-lightest: #f3f3f3;--mtv-gray-medium: #ccc;--mtv-btn-secondary: #6c757d;--mtv-btn-secondary-hover: #545b62;--mtv-modal-border-radius: 8px;--mtv-modal-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);--mtv-overlay-bg: rgba(0, 0, 0, 0.7);--mtv-transition-fast: 0.2s;--mtv-transition-normal: 0.3s;--mtv-transition-slow: 0.5s}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes progressShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}body.mtv-dev-modal-active .mtv-main-content,body.mtv-dev-modal-active .mtv-success-section{display:block !important;opacity:1 !important}body.mtv-dev-modal-active .mtv-loading-state{margin-top:100px}.mtv-modal-overlay{position:fixed;inset:0;display:none;justify-content:center;align-items:center;width:100%;height:100%;background:var(--mtv-overlay-bg);z-index:10000;opacity:0;transition:opacity var(--mtv-transition-normal) ease}.mtv-modal-overlay.mtv-modal-active,.mtv-modal-overlay.show{display:flex;opacity:1}.mtv-modal-overlay .mtv-modal{background:var(--mtv-white);border-radius:var(--mtv-modal-border-radius);box-shadow:var(--mtv-modal-shadow);overflow:hidden;transform:scale(0.9);transition:transform var(--mtv-transition-normal) ease}.mtv-modal-overlay.show .mtv-modal{transform:scale(1)}.mtv-modal{background:var(--mtv-white);border-radius:var(--mtv-modal-border-radius);box-shadow:var(--mtv-modal-shadow);overflow:hidden;transform:scale(0.9);transition:transform var(--mtv-transition-normal) ease}.mtv-payment-modal{width:min(25rem,90vw);min-width:320px;max-width:500px;padding:30px;text-align:center}.mtv-payment-modal h3{color:var(--mtv-text-primary);margin-bottom:20px;font-size:24px}.mtv-payment-modal p{color:var(--mtv-text-secondary);margin-bottom:25px;line-height:1.6}.mtv-spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid var(--mtv-bg-lighter);border-top:4px solid var(--mtv-primary-blue);border-radius:50%;animation:spin 1s linear infinite}.mtv-account-modal{width:90vw;height:90vh;min-width:320px;max-width:1200px;min-height:400px;max-height:1200px;display:flex;flex-direction:column}.mtv-account-modal.collapsed{width:min(25rem,90vw);min-width:320px;max-width:500px;height:auto}.mtv-account-modal.collapsed .mtv-modal-body{max-height:0;padding:0 30px;overflow:hidden}.mtv-modal-header{background:var(--mtv-primary-blue);color:var(--mtv-white);padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:200}.mtv-modal-header h3{margin:0;font-size:20px;color:var(--mtv-white) !important}.mtv-modal-header .mtv-modal-toggle,.mtv-modal-header .mtv-modal-close{background:none;border:none;color:var(--mtv-white);cursor:pointer;padding:5px;border-radius:3px;transition:background-color var(--mtv-transition-fast)}.mtv-modal-header .mtv-modal-toggle:hover,.mtv-modal-header .mtv-modal-close:hover{background:rgba(255,255,255,.2)}.mtv-modal-header .mtv-modal-toggle{font-size:18px}.mtv-modal-header .mtv-modal-close{font-size:24px}.mtv-modal-body{padding:180px 30px 30px;flex:1;overflow-y:auto;transition:max-height var(--mtv-transition-normal) ease}.mtv-progress-container{position:absolute;top:60px;left:0;right:0;z-index:100;background:var(--mtv-white);padding:40px 20px;border-bottom:1px solid var(--mtv-border-light);margin-bottom:30px}.mtv-progress-container .mtv-progress-bar-container{background:var(--mtv-bg-lighter);border-radius:10px;height:20px;overflow:hidden;margin-bottom:10px}.mtv-progress-container .mtv-progress-bar-container .mtv-progress-bar{background:linear-gradient(90deg, var(--mtv-primary-blue), var(--mtv-primary-blue-light));height:100%;width:0%;transition:width var(--mtv-transition-slow) ease}.mtv-progress-container .mtv-progress-bar-container .mtv-progress-bar.active{background:linear-gradient(90deg, var(--mtv-primary-blue), var(--mtv-primary-blue-light), var(--mtv-primary-blue));background-size:200% 100%;animation:progressShimmer 2s ease-in-out infinite}.mtv-progress-container .mtv-timing-info{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--mtv-text-secondary)}.mtv-progress-container .mtv-timing-info .mtv-timing-item{display:flex;flex-direction:column;align-items:center}.mtv-progress-container .mtv-timing-info .mtv-timing-label{font-weight:600;margin-bottom:2px}.mtv-success-section{background:var(--mtv-success-light);border:1px solid var(--mtv-success-border);border-radius:var(--mtv-modal-border-radius);padding:20px;margin-top:20px;text-align:center}.mtv-success-message{background:var(--mtv-success-light);border:1px solid var(--mtv-success-border);color:var(--mtv-success-text);padding:20px;border-radius:5px;margin:20px 0;text-align:center;animation:fadeIn var(--mtv-transition-normal) ease}.mtv-success-message h4{color:var(--mtv-success-green);margin:0 0 10px;font-size:24px;font-weight:600}.mtv-success-message p{color:var(--mtv-text-secondary);margin:0;font-size:16px}.mtv-success-icon{font-size:48px;margin-bottom:15px;display:block}.mtv-login-buttons{display:flex;flex-direction:column;gap:15px;align-items:center;margin-bottom:30px}.mtv-status-steps{margin:30px 0}.mtv-step{display:flex;align-items:flex-start;margin:15px 0;padding:15px;border-radius:5px;background:var(--mtv-bg-light);border-left:4px solid var(--mtv-border-light);transition:all var(--mtv-transition-normal) ease;position:relative}.mtv-step.completed{background:var(--mtv-success-bg);border-left-color:var(--mtv-success-green)}.mtv-step.running{background:var(--mtv-warning-bg);border-left-color:var(--mtv-warning-yellow)}.mtv-step.failed{background:var(--mtv-error-bg);border-left-color:var(--mtv-error-red)}.mtv-step .mtv-step-icon{width:24px;height:24px;min-width:24px;margin:2px 15px 0 0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;flex-shrink:0;transition:all var(--mtv-transition-fast) ease}.mtv-step.completed .mtv-step .mtv-step-icon{background:var(--mtv-success-green);color:var(--mtv-white)}.mtv-step.completed .mtv-step .mtv-step-icon::before{content:"✓";font-size:16px;font-weight:bold}.mtv-step.running .mtv-step .mtv-step-icon{background:var(--mtv-warning-yellow);color:var(--mtv-white);animation:pulse 1.5s ease-in-out infinite}.mtv-step.running .mtv-step .mtv-step-icon::before{content:"⟳";font-size:16px;animation:spin 2s linear infinite}.mtv-step.failed .mtv-step .mtv-step-icon{background:var(--mtv-error-red);color:var(--mtv-white)}.mtv-step.failed .mtv-step .mtv-step-icon::before{content:"✕";font-size:14px;font-weight:bold}.mtv-step.pending .mtv-step .mtv-step-icon{background:var(--mtv-pending-gray);color:var(--mtv-pending-text);border:2px solid var(--mtv-border-light)}.mtv-step.pending .mtv-step .mtv-step-icon::before{content:"○";font-size:12px}.mtv-step .mtv-step-content{flex:1;min-width:0}.mtv-step .mtv-step-content h4{margin:0 0 5px;color:var(--mtv-text-primary);font-size:16px;font-weight:600;line-height:1.4}.mtv-step .mtv-step-content p{margin:0;color:var(--mtv-text-secondary);font-size:14px;line-height:1.5;word-wrap:break-word}.mtv-fade-in{animation:fadeIn .3s ease}.mtv-fade-out{animation:fadeOut .3s ease}.mtv-loading{position:relative}.mtv-loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--mtv-border-lightest);border-top:2px solid var(--mtv-primary-blue);border-radius:50%;animation:spin 1s linear infinite}.mtv-step-section{margin:30px 0;border:1px solid var(--mtv-border-lighter);border-radius:var(--mtv-modal-border-radius);overflow:hidden;transition:all var(--mtv-transition-normal) ease}.mtv-step-section.completed{border-left:4px solid var(--mtv-success-green);background:var(--mtv-success-bg)}.mtv-step-section.running{border-left:4px solid var(--mtv-warning-yellow);background:var(--mtv-warning-bg)}.mtv-step-section.failed{border-left:4px solid var(--mtv-error-red);background:var(--mtv-error-bg)}.mtv-step-section.pending{border-left:4px solid var(--mtv-border-light);background:var(--mtv-bg-light)}.mtv-step-section .mtv-step-header{display:grid;grid-template-columns:60px 1fr 140px;align-items:center;padding:20px;background:var(--mtv-bg-lightest);border-bottom:1px solid var(--mtv-border-lighter)}.mtv-step-section.completed .mtv-step-header{background:var(--mtv-success-bg)}.mtv-step-section.running .mtv-step-header{background:var(--mtv-warning-bg)}.mtv-step-section.failed .mtv-step-header{background:var(--mtv-error-bg)}.mtv-step-section .mtv-step-icon{width:40px;height:40px;margin-right:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mtv-border-light);color:var(--mtv-text-secondary);font-weight:bold;transition:all var(--mtv-transition-normal) ease;position:relative}.mtv-step-section .mtv-step-icon.completed{background:var(--mtv-success-green);color:var(--mtv-white)}.mtv-step-section .mtv-step-icon.completed::before{content:"✓";font-size:20px;font-weight:bold}.mtv-step-section .mtv-step-icon.running{background:var(--mtv-warning-yellow);color:var(--mtv-white);animation:pulse 2s infinite}.mtv-step-section .mtv-step-icon.running::before{content:"⟳";font-size:20px;animation:spin 2s linear infinite}.mtv-step-section .mtv-step-icon.failed{background:var(--mtv-error-red);color:var(--mtv-white)}.mtv-step-section .mtv-step-icon.failed::before{content:"✕";font-size:18px;font-weight:bold}.mtv-step-section .mtv-step-icon.pending{background:var(--mtv-border-light);color:var(--mtv-text-secondary);border:2px solid var(--mtv-border-lighter)}.mtv-step-section .mtv-step-icon.pending .mtv-step-number{display:block}.mtv-step-section .mtv-step-icon.completed .mtv-step-number,.mtv-step-section .mtv-step-icon.running .mtv-step-number,.mtv-step-section .mtv-step-icon.failed .mtv-step-number{display:none}.mtv-step-section .mtv-step-icon .mtv-step-number{font-size:18px}.mtv-step-section .mtv-step-info{flex:1}.mtv-step-section .mtv-step-info h4{margin:0 0 5px;color:var(--mtv-text-primary);font-size:18px}.mtv-step-description{margin:0;color:var(--mtv-text-secondary);font-size:14px}.mtv-step-status{padding:5px 15px;border-radius:20px;text-align:right;font-size:12px;font-weight:bold;text-transform:uppercase}.mtv-status-pending{background:var(--mtv-bg-lighter);color:var(--mtv-text-secondary)}.mtv-status-running{background:var(--mtv-warning-bg);color:var(--mtv-warning-text)}.mtv-status-completed{background:var(--mtv-success-light);color:var(--mtv-success-text)}.mtv-status-failed{background:var(--mtv-error-bg);color:var(--mtv-error-text)}.mtv-substeps{padding:0 20px 20px}.mtv-substep{padding:15px 0;border-bottom:1px solid var(--mtv-bg-lighter);transition:all var(--mtv-transition-normal) ease}.mtv-substep:last-child{border-bottom:none}.mtv-substep.pending{opacity:.6}.mtv-substep.completed{opacity:1}.mtv-substep-main{display:flex;align-items:flex-start;width:100%;gap:12px}.mtv-substep-content{flex:1;min-width:0}.mtv-substep-content .mtv-substep-title{font-weight:600;color:var(--mtv-text-primary);margin-bottom:4px;line-height:1.4;font-size:14px}.mtv-substep-content .mtv-substep-description{font-size:13px;color:var(--mtv-text-secondary);line-height:1.4;font-style:italic;margin-top:4px}.mtv-substep-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:bold;text-transform:uppercase;min-width:60px;text-align:center;flex-shrink:0;margin-top:2px}.mtv-substep-icon{width:20px;height:20px;border-radius:50%;background:var(--mtv-bg-lighter);position:relative;transition:all var(--mtv-transition-normal) ease;flex-shrink:0;margin-top:2px}.mtv-substep-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;border-radius:50%;background:var(--mtv-gray-medium);transition:all var(--mtv-transition-normal) ease}.mtv-substep.completed .mtv-substep-icon{background:var(--mtv-success-green)}.mtv-substep.completed .mtv-substep-icon::after{content:"✓";background:none;color:var(--mtv-white);font-size:12px;font-weight:bold;width:auto;height:auto}.mtv-substep.running .mtv-substep-icon{background:var(--mtv-warning-yellow)}.mtv-substep.running .mtv-substep-icon::after{background:var(--mtv-white);animation:pulse 1.5s infinite}.mtv-substep.failed .mtv-substep-icon{background:var(--mtv-error-red)}.mtv-substep.failed .mtv-substep-icon::after{content:"✗";background:none;color:var(--mtv-white);font-size:12px;font-weight:bold;width:auto;height:auto}.mtv-success-content{padding:30px 20px;text-align:center;background:var(--mtv-success-bg);border-top:1px solid var(--mtv-border-lighter)}.mtv-login-section h5{color:var(--mtv-text-primary);margin:0 0 20px;font-size:18px}.mtv-btn{display:inline-block;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:bold;font-size:14px;transition:all .3s ease;border:none;cursor:pointer;min-width:200px;text-align:center}.mtv-btn-primary{background:var(--mtv-primary-blue);color:var(--mtv-white)}.mtv-btn-primary:hover{background:var(--mtv-primary-blue-dark);color:var(--mtv-white)}.mtv-btn-secondary{background:var(--mtv-btn-secondary);color:var(--mtv-white)}.mtv-btn-secondary:hover{background:var(--mtv-btn-secondary-hover);color:var(--mtv-white)}.mtv-btn-ghost{background:rgba(0,0,0,0);color:var(--mtv-primary-blue);border:2px solid var(--mtv-primary-blue)}.mtv-btn-ghost:hover{background:var(--mtv-primary-blue);color:var(--mtv-white);text-decoration:none}.mtv-credentials{background:var(--mtv-white);border:1px solid var(--mtv-border-lighter);border-radius:6px;padding:20px;text-align:left;max-width:400px;margin:0 auto}.mtv-credentials h6{margin:0 0 15px;color:var(--mtv-text-primary);font-size:16px;text-align:center}.mtv-credential-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--mtv-bg-lighter)}.mtv-credential-item:last-of-type{border-bottom:none}.mtv-credential-item label{font-weight:bold;color:var(--mtv-text-primary)}.mtv-credential-item span{color:var(--mtv-text-secondary);font-family:monospace}.mtv-credential-note{margin-top:15px;padding-top:15px;border-top:1px solid var(--mtv-bg-lighter);text-align:center}.mtv-credential-note p{margin:0;color:var(--mtv-text-secondary);font-size:14px;font-style:italic}@media(max-width: 768px){.mtv-account-modal{width:95vw;height:95vh;min-width:280px;max-width:none}.mtv-account-modal.collapsed{width:min(22rem,95vw);min-width:280px}.mtv-payment-modal{width:min(22rem,95vw);min-width:280px;padding:20px}.mtv-modal-header{padding:15px}.mtv-modal-body{padding:20px}.mtv-step{padding:12px;margin:12px 0}.mtv-step .mtv-step-icon{width:20px;height:20px;min-width:20px;font-size:12px;margin-right:12px}.mtv-step .mtv-step-content h4{font-size:15px}.mtv-step .mtv-step-content p{font-size:13px}}