:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-glow:#3b82f626;--color-secondary:#10b981;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-elevated:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-gradient-start:#3b82f6;--color-gradient-end:#06b6d4;--font-mono:"JetBrains Mono","Fira Code","Monaco","Menlo",monospace;--radius-card:16px;--radius-input:10px;--shadow-card:0 2px 16px #3b82f60f;--shadow-card-hover:0 8px 30px #3b82f61f}.App.dark{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#e2e8f0;--color-text-secondary:#b0bec5;--color-border:#334155;--shadow-card:0 2px 16px #0000004d;--shadow-card-hover:0 8px 30px #3b82f626}.App{background-color:#f8fafc;background-color:var(--color-bg);min-height:100vh;transition:background-color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes glow{0%,to{box-shadow:0 0 8px #3b82f633}50%{box-shadow:0 0 20px #3b82f666}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}.loading-spinner{animation:spin 1s linear infinite}.pulse{animation:pulse 2s infinite}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #94a3b81a}.App:not(.dark) .glass{background:#ffffffb3;border:1px solid #e2e8f0cc}.stats-card{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-card);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-gradient-start),var(--color-gradient-end));content:"";height:3px;left:0;position:absolute;right:0;top:0}.stats-card:hover{border-color:#3b82f64d;box-shadow:0 8px 30px #3b82f61f;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.stats-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.stats-card p{color:#64748b;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{border-color:#3b82f64d!important;box-shadow:0 8px 30px #3b82f61f!important;box-shadow:var(--shadow-card-hover)!important;transform:translateY(-4px)}.button-hover{transition:all .2s cubic-bezier(.4,0,.2,1)}.button-hover:hover{transform:translateY(-1px)}.progress-container{background-color:#e2e8f0;background-color:var(--color-border);border-radius:4px;margin:1rem 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-gradient-start),var(--color-gradient-end));border-radius:4px;height:8px;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.form-container{margin:0 auto;max-width:500px;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{color:#3b82f6;color:var(--color-primary);font-weight:600;margin-bottom:1rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.status-pending{color:#64748b;color:var(--color-text-secondary)}.status-running{color:#3b82f6;color:var(--color-primary)}.status-completed{color:#10b981}.status-failed{color:#ef4444}.status-cancelled{color:#f59e0b}.task-log{background:#0f172a;border:1px solid #334155;border-radius:12px;color:#cbd5e1;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,monospace;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:1.25rem;white-space:pre-wrap}.log-entry{margin-bottom:.25rem;padding:.15rem 0}.log-timestamp{color:#64748b;margin-right:.5rem}.log-level-info{color:#3b82f6}.log-level-error,.log-level-info{font-weight:500;margin-right:.5rem}.log-level-error{color:#ef4444}.log-level-warning{color:#f59e0b;font-weight:500;margin-right:.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text}.gradient-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;color:#fff!important;transition:all .2s ease!important}.gradient-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 4px 20px #3b82f666!important;transform:translateY(-1px)}.gradient-btn-green{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important}.gradient-btn-green:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 20px #10b98166!important}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.form-container{padding:1rem}.stats-card h3{font-size:1.5rem}}