@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #050508;--bg-secondary: #0c0c14;--bg-tertiary: #12121e;--bg-card: #0f0f1a;--bg-card-hover: #141428;--bg-elevated: #1a1a2e;--bg-glass: rgba(15, 15, 26, .7);--bg-glass-light: rgba(255,255,255,.03);--border: rgba(255,255,255,.08);--border-muted: rgba(255,255,255,.04);--border-bright: rgba(255,255,255,.15);--border-glow: rgba(99,102,241,.4);--text-primary: #f0f0ff;--text-secondary: #9090b8;--text-muted: #5a5a7a;--text-inverse: #050508;--accent-blue: #6366f1;--accent-blue-2: #818cf8;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-cyan: #22d3ee;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--accent-teal: #14b8a6;--accent-blue-dim: rgba(99,102,241,.12);--accent-purple-dim: rgba(168,85,247,.12);--accent-green-dim: rgba(16,185,129,.12);--accent-red-dim: rgba(239,68,68,.12);--accent-orange-dim: rgba(245,158,11,.12);--accent-cyan-dim: rgba(34,211,238,.12);--accent-pink-dim: rgba(236,72,153,.12);--gradient-brand: linear-gradient(135deg, #6366f1, #a855f7);--gradient-blue: linear-gradient(135deg, #6366f1, #22d3ee);--gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-green: linear-gradient(135deg, #10b981, #14b8a6);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,.15) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(168,85,247,.12) 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, rgba(34,211,238,.08) 0%, transparent 50%);--glow-blue: 0 0 20px rgba(99,102,241,.3), 0 0 60px rgba(99,102,241,.1);--glow-purple: 0 0 20px rgba(168,85,247,.3), 0 0 60px rgba(168,85,247,.1);--glow-green: 0 0 20px rgba(16,185,129,.3);--glow-red: 0 0 20px rgba(239,68,68,.3);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);--shadow-xl: 0 20px 60px rgba(0,0,0,.6), 0 4px 20px rgba(0,0,0,.4);--shadow-card: 0 1px 1px rgba(255,255,255,.03) inset, 0 4px 20px rgba(0,0,0,.5);--shadow-modal: 0 25px 80px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.06);--topbar-height: 56px;--titlebar-height: 32px;--sidebar-width: 240px;--sidebar-collapsed: 56px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 24px;--r-pill: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=light]{--bg-primary: #f8f8fc;--bg-secondary: #f0f0f8;--bg-tertiary: #e8e8f4;--bg-card: #ffffff;--bg-card-hover: #f4f4fc;--bg-elevated: #ffffff;--bg-glass: rgba(255,255,255,.8);--bg-glass-light: rgba(0,0,0,.02);--border: rgba(0,0,0,.08);--border-muted: rgba(0,0,0,.04);--border-bright: rgba(0,0,0,.15);--text-primary: #0f0f23;--text-secondary: #4a4a6a;--text-muted: #8a8aaa;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);--shadow-modal: 0 20px 60px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.06);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,.06) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(168,85,247,.05) 0%, transparent 50%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:4px}code,pre,.mono{font-family:var(--font-mono)}a{color:var(--accent-blue-2);text-decoration:none}a:hover{text-decoration:underline}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border)}.card-3d{transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;will-change:transform}.card-3d:hover{transform:translateY(-3px) perspective(800px) rotateX(1.5deg);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-glow)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-brand);z-index:-1;opacity:0;transition:opacity .2s}.glow-border:hover:before{opacity:.6}.gradient-border{background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--gradient-brand) border-box;border:1px solid transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes orbit{0%{transform:rotate(0) translate(80px) rotate(0)}to{transform:rotate(360deg) translate(80px) rotate(-360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.page-enter{animation:float-up .18s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-md)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.running{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.building{background:var(--accent-orange);animation:pulse-ring 1.5s ease-out infinite}.status-dot.stopped{background:var(--text-muted)}.status-dot.failed{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.status-dot.pending{background:var(--accent-purple)}.status-dot.queued{background:var(--accent-blue-2)}.sidebar{transition:width .28s cubic-bezier(.4,0,.2,1)}.drag-region{-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.no-drag{-webkit-app-region:no-drag}.prose{line-height:1.8}.prose p{margin-bottom:.75em}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:.75em}.prose li{margin-bottom:.25em}.prose h1,.prose h2,.prose h3{font-weight:700;margin:1em 0 .5em;color:var(--text-primary)}.prose h1{font-size:1.5em}.prose h2{font-size:1.25em}.prose h3{font-size:1.1em}.prose code:not(pre code){background:var(--bg-elevated);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.88em;color:var(--accent-blue-2);border:1px solid var(--border)}.prose pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 18px;overflow-x:auto;margin-bottom:.75em}.prose pre code{font-family:var(--font-mono);font-size:.875em;color:var(--text-primary)}.prose strong{font-weight:700;color:var(--text-primary)}.prose blockquote{border-left:3px solid var(--accent-blue);padding-left:1em;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:22px;background:var(--bg-elevated);border:1px solid var(--border);transition:all .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:2px;top:2px;background:var(--text-muted);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.toggle-switch input:checked+.toggle-slider{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:var(--glow-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background:#fff}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-muted);gap:16px}.settings-item:last-child{border-bottom:none}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:var(--r-pill);background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-secondary);animation:scale-in .2s ease-out}.avatar-gradient-0{background:linear-gradient(135deg,#6366f1,#a855f7)}.avatar-gradient-1{background:linear-gradient(135deg,#22d3ee,#6366f1)}.avatar-gradient-2{background:linear-gradient(135deg,#10b981,#22d3ee)}.avatar-gradient-3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.avatar-gradient-4{background:linear-gradient(135deg,#ec4899,#a855f7)}.avatar-gradient-5{background:linear-gradient(135deg,#14b8a6,#10b981)}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-grid>*:nth-child(1){animation:card-rise .35s ease-out 0ms both}.anim-grid>*:nth-child(2){animation:card-rise .35s ease-out 60ms both}.anim-grid>*:nth-child(3){animation:card-rise .35s ease-out .12s both}.anim-grid>*:nth-child(4){animation:card-rise .35s ease-out .18s both}.anim-grid>*:nth-child(5){animation:card-rise .35s ease-out .24s both}.anim-grid>*:nth-child(6){animation:card-rise .35s ease-out .3s both}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}.status-dot.running{animation:pulse-dot 2s ease-in-out infinite}@keyframes stat-in{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.stat-value{animation:stat-in .4s cubic-bezier(.34,1.56,.64,1) both}nav a{position:relative;overflow:hidden}nav a:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gradient-brand);border-radius:0 2px 2px 0;transform:scaleY(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dep-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.dep-card:hover{transform:translateY(-3px);border-color:var(--border-glow)!important;box-shadow:var(--shadow-lg),0 0 20px #6366f126}.log-line{transition:background .1s}.log-line:hover{background:#ffffff08!important}button:active:not(:disabled){transform:scale(.97)}@keyframes backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.viewer-banner{display:flex;align-items:center;gap:10;padding:10px 16px;border-radius:var(--r-md);background:var(--accent-purple-dim);border:1px solid rgba(168,85,247,.3);font-size:12px;color:var(--text-secondary);animation:float-up .3s ease-out;margin-bottom:16px}.card-3d-grid{perspective:1200px}.card-3d-grid .dep-card{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s}.card-3d-grid .dep-card:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:var(--shadow-xl),0 0 30px #6366f126}nav a[class*=active],nav a[aria-current=page]{text-shadow:0 0 12px rgba(129,140,248,.6)}.input-glow:focus{box-shadow:0 0 0 3px #6366f133,0 0 12px #6366f11a}.provider-connected{box-shadow:0 0 0 1px #10b9814d,0 4px 20px #10b98114}.provider-connected:hover{box-shadow:0 0 0 1px #10b98180,0 8px 30px #10b98126}.log-line:hover{background:#6366f10a!important;border-radius:4px}@keyframes number-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.stat-value{animation:number-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes code-glow{0%,to{box-shadow:0 0 0 1px var(--border-glow)}50%{box-shadow:0 0 0 2px var(--border-glow),0 0 20px #6366f140}}code.invite-code{animation:code-glow 2s ease-in-out infinite}button:active:not(:disabled){transform:scale(.96) translateY(1px)!important}a.magnetic-link{position:relative;display:inline-block}a.magnetic-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--gradient-brand);transition:width .2s ease}a.magnetic-link:hover:after{width:100%}@keyframes indicator-in{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}main{scroll-behavior:smooth}@keyframes backdrop-fade{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.spin{animation:spin .8s linear infinite}.podium-input:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 3px #6366f11f}.podium-input-error:focus{border-color:var(--accent-red)!important;box-shadow:0 0 0 3px #ef44441f}