*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--canvas: #000000;--canvas-raised: #0F0F1A;--canvas-sunken: #050510;--surface-1: #0F0F1A;--surface-2: #141420;--surface-3: #1A1A2E;--surface-input: #0C0C14;--surface-overlay: rgba(0, 0, 0, .92);--glass-1: rgba(0, 212, 255, .03);--glass-2: rgba(0, 212, 255, .06);--glass-3: rgba(0, 212, 255, .1);--glass-border: rgba(0, 212, 255, .15);--glass-border-hover: rgba(0, 212, 255, .35);--glass-blur: 0px;--glass-blur-xl: 0px;--domain-agents: #00D4FF;--domain-agents-dim: rgba(0, 212, 255, .15);--domain-agents-glow: rgba(0, 212, 255, .3);--domain-intelligence: #FF2D7B;--domain-intelligence-dim: rgba(255, 45, 123, .15);--domain-intelligence-glow: rgba(255, 45, 123, .3);--domain-orchestration: #B026FF;--domain-orchestration-dim: rgba(176, 38, 255, .15);--domain-orchestration-glow: rgba(176, 38, 255, .3);--domain-delegations: #FFD700;--domain-delegations-dim: rgba(255, 215, 0, .15);--domain-delegations-glow: rgba(255, 215, 0, .3);--domain-infrastructure: #39FF14;--domain-infrastructure-dim: rgba(57, 255, 20, .15);--domain-infrastructure-glow: rgba(57, 255, 20, .3);--domain-debriefs: #FF6B00;--domain-debriefs-dim: rgba(255, 107, 0, .15);--domain-debriefs-glow: rgba(255, 107, 0, .3);--grad-agents: linear-gradient(135deg, #00D4FF, #0099B8);--grad-intelligence: linear-gradient(135deg, #FF2D7B, #CC2363);--grad-orchestration: linear-gradient(135deg, #B026FF, #8B1FCC);--grad-delegations: linear-gradient(135deg, #FFD700, #B89B00);--grad-infrastructure: linear-gradient(135deg, #39FF14, #2BCC10);--grad-debriefs: linear-gradient(135deg, #FF6B00, #CC5500);--grad-aurora: linear-gradient(135deg, #00D4FF 0%, #B026FF 33%, #FF2D7B 66%, #39FF14 100%);--grad-brand: linear-gradient(135deg, #00D4FF 0%, #B026FF 50%, #FF2D7B 100%);--grad-celebration: linear-gradient(135deg, #00D4FF 0%, #39FF14 50%, #B026FF 100%);--grad-mesh: repeating-linear-gradient(0deg, transparent, transparent 49px, rgba(0,212,255,.03) 49px, rgba(0,212,255,.03) 50px), repeating-linear-gradient(90deg, transparent, transparent 49px, rgba(0,212,255,.03) 49px, rgba(0,212,255,.03) 50px);--text-primary: #C8CCD4;--text-secondary: #6A7080;--text-tertiary: #3A3F4A;--text-inverse: #000000;--text-link: #00D4FF;--success: #39FF14;--warning: #FFD700;--error: #FF2D7B;--info: #00D4FF;--accent-aurora: #00D4FF;--accent-aurora-light: #33DDFF;--accent-aurora-dim: rgba(0, 212, 255, .15);--accent-success: #39FF14;--accent-warning: #FFD700;--accent-error: #FF2D7B;--accent-info: #00D4FF;--bg-primary: #000000;--bg-secondary: #0F0F1A;--bg-card: var(--surface-1);--bg-card-hover: var(--surface-2);--bg-input: var(--surface-input);--text-muted: var(--text-tertiary);--border-subtle: rgba(0, 212, 255, .08);--border-active: #00D4FF;--truth-color: #00D4FF;--beauty-color: #B026FF;--curiosity-color: #FF2D7B;--knowledge-color: #39FF14;--creation-color: #FFD700;--border-default: rgba(0, 212, 255, .15);--border-strong: rgba(0, 212, 255, .35);--border-focus: #00D4FF;--shadow-sm: 0 0 5px rgba(0, 212, 255, .08);--shadow-md: 0 0 15px rgba(0, 212, 255, .1);--shadow-lg: 0 0 25px rgba(0, 212, 255, .15);--shadow-xl: 0 0 40px rgba(0, 212, 255, .2);--shadow-card: 0 0 15px rgba(0, 212, 255, .1);--shadow-glow: 0 0 30px rgba(0, 212, 255, .2);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--radius-sm: 4px;--radius-md: 4px;--radius: 4px;--radius-lg: 4px;--radius-xl: 4px;--radius-2xl: 4px;--radius-full: 2px;--font-sans: "IBM Plex Mono", monospace;--font-heading: "IBM Plex Mono", monospace;--font-mono: "IBM Plex Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-normal: .2s;--dur-slow: .35s}html{scroll-behavior:smooth;height:100%}body{height:100%;font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--text-primary);background:var(--canvas);background-image:var(--grad-mesh);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.06) 1px,rgba(0,0,0,.06) 2px)}#root{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;letter-spacing:.02em;text-transform:uppercase}code,pre,.mono{font-family:var(--font-mono)}a{color:var(--text-link);text-decoration:none}a:hover{color:#fff;text-decoration:none}::selection{background:#00d4ff4d;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:#00d4ff40;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.glass{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius);transition:border-color var(--dur-normal),box-shadow var(--dur-normal)}.glass:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.glass-dense{background:var(--surface-2);border:1px solid var(--glass-border)}.card{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:border-color var(--dur-normal),box-shadow var(--dur-normal)}.card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient, linear-gradient(90deg, var(--domain-agents), var(--domain-orchestration)))}.stat-card{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);position:relative;overflow:hidden;transition:all var(--dur-normal)}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-color, var(--domain-agents)),transparent)}.stat-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg)}.stat-value{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--domain-agents)}.stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary)}.top-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0;margin-bottom:var(--sp-6);border-bottom:1px solid var(--border-subtle)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);list-style:none;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.breadcrumb a{color:var(--text-tertiary);text-decoration:none}.breadcrumb a:hover,.breadcrumb-sep{color:var(--domain-agents)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--domain-agents),transparent);animation:scan 4s linear infinite;pointer-events:none}.domain-accent-agents{border-left:3px solid var(--domain-agents)}.domain-accent-intelligence{border-left:3px solid var(--domain-intelligence)}.domain-accent-orchestration{border-left:3px solid var(--domain-orchestration)}.domain-accent-delegations{border-left:3px solid var(--domain-delegations)}.domain-accent-infrastructure{border-left:3px solid var(--domain-infrastructure)}.domain-accent-debriefs{border-left:3px solid var(--domain-debriefs)}.domain-glow-agents:hover{box-shadow:0 0 25px var(--domain-agents-glow)}.domain-glow-intelligence:hover{box-shadow:0 0 25px var(--domain-intelligence-glow)}.domain-glow-orchestration:hover{box-shadow:0 0 25px var(--domain-orchestration-glow)}.domain-glow-delegations:hover{box-shadow:0 0 25px var(--domain-delegations-glow)}.domain-glow-infrastructure:hover{box-shadow:0 0 25px var(--domain-infrastructure-glow)}.domain-glow-debriefs:hover{box-shadow:0 0 25px var(--domain-debriefs-glow)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:2px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid}.badge-success{background:#39ff1414;color:var(--success);border-color:#39ff144d}.badge-error{background:#ff2d7b14;color:var(--error);border-color:#ff2d7b4d}.badge-warning{background:#ffd70014;color:var(--warning);border-color:#ffd7004d}.badge-info{background:#00d4ff14;color:var(--info);border-color:#00d4ff4d}.badge-aurora{background:#b026ff14;color:#c84dff;border-color:#b026ff4d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--dur-normal);text-decoration:none;position:relative;overflow:hidden;background:transparent;color:var(--text-primary)}.btn:hover{animation:flicker 2s infinite}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{border-color:#00d4ff66;color:var(--domain-agents);background:#00d4ff14}.btn-primary:hover{box-shadow:0 0 25px #00d4ff66;border-color:var(--domain-agents);background:#00d4ff26}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#00d4ff0f}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--glass-border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--glass-border-hover)}.btn-sm{padding:5px 12px;font-size:10px}.gradient-text{background:var(--grad-brand);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}.table-glass{width:100%;border-collapse:collapse;font-size:12px}.table-glass thead tr{border-bottom:2px solid var(--glass-border-hover)}.table-glass th{padding:10px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em}.table-glass tbody tr{border-bottom:1px solid var(--glass-border);transition:background var(--dur-fast)}.table-glass tbody tr:hover{background:#00d4ff08}.table-glass td{padding:10px 14px;font-size:var(--text-sm);color:var(--text-primary)}.grid{display:grid;gap:var(--sp-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes scan{0%{top:-100%}to{top:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00d4ff33}50%{box-shadow:0 0 20px #00d4ff80}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 40px currentColor}}@keyframes glitch-anim{0%{clip-path:inset(40% 0 61% 0)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}to{clip-path:inset(58% 0 43% 0)}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:fade-in .3s var(--ease-out)}.animate-slide-in{animation:slide-in-right .3s var(--ease-out)}.animate-scale-in{animation:scale-in .2s var(--ease-out)}.animate-float{animation:float 3s ease-in-out infinite}.glitch{position:relative;display:inline-block}.glitch:hover:before,.glitch:hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch:hover:before{color:var(--domain-agents);z-index:-1;animation:glitch-anim .3s infinite linear alternate-reverse;left:2px}.glitch:hover:after{color:var(--domain-intelligence);z-index:-2;animation:glitch-anim .3s infinite linear alternate;left:-2px}.sidebar{width:260px;background:var(--surface-1);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:var(--sp-6) var(--sp-3);gap:2px;flex-shrink:0;transition:transform .2s var(--ease-out);overflow-y:auto;box-shadow:4px 0 20px #00000080}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:200;background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text-primary);padding:10px;cursor:pointer}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);width:280px}.sidebar.sidebar-open{transform:translate(0)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:90}}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:var(--radius);color:var(--text-secondary);background:transparent;text-decoration:none;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;transition:all .15s;position:relative;border-left:3px solid transparent}.nav-item:hover{color:var(--text-primary);background:#00d4ff0a;text-decoration:none}.nav-item-active{color:#fff;font-weight:600}.progress-bar{height:6px;border-radius:0;background:var(--surface-2);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:0;transition:width .5s;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px)}.progress-agents .progress-fill{background:var(--grad-agents)}.progress-intelligence .progress-fill{background:var(--grad-intelligence)}.progress-orchestration .progress-fill{background:var(--grad-orchestration)}.progress-delegations .progress-fill{background:var(--grad-delegations)}.progress-infrastructure .progress-fill{background:var(--grad-infrastructure)}.progress-debriefs .progress-fill{background:var(--grad-debriefs)}.badge-dot{display:inline-flex;align-items:center;gap:6px}.badge-dot:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge-dot-pulse:before{animation:pulse-glow 2s ease-in-out infinite}.badge-dot.badge-success:before{background:var(--success);box-shadow:0 0 8px #39ff1480}.badge-dot.badge-error:before{background:var(--error);box-shadow:0 0 8px #ff2d7b80}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:700;color:#fff;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:48px;height:48px;font-size:18px}.skeleton-card{height:100px;background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;border:1px solid var(--glass-border);border-radius:var(--radius);animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-row{height:52px;border-bottom:1px solid var(--glass-border);background:linear-gradient(90deg,transparent 25%,var(--surface-1) 50%,transparent 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-chart{height:280px;background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;border:1px solid var(--glass-border);border-radius:var(--radius);animation:skeleton-shimmer 1.5s ease-in-out infinite}.page-header{margin-bottom:var(--sp-8)}.page-header h1{font-size:var(--text-3xl);font-weight:700;color:var(--domain-agents);margin-bottom:var(--sp-1);letter-spacing:.08em}.page-header p{font-size:var(--text-sm);color:var(--text-secondary);max-width:640px;text-transform:uppercase;letter-spacing:.06em}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin-bottom:var(--sp-3)}@media(max-width:768px){main{padding:56px 16px 16px!important}}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--domain-agents);color:#000;padding:8px 16px;z-index:10000;font-size:var(--text-sm);text-decoration:none;border-radius:0 0 var(--radius) 0;transition:top var(--dur-fast);font-weight:600}.skip-to-content:focus{top:0}:focus-visible{outline:2px solid var(--domain-agents);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--domain-agents);outline-offset:2px;box-shadow:0 0 0 4px #00d4ff26}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-slide-in,.animate-scale-in,.animate-float{animation:none}body:after{display:none}}@media(max-width:768px){.card:has(.table-glass){overflow-x:auto;-webkit-overflow-scrolling:touch}.table-glass{min-width:600px}}.recharts-default-tooltip{background:var(--surface-2)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important}