*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#08080f;--bg2:#0d0d1a;--surface:#12121f;--surface2:#1a1a2e;
  --border:rgba(255,255,255,0.07);--text:#f0f0f8;--muted:#8888aa;
  --purple:#7c3aed;--blue:#3b82f6;--cyan:#22d3ee;--green:#10b981;
  --orange:#f97316;--red:#ef4444;
  --grad:linear-gradient(135deg,#3b82f6 0%,#7c3aed 60%,#a855f7 100%);
  --sidebar-w:268px;--topbar-h:56px;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--purple);border-radius:2px;}

/* TOPBAR */
.topbar{
  position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:100;
  background:rgba(8,8,15,0.92);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;padding:0 24px;gap:16px;
}
.topbar-logo{display:flex;align-items:center;text-decoration:none;min-width:var(--sidebar-w);padding-right:20px;}
.topbar-logo img{height:40px;}
.topbar-logo span{font-size:16px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Space Grotesk',sans-serif;}
.topbar-badge{font-size:11px;padding:3px 10px;border-radius:100px;border:1px solid rgba(124,58,237,0.35);color:#a78bfa;background:rgba(124,58,237,0.08);font-weight:600;letter-spacing:0.05em;white-space:nowrap;}
.topbar-search{
  flex:1;max-width:380px;margin-left:auto;
  display:flex;align-items:center;gap:10px;
  padding:8px 16px;border-radius:10px;
  background:var(--surface);border:1px solid var(--border);
  transition:border-color 0.2s;
}
.topbar-search:focus-within{border-color:rgba(124,58,237,0.4);}
.topbar-search input{background:none;border:none;outline:none;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;width:100%;}
.topbar-search input::placeholder{color:var(--muted);}
.topbar-back{display:flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;transition:color 0.2s;white-space:nowrap;margin-left:12px;}
.topbar-back:hover{color:var(--text);}
.mob-menu{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px;}

/* LAYOUT */
.layout{display:flex;padding-top:var(--topbar-h);}

/* SIDEBAR */
.sidebar{
  position:fixed;top:var(--topbar-h);left:0;bottom:0;
  width:var(--sidebar-w);overflow-y:auto;
  border-right:1px solid var(--border);
  padding:20px 0 48px;background:var(--bg);
}
.sidebar-section{margin-bottom:2px;}
.sidebar-section-title{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);padding:14px 20px 6px;}
.sidebar-item{
  display:flex;align-items:center;gap:8px;padding:7px 20px;
  font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;
  border-left:2px solid transparent;cursor:pointer;
  transition:color 0.15s,background 0.15s,border-color 0.15s;
}
.sidebar-item:hover{color:var(--text);background:rgba(255,255,255,0.03);}
.sidebar-item.active{color:#a78bfa;border-left-color:var(--purple);background:rgba(124,58,237,0.07);}
.mb{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:0.04em;flex-shrink:0;}
.get{background:rgba(16,185,129,0.15);color:#10b981;}
.post{background:rgba(59,130,246,0.15);color:#60a5fa;}
.put{background:rgba(249,115,22,0.15);color:#fb923c;}
.del{background:rgba(239,68,68,0.15);color:#f87171;}

/* CONTENT */
.content{margin-left:var(--sidebar-w);flex:1;padding:48px 56px 120px;max-width:860px;}
.section-anchor{scroll-margin-top:80px;}

/* TYPOGRAPHY */
.doc-h1{font-size:34px;font-weight:700;letter-spacing:-0.02em;margin-bottom:12px;font-family:'Space Grotesk',sans-serif;}
.doc-h2{font-size:20px;font-weight:700;letter-spacing:-0.01em;margin:56px 0 14px;font-family:'Space Grotesk',sans-serif;padding-top:20px;border-top:1px solid var(--border);scroll-margin-top:80px;}
.doc-h2:first-of-type,.doc-h2.no-border{border-top:none;margin-top:28px;}
.doc-h3{font-size:14px;font-weight:600;margin:24px 0 10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);}
.doc-p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:14px;}
.doc-p a{color:var(--blue);text-decoration:none;}
.doc-p a:hover{text-decoration:underline;}
.doc-p code,.doc-p strong{color:var(--text);font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;}
.doc-p strong{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;}
.doc-lead{font-size:16px;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:28px;}

/* TAG ROW */
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.doc-tag{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;border:1px solid var(--border);color:var(--muted);}

/* ENDPOINT PILL */
.endpoint-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 18px;border-radius:10px;
  background:var(--surface);border:1px solid var(--border);
  margin-bottom:16px;
}
.endpoint-pill .method{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:0.05em;}
.endpoint-pill .path{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text);}

/* CODE BLOCKS */
.code-block{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:12px 0 20px;}
.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;}
.code-copy{cursor:pointer;padding:3px 10px;border-radius:6px;border:1px solid var(--border);font-size:11px;color:var(--muted);background:none;transition:all 0.2s;font-family:'Inter',sans-serif;}
.code-copy:hover{color:var(--text);border-color:var(--purple);}
.code-block pre{padding:16px 20px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.65;overflow-x:auto;}
/* syntax */
.kw{color:#c084fc;}.str{color:#86efac;}.num{color:#fbbf24;}.cm{color:#4b5563;font-style:italic;}
.key{color:#93c5fd;}.val{color:#6ee7b7;}.url{color:#f9a8d4;}
.mg{color:#34d399;}.mp{color:#60a5fa;}

/* PARAMS TABLE */
.params-table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:13px;}
.params-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);text-align:left;padding:8px 14px;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.02);}
.params-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);vertical-align:top;line-height:1.5;}
.params-table td:first-child{font-family:'JetBrains Mono',monospace;font-size:12px;color:#93c5fd;white-space:nowrap;}
.params-table td:nth-child(2){white-space:nowrap;}
.params-table td:last-child{color:var(--muted);}
.req{color:#f87171;font-size:10px;font-weight:700;font-family:'Inter',sans-serif;}
.opt{color:#6b7280;font-size:10px;font-family:'Inter',sans-serif;}

/* ALERTS */
.alert{display:flex;gap:12px;padding:14px 18px;border-radius:10px;margin:20px 0;font-size:13px;line-height:1.6;color:rgba(255,255,255,0.7);}
.alert-info{background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);}
.alert-warn{background:rgba(249,115,22,0.08);border:1px solid rgba(249,115,22,0.2);}
.alert-icon{font-size:16px;flex-shrink:0;margin-top:1px;}

/* STATUS BADGES */
.sbadge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600;margin:3px;}
.s200{background:rgba(16,185,129,0.12);color:#34d399;border:1px solid rgba(16,185,129,0.2);}
.s400{background:rgba(249,115,22,0.12);color:#fb923c;border:1px solid rgba(249,115,22,0.2);}
.s401{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.2);}

/* ON THIS PAGE */
.on-this-page{position:fixed;top:calc(var(--topbar-h)+32px);right:28px;width:190px;}
.on-this-page h4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);margin-bottom:10px;}
.on-this-page a{display:block;color:var(--muted);text-decoration:none;padding:4px 0 4px 12px;border-left:1px solid var(--border);transition:color 0.15s,border-color 0.15s;font-size:12px;line-height:1.4;}
.on-this-page a:hover,.on-this-page a.active-toc{color:#a78bfa;border-left-color:var(--purple);}

/* FIELD GRID */
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px;}
.field-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;}
.field-item .fname{font-family:'JetBrains Mono',monospace;font-size:12px;color:#93c5fd;margin-bottom:4px;}
.field-item .ftype{font-size:11px;color:#a78bfa;margin-bottom:6px;}
.field-item .fdesc{font-size:12px;color:var(--muted);line-height:1.5;}

@media(max-width:1120px){.on-this-page{display:none;}}
@media(max-width:860px){
  .sidebar{transform:translateX(-100%);transition:transform 0.3s;z-index:50;}
  .sidebar.open{transform:translateX(0);}
  .content{margin-left:0;padding:32px 20px 80px;}
  .topbar-logo{min-width:auto;}
  .mob-menu{display:flex!important;}
  .field-grid{grid-template-columns:1fr;}
}