@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}body{font-family:var(--font-body);background-color:var(--sunoah-bg);color:var(--sunoah-text);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}code,pre{font-family:var(--font-mono)}a{color:var(--sunoah-gold);text-decoration:none;transition:color .2s ease}a:hover{color:var(--sunoah-gold-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sunoah-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sunoah-border-hover)}::selection{background:#d4a8434d;color:var(--sunoah-text)}:focus-visible{outline:2px solid var(--sunoah-gold);outline-offset:2px}.text-gold{color:var(--sunoah-gold)}.text-secondary{color:var(--sunoah-text-secondary)}.text-muted{color:var(--sunoah-text-muted)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--sunoah-gold: #D4A843;--sunoah-gold-light: #E8C976;--sunoah-gold-dark: #B08A2E;--sunoah-gold-muted: #8B7234;--sunoah-gold-bright: #F5D77A;--sunoah-bg: #0A0A0F;--sunoah-bg-raised: #111118;--sunoah-surface: #16161F;--sunoah-surface-hover: #1C1C28;--sunoah-surface-active: #222230;--sunoah-sunken: #08080C;--sunoah-glass: rgba(212, 168, 67, .04);--sunoah-glass-hover: rgba(212, 168, 67, .08);--sunoah-glass-active: rgba(212, 168, 67, .12);--sunoah-border: rgba(212, 168, 67, .12);--sunoah-border-hover: rgba(212, 168, 67, .25);--sunoah-border-active: rgba(212, 168, 67, .4);--sunoah-text: #F5F5F5;--sunoah-text-secondary: #9B9BAD;--sunoah-text-muted: #6B6B7B;--sunoah-text-gold: #D4A843;--sunoah-glow: 0 0 20px rgba(212, 168, 67, .25);--sunoah-glow-strong: 0 0 40px rgba(212, 168, 67, .4);--sunoah-glow-subtle: 0 0 10px rgba(212, 168, 67, .15);--stage-ingest: #3B82F6;--stage-master: #8B5CF6;--stage-tag: #22C55E;--stage-describe: #F59E0B;--stage-visualize: #EC4899;--stage-artwork: #EF4444;--stage-publish: #06B6D4;--stage-package: #D4A843;--status-pending: #6B6B7B;--status-active: #D4A843;--status-complete: #22C55E;--status-error: #EF4444;--status-skipped: #4B5563;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 260px;--header-height: 56px;--pipeline-height: 80px}.sunoah-card{background:var(--sunoah-glass);border:1px solid var(--sunoah-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.sunoah-card:hover{background:var(--sunoah-glass-hover);border-color:var(--sunoah-border-hover);box-shadow:var(--sunoah-glow-subtle)}.sunoah-btn-primary{background:linear-gradient(135deg,var(--sunoah-gold),var(--sunoah-gold-dark));color:var(--sunoah-bg);font-weight:600;padding:10px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.sunoah-btn-primary:hover{background:linear-gradient(135deg,var(--sunoah-gold-light),var(--sunoah-gold));box-shadow:var(--sunoah-glow);transform:translateY(-1px)}.sunoah-btn-secondary{background:transparent;color:var(--sunoah-gold);border:1px solid var(--sunoah-border);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.sunoah-btn-secondary:hover{background:var(--sunoah-glass-hover);border-color:var(--sunoah-border-active)}.sunoah-input{background:var(--sunoah-sunken);border:1px solid var(--sunoah-border);border-radius:var(--radius-sm);color:var(--sunoah-text);padding:10px 14px;font-family:var(--font-body);font-size:14px;transition:border-color .2s ease;width:100%}.sunoah-input:focus{outline:none;border-color:var(--sunoah-gold);box-shadow:0 0 0 2px #d4a84326}.sunoah-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:500;letter-spacing:.02em}@keyframes sunoah-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sunoah-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes sunoah-glow-pulse{0%,to{box-shadow:var(--sunoah-glow-subtle)}50%{box-shadow:var(--sunoah-glow)}}@keyframes sunoah-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sunoah-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes sunoah-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:sunoah-fade-in .3s ease forwards}.animate-slide-in{animation:sunoah-slide-in .3s ease forwards}.animate-scale-in{animation:sunoah-scale-in .2s ease forwards}