:root{--bg-dark: #0a0e17;--bg-card: #121824;--bg-card-hover: #1a2336;--border-color: #212c3f;--accent-cyan: #00f2fe;--accent-violet: #7928ca;--accent-purple: #9b51e0;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #5e6672;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-maintenance: #475063;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--shadow-glow: 0 0 20px rgba(0, 242, 254, .25);--shadow-glow-violet: 0 0 20px rgba(121, 40, 202, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(121,40,202,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,242,254,.1) 0px,transparent 50%),linear-gradient(rgba(21,28,44,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(21,28,44,.2) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}.app-shell{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.factory-banner{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:0 -1.5rem;padding:.5rem 1.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--accent-cyan);background:linear-gradient(90deg,#7928ca1f,#00f2fe1a);border-bottom:1px solid var(--border-color)}.factory-banner strong{color:var(--text-primary)}.factory-banner .dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px var(--color-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}header.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;flex-wrap:wrap}.logo-area{display:flex;align-items:center;gap:10px}.logo-mark{width:30px;height:30px;fill:var(--accent-cyan);filter:drop-shadow(var(--shadow-glow))}.logo-text{font-weight:800;font-size:1.2rem;letter-spacing:.3px;background:linear-gradient(90deg,#fff 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav.main-nav{display:flex;gap:.4rem;flex-wrap:wrap}nav.main-nav button{background:#ffffff05;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;font-family:inherit;transition:all .2s ease}nav.main-nav button:hover{color:var(--text-primary);border-color:var(--accent-cyan)}nav.main-nav button.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f2fe14;box-shadow:var(--shadow-glow)}.page-head{margin:1.5rem 0 2rem}.page-head h1{font-size:2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-head p{color:var(--text-secondary);margin-top:.4rem;max-width:70ch}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.card-grid{display:grid;gap:1.25rem}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:860px){.cols-3,.cols-2{grid-template-columns:1fr}}.mock-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;color:var(--color-warning);background:#ff980014;border:1px solid rgba(255,152,0,.25)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:999px}.pill.op{color:var(--color-success);background:#4caf501a}.pill.partial{color:var(--color-warning);background:#ff98001a}.pill.major{color:var(--color-error);background:#f443361a}.status-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-radius:12px;padding:1.1rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.status-summary.op{background:#4caf500f;border-color:#4caf504d}.status-summary.partial{background:#ff98000f;border-color:#ff98004d}.status-summary.major{background:#f443360f;border-color:#f443364d}.status-summary h2{font-size:1.25rem}.toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.toolbar label{font-size:.85rem;color:var(--text-secondary)}.toolbar select{font-family:inherit;font-size:.85rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:6px 10px}.component-row{border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem;background:var(--bg-card)}.component-row__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.component-row__title{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.component-row__sub{font-size:.8rem;color:var(--text-muted);font-weight:400}.uptime-figure{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.timeline{display:flex;gap:2px;align-items:stretch}.day-block{flex:1 1 0;min-width:0;height:34px;border-radius:2px;position:relative;cursor:pointer;transition:transform .1s ease}.day-block:hover{transform:scaleY(1.18)}.day-block.op{background:var(--color-success)}.day-block.partial{background:var(--color-warning)}.day-block.major{background:var(--color-error)}.day-block.maintenance{background:var(--color-maintenance)}.timeline-axis{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);margin-top:6px;font-family:var(--font-mono)}.day-tooltip{position:fixed;z-index:50;pointer-events:none;width:260px;background:var(--bg-card-hover);border:1px solid var(--accent-cyan);border-radius:10px;padding:.85rem;box-shadow:var(--shadow-glow);font-size:.82rem}.day-tooltip__date{font-weight:700;margin-bottom:4px}.day-tooltip__uptime{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.78rem}.day-tooltip__incident{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.day-tooltip__incident strong{color:var(--text-primary)}.day-tooltip__incident p{color:var(--text-secondary);margin-top:2px}.legend{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary);margin:.5rem 0 1.5rem}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.incident-month{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:1.5rem 0 .75rem}.incident-card{border:1px solid var(--border-color);border-left-width:3px;border-radius:10px;padding:1rem 1.25rem;margin-bottom:.75rem;background:var(--bg-card)}.incident-card.major{border-left-color:var(--color-error)}.incident-card.partial{border-left-color:var(--color-warning)}.incident-card.maintenance{border-left-color:var(--color-maintenance)}.incident-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.incident-card__title{font-weight:700}.incident-card__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.incident-card__body{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.incident-card__tags{margin-top:.6rem;display:flex;gap:.4rem;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:.68rem;padding:2px 7px;border-radius:5px;background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-secondary)}.empty-note{color:var(--text-muted);font-size:.9rem;padding:1rem 0}.docs-layout{display:grid;grid-template-columns:240px 1fr;gap:2rem;align-items:start}@media(max-width:860px){.docs-layout{grid-template-columns:1fr}}.docs-nav{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.3rem}.docs-nav button{text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);padding:8px 12px;cursor:pointer;font-family:inherit;font-size:.9rem}.docs-nav button:hover{color:var(--text-primary)}.docs-nav button.active{color:var(--accent-cyan);background:#00f2fe0f;border-color:var(--border-color)}.markdown-body{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem 2.25rem;min-width:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.4rem 0 .7rem;line-height:1.25}.markdown-body h1{font-size:1.7rem;margin-top:0}.markdown-body h2{font-size:1.3rem;border-bottom:1px solid var(--border-color);padding-bottom:.3rem}.markdown-body h3{font-size:1.08rem;color:var(--accent-cyan)}.markdown-body p,.markdown-body li{color:var(--text-secondary);margin-bottom:.6rem}.markdown-body ul,.markdown-body ol{padding-left:1.4rem;margin-bottom:.8rem}.markdown-body code{font-family:var(--font-mono);font-size:.85em;background:#0a0e17cc;padding:2px 6px;border-radius:5px;color:#ff7b72;border:1px solid rgba(255,123,114,.15)}.markdown-body pre{background:#0a0e17d9;border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;margin:.8rem 0}.markdown-body pre code{background:transparent;border:none;color:#e6edf3;padding:0}.markdown-body table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.9rem}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-body th{background:#ffffff08}.markdown-body blockquote{border-left:3px solid var(--accent-violet);padding-left:1rem;color:var(--text-muted);margin:.8rem 0}.markdown-body a{border-bottom:1px dotted rgba(0,242,254,.4)}.support-card{display:flex;flex-direction:column;gap:.85rem;transition:all .2s ease;cursor:pointer;text-decoration:none;color:inherit}.support-card:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow);text-decoration:none}.support-card .icon{font-size:1.6rem}.support-card h3{font-size:1.15rem}.support-card p{color:var(--text-secondary);font-size:.9rem}.support-card .route{margin-top:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);word-break:break-all}.chat{display:flex;flex-direction:column;height:460px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);overflow:hidden}.chat__log{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.msg{max-width:80%;padding:.7rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.45;white-space:pre-wrap}.msg.user{align-self:flex-end;background:#00f2fe1a;border:1px solid rgba(0,242,254,.25)}.msg.assistant{align-self:flex-start;background:#ffffff08;border:1px solid var(--border-color)}.msg .src{display:block;margin-top:6px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.chat__form{display:flex;gap:.5rem;padding:.85rem;border-top:1px solid var(--border-color)}.chat__form input{flex:1;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:.9rem}.chat__form input:focus{outline:none;border-color:var(--accent-cyan)}.btn{background:#00f2fe1a;border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-family:inherit;font-size:.9rem}.btn:disabled{opacity:.4;cursor:not-allowed}.hero{text-align:center;padding:2.5rem 1rem 1.5rem}.hero .badge{display:inline-block;padding:6px 14px;border-radius:20px;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);background:linear-gradient(135deg,#7928ca26,#00f2fe26);border:1px solid rgba(0,242,254,.3)}.hero h1{font-size:2.8rem;font-weight:900;letter-spacing:-1px;margin:1rem 0 .6rem;line-height:1.1;background:linear-gradient(135deg,#fff 10%,#7c89a3 45%,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text-secondary);max-width:60ch;margin:0 auto;font-size:1.05rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}@media(max-width:860px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center;background:var(--bg-card)}.stat .num{font-family:var(--font-mono);font-size:1.9rem;font-weight:800;color:var(--accent-cyan)}.stat .lbl{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.step-list{counter-reset:step;display:flex;flex-direction:column;gap:.75rem}.step{display:flex;gap:1rem;align-items:flex-start}.step:before{counter-increment:step;content:counter(step);flex:0 0 28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-mono);font-weight:700;font-size:.85rem;color:var(--accent-cyan);background:#00f2fe14;border:1px solid rgba(0,242,254,.3)}.step strong{display:block}.step span{color:var(--text-secondary);font-size:.9rem}footer.colophon{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;text-align:center}