:root{--bg-primary:#0c0c0e;--bg-secondary:#141416;--bg-card:#18181b;--bg-card-hover:#202024;--bg-card-muted:#111113;--border-subtle:#ffffff12;--border-hover:#ffffff29;--border-active:#ffffff40;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-green:#22c55e;--accent-green-bg:#22c55e1f;--accent-green-border:#22c55e47;--accent-amber:#f59e0b;--accent-amber-bg:#f59e0b1f;--accent-amber-border:#f59e0b4d;--accent-rose:#ef4444;--accent-rose-bg:#ef44441f;--accent-rose-border:#ef444447;--accent-blue:#3b82f6;--accent-blue-bg:#3b82f61f;--accent-blue-border:#3b82f647;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-subtle}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .15s,background .15s}.glass-panel:hover{border-color:var(--border-hover)}.coolify-badge{letter-spacing:.01em;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:84px;padding:6px 0;font-size:.725rem;font-weight:500;line-height:1.2;display:inline-flex}.coolify-badge-success{background:var(--accent-green-bg);border:1px solid var(--accent-green-border);color:#4ade80}.coolify-badge-failed{background:var(--accent-rose-bg);border:1px solid var(--accent-rose-border);color:#f87171}.coolify-badge-running{background:var(--accent-amber-bg);border:1px solid var(--accent-amber-border);color:#fbbf24}.coolify-badge-neutral{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff1a}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot-success{background:#22c55e;box-shadow:0 0 6px #22c55eb3}.status-dot-failed{background:#ef4444;box-shadow:0 0 6px #ef4444b3}.status-dot-running{background:#f59e0b;box-shadow:0 0 6px #f59e0bb3}.status-dot-neutral{background:#71717a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.font-mono{font-family:var(--font-mono)}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:7px;padding:6px 14px;font-size:.825rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#2563eb;border:1px solid #ffffff1a}.btn-primary:hover{background:#3b82f6;border-color:#fff3}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:#18181b}.btn-secondary:hover{border-color:var(--border-hover);color:#fff;background:#242427}.btn-sm{padding:5px 10px;font-size:.75rem}.has-popover{display:inline-flex;position:relative}.has-popover .popover-tip{visibility:hidden;opacity:0;color:#f4f4f5;white-space:nowrap;pointer-events:none;z-index:50;background:#18181b;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:500;transition:all .15s ease-out;position:absolute;bottom:calc(100% + 6px);right:50%;transform:translate(50%)translateY(4px);box-shadow:0 4px 12px #0009}.has-popover .popover-tip:after{content:"";border:4px solid #0000;border-top-color:#18181b;margin-left:-4px;position:absolute;top:100%;left:50%}.has-popover:hover .popover-tip{visibility:visible;opacity:1;transform:translate(50%)translateY(0)}