@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--forge-void: #0a0a0a;--forge-deep: #111111;--forge-charcoal: #1a1a1a;--forge-surface: #232323;--forge-elevated: #2c2c2c;--forge-border: #333333;--forge-muted: #555555;--forge-amber: #d4920a;--forge-amber-soft: rgba(212, 146, 10, .15);--forge-amber-glow: rgba(212, 146, 10, .3);--forge-copper: #b87333;--forge-copper-soft: rgba(184, 115, 51, .2);--forge-gold: #c9a84c;--forge-ember: #e8731a;--forge-warm-white: #f0e6d3;--forge-cream: #e8dcc8;--forge-text: #c4b89a;--forge-text-dim: #8a7e68;--forge-healthy: #4caf50;--forge-degraded: #ff9800;--forge-critical: #f44336;--forge-info: #5c9ece;--forge-grid: rgba(212, 146, 10, .04);--forge-grid-line: rgba(212, 146, 10, .08);--font-display: "DM Serif Display", serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-glow: 0 0 20px rgba(212, 146, 10, .1);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--forge-deep);color:var(--forge-text);line-height:1.5;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--forge-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--forge-grid-line) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;opacity:.5}h1,h2,h3{font-family:var(--font-display);color:var(--forge-warm-white);font-weight:400}h1{font-size:2rem;letter-spacing:.02em}h2{font-size:1.4rem;letter-spacing:.01em}h3{font-size:1.1rem}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--forge-text-dim)}.dashboard{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr auto;gap:var(--space-md);padding:var(--space-lg);max-width:1920px;margin:0 auto;min-height:100vh}.dashboard-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--forge-border)}.dashboard-header .brand{display:flex;align-items:baseline;gap:var(--space-md)}.dashboard-header .brand h1{font-size:1.6rem;color:var(--forge-warm-white)}.dashboard-header .brand h1 span{color:var(--forge-amber)}.dashboard-header .brand .subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--forge-text-dim);letter-spacing:.08em}.header-stats{display:flex;gap:var(--space-xl)}.stat-item{text-align:right}.stat-value{font-family:var(--font-display);font-size:1.8rem;color:var(--forge-amber);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--forge-text-dim);text-transform:uppercase;letter-spacing:.1em}.panel{background:var(--forge-charcoal);border:1px solid var(--forge-border);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--forge-amber),transparent);opacity:.5}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.panel-title{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--forge-amber)}.panel-badge{font-family:var(--font-mono);font-size:.65rem;padding:2px 8px;border-radius:var(--radius-sm);background:var(--forge-amber-soft);color:var(--forge-amber);border:1px solid rgba(212,146,10,.2)}.panel-ecosystem{grid-column:1 / -1;min-height:380px}.phase-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:3px;border:1px solid}.phase-badge.embryonic{color:#e8731a;border-color:#e8731a4d;background:#e8731a1a}.phase-badge.pre-mvp{color:#d4920a;border-color:#d4920a4d;background:#d4920a1a}.phase-badge.mvp{color:#c9a84c;border-color:#c9a84c4d;background:#c9a84c1a}.phase-badge.beta{color:#5c9ece;border-color:#5c9ece4d;background:#5c9ece1a}.phase-badge.production{color:#4caf50;border-color:#4caf504d;background:#4caf501a}.phase-badge.mature{color:#b87333;border-color:#b873334d;background:#b873331a}.progress-bar{width:100%;height:4px;background:var(--forge-surface);border-radius:2px;overflow:hidden;position:relative}.progress-bar .fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--forge-copper),var(--forge-amber));transition:width 1s ease-out;position:relative}.progress-bar .fill:after{content:"";position:absolute;right:0;top:-1px;width:6px;height:6px;border-radius:50%;background:var(--forge-amber);box-shadow:0 0 8px var(--forge-amber)}.activity-item{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid rgba(51,51,51,.5);transition:background .2s}.activity-item:hover{background:var(--forge-amber-soft);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;border:1px solid}.activity-icon.deploy{color:var(--forge-healthy);border-color:#4caf504d;background:#4caf501a}.activity-icon.commit{color:var(--forge-info);border-color:#5c9ece4d;background:#5c9ece1a}.activity-icon.phase_change{color:var(--forge-amber);border-color:#d4920a4d;background:#d4920a1a}.activity-icon.agent_action{color:var(--forge-gold);border-color:#c9a84c4d;background:#c9a84c1a}.activity-icon.alert{color:var(--forge-critical);border-color:#f443364d;background:#f443361a}.activity-icon.restart{color:var(--forge-degraded);border-color:#ff98004d;background:#ff98001a}.activity-icon.manual{color:var(--forge-copper);border-color:var(--forge-copper-soft);background:#b873331a}.activity-content{flex:1;min-width:0}.activity-message{font-size:.85rem;color:var(--forge-cream);line-height:1.4}.activity-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--forge-text-dim);margin-top:2px}.server-card{background:var(--forge-surface);border:1px solid var(--forge-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);transition:border-color .3s,box-shadow .3s}.server-card:hover{border-color:var(--forge-amber);box-shadow:var(--shadow-glow)}.server-card.healthy{border-left:3px solid var(--forge-healthy)}.server-card.degraded{border-left:3px solid var(--forge-degraded)}.server-card.critical{border-left:3px solid var(--forge-critical)}.server-name{font-family:var(--font-display);font-size:1.2rem;color:var(--forge-warm-white)}.server-hostname{font-family:var(--font-mono);font-size:.7rem;color:var(--forge-text-dim)}.gauge-row{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.gauge{flex:1;text-align:center}.gauge-visual{width:60px;height:60px;margin:0 auto;position:relative}.gauge-label{font-family:var(--font-mono);font-size:.6rem;color:var(--forge-text-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.gauge-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--forge-amber)}.agent-card{background:var(--forge-surface);border:1px solid var(--forge-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.agent-card .agent-name{font-family:var(--font-display);font-size:1rem;color:var(--forge-warm-white)}.agent-status{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.agent-status .dot{width:6px;height:6px;border-radius:50%}.agent-status.active .dot{background:var(--forge-healthy);box-shadow:0 0 6px var(--forge-healthy);animation:pulse-dot 2s infinite}.agent-status.idle .dot{background:var(--forge-degraded)}.agent-status.offline .dot{background:var(--forge-muted)}.agent-status.error .dot{background:var(--forge-critical);animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.container-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.65rem;padding:2px 8px;border-radius:3px;background:var(--forge-elevated);color:var(--forge-text);border:1px solid var(--forge-border);margin:2px}.container-tag .status-dot{width:5px;height:5px;border-radius:50%;background:var(--forge-healthy)}.quick-actions{grid-column:1 / -1;display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--forge-border);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--forge-border);border-radius:var(--radius-sm);background:var(--forge-surface);color:var(--forge-text);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:var(--forge-amber);color:var(--forge-amber);background:var(--forge-amber-soft)}.action-btn .icon{font-size:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--forge-deep)}::-webkit-scrollbar-thumb{background:var(--forge-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--forge-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 4px #d4920a33}50%{box-shadow:0 0 16px #d4920a66}}.fade-in{animation:fade-in .4s ease-out forwards}.timeline-track{display:flex;align-items:center;gap:0;margin:var(--space-md) 0;position:relative}.timeline-phase{flex:1;text-align:center;position:relative;padding:var(--space-sm) 0}.timeline-phase:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--forge-border);z-index:0}.timeline-phase.active:before{background:linear-gradient(90deg,var(--forge-copper),var(--forge-amber))}.timeline-phase.completed:before{background:var(--forge-copper)}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--forge-border);border:2px solid var(--forge-charcoal);position:relative;z-index:1;margin:0 auto}.timeline-phase.active .timeline-dot{background:var(--forge-amber);box-shadow:0 0 12px var(--forge-amber-glow);animation:glow-pulse 3s infinite}.timeline-phase.completed .timeline-dot{background:var(--forge-copper)}.timeline-phase-label{font-family:var(--font-mono);font-size:.6rem;color:var(--forge-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-xs)}.timeline-phase.active .timeline-phase-label{color:var(--forge-amber)}.project-timeline-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid rgba(51,51,51,.3)}.project-timeline-row:last-child{border-bottom:none}.project-timeline-name{width:140px;flex-shrink:0;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--forge-cream)}.project-timeline-bar{flex:1;position:relative}.constellation-tooltip{position:absolute;background:var(--forge-elevated);border:1px solid var(--forge-amber);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-elevated);pointer-events:none;z-index:100;min-width:220px}.constellation-tooltip h4{font-family:var(--font-display);color:var(--forge-warm-white);margin-bottom:var(--space-xs)}.constellation-tooltip .desc{font-size:.8rem;color:var(--forge-text);margin-bottom:var(--space-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-state .icon{font-size:2rem;margin-bottom:var(--space-md);opacity:.3}.empty-state .message{font-family:var(--font-mono);font-size:.8rem;color:var(--forge-text-dim)}