*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;max-width:800px;width:100%}h1{color:#333;margin-bottom:10px;font-size:2.5em;text-align:center}.subtitle{color:#666;text-align:center;margin-bottom:40px;font-size:1.1em}.login-section{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#333;font-weight:600;font-size:.95em}.input-field{width:100%;padding:12px 15px;font-size:1em;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.input-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.input-field::placeholder{color:#999}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper .input-field{padding-right:45px}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:1.2em;padding:5px 10px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.password-toggle:hover:not(:disabled){opacity:.7}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.button-group{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.btn{padding:15px 30px;font-size:1.1em;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-stop{background:#e74c3c;color:#fff}.btn-stop:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 10px 20px #e74c3c66}.status-section{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px;display:none}.status-section.active{display:block}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.file-info{margin-top:15px;padding:10px;background:#e8f5e9;border-radius:5px;border-left:4px solid #27ae60;display:none}.file-info.active{display:block}.file-path{font-family:Courier New,monospace;font-size:.9em;color:#2e7d32;word-break:break-all}.status-badge{padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:600}.status-running{background:#3498db;color:#fff}.status-completed{background:#27ae60;color:#fff}.status-failed{background:#e74c3c;color:#fff}.status-stopped{background:#95a5a6;color:#fff}.logs-container{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:5px;max-height:400px;overflow-y:auto;font-family:Courier New,monospace;font-size:.9em;line-height:1.6}.log-line{margin-bottom:5px;white-space:pre-wrap;word-wrap:break-word}.log-error{color:#f48771}.log-warning{color:#ffa726}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-text{color:#666;font-size:.9em;margin-top:10px;text-align:center}.btn-download{background:#27ae60;color:#fff;margin-top:10px;width:100%}.btn-download:hover:not(:disabled){background:#229954;transform:translateY(-2px);box-shadow:0 10px 20px #27ae6066}.settings-section{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:10px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{color:#333;font-size:.95em}.file-info{display:flex;flex-direction:column;gap:10px}.progress-section{margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.progress-bar-container{margin-bottom:12px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;animation:progress-animation 2s ease-in-out infinite;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes progress-animation{0%{width:0%;transform:translate(0)}50%{width:70%;transform:translate(0)}to{width:100%;transform:translate(100%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timer-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f0f4ff;border-radius:6px;border-left:3px solid #667eea}.timer-info.completed{background:#e8f5e9;border-left-color:#27ae60}.timer-info.failed{background:#ffebee;border-left-color:#e74c3c}.timer-info.stopped{background:#f5f5f5;border-left-color:#95a5a6}.timer-info.failed .timer-value{background:#e74c3c1a;color:#e74c3c}.timer-info.stopped .timer-value{background:#95a5a61a;color:#95a5a6}.timer-label{font-size:.95em;color:#555;font-weight:500}.timer-value{font-size:1.1em;color:#333;font-weight:700;font-family:Courier New,monospace;background:#667eea1a;padding:4px 12px;border-radius:4px}.timer-info.completed .timer-value{background:#27ae601a;color:#27ae60}