@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--bg:#0b0d14;--surface:#151925;--surface2:#20263a;--border:#303852;--text:#edf1fa;--text-muted:#a2acc0;--accent:#00e5a0;--accent-light:#65f2c3;--green:#00e5a0;--red:#f87171;--yellow:#fbbf24;--code-bg:#12141f;--font-mono:'DM Mono',monospace;--font-sans:'DM Sans',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(8,10,18,.9),rgba(8,10,18,.96)),url('https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat}
.layout{position:relative;z-index:1;display:flex;min-height:100vh}.main{flex:1;min-width:0;width:0;max-width:none;padding:0 clamp(28px,5vw,52px) 80px;overflow-x:hidden}.page-header{padding-top:48px;margin-bottom:38px;padding-bottom:0;border-bottom:0}.page-header h1,h1{font-size:clamp(2.1rem,4vw,2.8rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;margin:0 0 8px;color:var(--text)}.page-header .subtitle,.subtitle{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0}.docs-eyebrow{color:var(--accent);font:500 .68rem var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}.docs-home section{margin:0 0 44px}.docs-home h2,h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border);scroll-margin-top:28px}.docs-home h2{margin-top:0}.docs-home h3,h3{font-size:16px;font-weight:600;color:var(--accent-light);margin:28px 0 12px;scroll-margin-top:28px}p{color:var(--text-muted);margin:0 0 12px}li{color:var(--text-muted)}li+li{margin-top:6px}p strong,li strong{color:var(--text)}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}
.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.docs-card{min-height:168px;display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(15,18,30,.82);box-shadow:0 4px 24px rgba(0,0,0,.3);text-decoration:none;transition:transform .2s,border-color .2s}.docs-card:hover{transform:translateY(-2px);border-color:rgba(0,229,160,.35);text-decoration:none}.docs-card>span{font:500 11px var(--font-mono);color:var(--accent)}.docs-card strong{font-size:14px;color:var(--text)}.docs-card small{font-size:12px;color:var(--text-muted);line-height:1.5}
code,pre,.code{font-family:var(--font-mono)}code{font-size:.88em;color:#b5e8d2;background:rgba(0,0,0,.22);padding:.12em .3em;border-radius:4px}pre{overflow:auto;max-width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:10px;background:var(--code-bg);color:#dce5ef;font-size:12px;line-height:1.6;tab-size:2}pre code{padding:0;background:none;color:inherit}.kw{color:#d39af2}.fn{color:#76c9f5}.st{color:#b4d789}.sub,.cm{color:#8491a7}.green,.good{color:#68d9aa}.red{color:#f38b87}.yellow,.warning{color:#f4c26f}.query-block,.code-window{margin:14px 0;padding:16px;border:1px solid var(--border);border-radius:10px;background:rgba(12,15,24,.9);overflow-x:auto}.query-title{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:8px}
.callout{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid rgba(101,242,195,.2);border-radius:10px;background:rgba(0,229,160,.055);color:var(--text-muted)}.callout.warning,.warning-card{border-color:rgba(251,191,36,.25);background:rgba(251,191,36,.06)}.callout-icon{font-size:18px;flex:none}.callout strong{color:var(--text)}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:10px;margin:14px 0}table{width:100%;border-collapse:collapse;min-width:540px;background:rgba(15,18,30,.68)}th,td{padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top;color:var(--text-muted);font-size:12px}th{color:var(--text);font-weight:600;background:rgba(255,255,255,.04)}tr:last-child td{border-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.stat-card,.service-card,.map-card,.schema,.reco-card,.gap-card,.warning-card,.card{padding:16px;border:1px solid var(--border);border-radius:11px;background:rgba(15,18,30,.8)}.stat-card .value,.value{font-size:21px;font-weight:600;color:var(--text)}.stat-card .label,.label{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.tag,.badge,.chip,.meta-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:3px 8px;color:var(--text-muted);font-size:10px;background:rgba(255,255,255,.04)}.service-header,.schema-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.service-name{font-weight:600;color:var(--text)}.service-desc,.schema-desc{color:var(--text-muted);font-size:12px}.service-meta{color:#818da2;font-size:10px}.schema-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(100px,.5fr) 2fr;gap:10px;padding:10px 0;border-top:1px solid var(--border);font-size:11px}.schema-type{font:10px var(--font-mono);color:#83cbee}.section-title{font-size:12px;color:var(--accent-light);letter-spacing:.1em;text-transform:uppercase;margin:28px 0 12px}.step,.timeline-item{display:flex;gap:12px;margin:12px 0;padding:12px;border-left:2px solid var(--border);background:rgba(255,255,255,.025)}.timeline-date{font:10px var(--font-mono);color:#8491a7;min-width:100px}.timeline-text{color:var(--text-muted)}.status-dot,.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7b8796}.status-dot.good,.dot.good{background:#00e5a0}.status-dot.warning,.dot.warning{background:#fbbf24}.status-dot.bad,.dot.bad{background:#f87171}
.map-card{overflow:auto}.map-lane{display:flex;align-items:center;gap:12px;min-width:600px;padding:12px 0}.flow-node{padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:#111522;color:var(--text);font-size:11px}.flow-source,.flow-dest{color:var(--text-muted)}.flow-arrow{color:var(--accent);font-size:18px}.flow-comment,.edge-label{color:#8995a7;font-size:10px}.edge.web{stroke:#67b6da}.edge.auth{stroke:#d59ae8}.private{color:#91d3b4}.paused{color:#e3ae71}.live{color:#58d39b}.rank-bar,.disk-bar{height:6px;background:#252c3d;border-radius:6px;overflow:hidden}.rank-fill,.disk-fill{height:100%;background:var(--accent);border-radius:6px}.rank-fill-bg{background:#252c3d}.rank-label{font-size:10px;color:var(--text-muted)}.rank-val{font:11px var(--font-mono);color:var(--text)}
.mobile-menu,.menu-overlay{display:none}
@media(max-width:900px){.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schema-row{grid-template-columns:1fr 1fr}.schema-row .schema-desc{grid-column:1/-1}}
@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;width:258px;transform:translateX(-105%);transition:transform .2s;z-index:30;box-shadow:12px 0 35px rgba(0,0,0,.45)}.menu-open .sidebar{transform:translateX(0)}.menu-open .menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:20}.main{margin-left:0;width:100%;padding:0 18px 48px}.page-header{padding-top:30px;margin-bottom:26px}.docs-grid{grid-template-columns:1fr}.docs-card{min-height:0}.docs-home h2{margin-top:0}pre{font-size:11px}.schema-row{grid-template-columns:1fr}.schema-row .schema-desc{grid-column:auto}h2{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
