:root{--bg-dark: #090a0f;--bg-surface-1: rgba(18, 22, 34, .75);--bg-surface-2: rgba(30, 36, 56, .65);--bg-surface-3: rgba(45, 55, 82, .5);--bg-card: rgba(22, 27, 42, .85);--bg-card-hover: rgba(34, 42, 66, .9);--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .14);--border-accent: rgba(59, 130, 246, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--glow-blue: 0 0 20px rgba(59, 130, 246, .25);--glow-emerald: 0 0 20px rgba(16, 185, 129, .25);--glow-rose: 0 0 20px rgba(244, 63, 94, .25);--glow-amber: 0 0 20px rgba(245, 158, 11, .25);--glass-backdrop: blur(16px) saturate(180%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.glass-panel{background:var(--bg-surface-1);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-glass);box-shadow:0 8px 32px #0000005e}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass);transform:translateY(-1px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#090a0f99}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-pending{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.badge-running{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.4);box-shadow:var(--glow-blue);animation:pulse-glow 2s infinite ease-in-out}.badge-completed{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.badge-invalidated{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.4)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f673}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-glass);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.btn-danger{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3);padding:6px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:.8125rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-danger:hover{background:#f43f5e4d;border-color:#f43f5e99}.input-text{background:#0f1420cc;border:1px solid var(--border-glass);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.875rem;outline:none;transition:border-color .2s ease}.input-text:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}
