:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-card: rgba(20, 20, 20, .9);--bg-input: #0a0a0a;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #888888;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--border-color: rgba(99, 102, 241, .3);--border-hover: rgba(99, 102, 241, .6);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .7);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;gap:8px}.btn-primary{background:var(--accent-gradient);color:var(--text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--error);color:var(--text-primary)}.btn-danger:hover{opacity:.9;transform:translateY(-2px)}.btn-success{background:var(--success);color:var(--text-primary)}.btn-success:hover{opacity:.9;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all .3s ease}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--text-muted)}.textarea{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.card-body{color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:500;color:var(--text-secondary)}.form-label.required:after{content:" *";color:var(--error)}.progress{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-sm);transition:width .3s ease}.badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.badge-pending{background:var(--bg-tertiary);color:var(--text-muted)}.badge-running{background:#3b82f633;color:var(--info)}.badge-completed{background:#22c55e33;color:var(--success)}.badge-failed{background:#ef444433;color:var(--error)}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:14px}.alert-success{background:#22c55e1a;border:1px solid var(--success);color:var(--success)}.alert-error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.alert-warning{background:#f59e0b1a;border:1px solid var(--warning);color:var(--warning)}.alert-info{background:#3b82f61a;border:1px solid var(--info);color:var(--info)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-upload{position:relative;display:inline-block;width:100%}.file-upload-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-label{display:flex;align-items:center;justify-content:center;padding:20px;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:all .3s ease;color:var(--text-muted)}.file-upload-label:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.file-upload-label.has-file{border-color:var(--success);color:var(--success)}.steps-list{list-style:none;margin:var(--spacing-md) 0}.steps-list li{display:flex;align-items:center;padding:8px 0;color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media(max-width:768px){.container{padding:var(--spacing-sm)}.card{padding:var(--spacing-md)}}#app{min-height:100vh}