:root{--bg-main: #fafafa;--bg-secondary: #f4f4f5;--bg-glass: rgba(250, 250, 250, .75);--border-glass: rgba(0, 0, 0, .08);--surface-raised: #ffffff;--surface-sunken: #f4f4f5;--surface-hover: rgba(0, 0, 0, .03);--border-subtle: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .15);--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--accent-teal: #0f766e;--accent-teal-hover: #0d9488;--accent-orange: #ea580c;--accent-purple: #7c3aed;--status-pending-bg: rgba(82, 82, 91, .1);--status-pending-text: #52525b;--status-running-bg: rgba(37, 99, 235, .1);--status-running-text: #2563eb;--status-completed-bg: rgba(15, 118, 110, .1);--status-completed-text: #0f766e;--status-failed-bg: rgba(220, 38, 38, .1);--status-failed-text: #dc2626;--font-family: "Space Grotesk", "Inter", -apple-system, sans-serif;--shadow-raised: 0 4px 20px rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-main: #09090b;--bg-secondary: #121214;--bg-glass: rgba(9, 9, 11, .7);--border-glass: rgba(255, 255, 255, .08);--surface-raised: #18181b;--surface-sunken: #09090b;--surface-hover: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .12);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-teal: #2dd4bf;--accent-teal-hover: #14b8a6;--accent-orange: #f97316;--accent-purple: #8b5cf6;--status-pending-bg: rgba(161, 161, 170, .1);--status-pending-text: #a1a1aa;--status-running-bg: rgba(96, 165, 250, .15);--status-running-text: #60a5fa;--status-completed-bg: rgba(45, 212, 191, .15);--status-completed-text: #2dd4bf;--status-failed-bg: rgba(248, 113, 113, .15);--status-failed-text: #f87171;--shadow-raised: 0 8px 30px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:radial-gradient(circle at 50% 0%,rgba(45,212,191,.08) 0%,var(--bg-main) 70%);background-color:var(--bg-main);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}.global-nav{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);padding:1rem 0;position:sticky;top:0;z-index:100;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-weight:800;font-size:1.5rem;background:linear-gradient(to right,var(--text-primary),var(--accent-teal));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;letter-spacing:-.05em;transition:transform .3s ease}.nav-brand:hover{transform:scale(1.02)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background:var(--accent-teal);transition:width .3s ease}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.glass-panel{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-raised);transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:var(--font-family);text-decoration:none;letter-spacing:.5px;position:relative;overflow:hidden}.primary-btn{background:linear-gradient(135deg,var(--accent-teal),var(--accent-teal-hover));color:#fff;box-shadow:0 4px 14px #0f766e4d}[data-theme=dark] .primary-btn{color:#000;box-shadow:0 4px 14px #2dd4bf4d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f766e66}[data-theme=dark] .primary-btn:hover{box-shadow:0 6px 20px #2dd4bf66}.secondary-btn{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.secondary-btn:hover{background-color:var(--surface-hover);border-color:var(--accent-teal)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.dark-input{width:100%;background:var(--surface-sunken);border:1px solid var(--border-strong);color:var(--text-primary);padding:.85rem 1rem;border-radius:8px;font-family:var(--font-family);transition:all .3s ease}.dark-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #0f766e26;background:var(--surface-raised)}[data-theme=dark] .dark-input:focus{box-shadow:0 0 0 3px #2dd4bf26}.error-message{color:var(--status-failed-text);background:var(--status-failed-bg);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(239,68,68,.2)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);position:relative}.login-container:before{content:"";position:absolute;width:400px;height:400px;background:var(--accent-purple);filter:blur(150px);opacity:.15;border-radius:50%;z-index:-1}.login-card{width:100%;max-width:420px;padding:3rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.login-card h2{margin-bottom:2rem;text-align:center;font-weight:700;font-size:2rem;background:linear-gradient(to right,#fff,var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .8s ease forwards}