: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-amber:#f59e0b;--accent-rose:#ef4444;--accent-blue:#3b82f6;--accent-mint:#4af7d3;--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}html{background-color:var(--bg-primary)}body{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}body:before{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(90deg,#4af7d309 0 1px,#0000 1px 56px),repeating-linear-gradient(#4af7d309 0 1px,#0000 1px 56px),radial-gradient(130% 55% at 50% 118%,#4af7d321,#0000 70%),linear-gradient(to bottom right,#4af7d31c 0%,#4af7d30d 22%,#4af7d304 42%,#4af7d300 62%);background-repeat:repeat,repeat,no-repeat,no-repeat;position:fixed;inset:0}@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)}.header-panel{-webkit-backdrop-filter:blur(16px)saturate(150%);background:#18181b8c;border-color:#4af7d324;transition:box-shadow .2s,border-radius .2s;box-shadow:inset 0 1px #ffffff0f}.header-panel:hover{border-color:#4af7d324}.header-panel-stuck{background:#141416c7;border-top-left-radius:0;border-top-right-radius:0;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #00000073}.header-panel-stuck:hover{border-color:#4af7d324}.coolify-badge{letter-spacing:.01em;white-space:nowrap;background:#ffffff0b;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:84px;padding:5px 0;font-size:.725rem;font-weight:500;line-height:1.2;display:inline-flex}.coolify-badge-success{color:#4ade80}.coolify-badge-failed{color:#f87171}.coolify-badge-running{color:#fbbf24}.coolify-badge-neutral{color:var(--text-secondary)}.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}.env-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.env-dot-prod{background:#9fa1ff;box-shadow:0 0 6px #9fa1ffb3}.env-dot-dev{background:#f67d31;box-shadow:0 0 6px #f67d31b3}.carousel-scroll{scrollbar-width:none;-ms-overflow-style:none}.carousel-scroll::-webkit-scrollbar{display:none}::-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}