*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;background:#070b16;color:#fff}
a{text-decoration:none;color:inherit}
.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:#050816;border-right:1px solid #1f2937;padding:30px;overflow:auto}
.brand{font-size:24px;font-weight:900;margin-bottom:6px}
.version{color:#7ea6ff;font-size:14px;margin-bottom:34px}
.navGroup{margin-bottom:26px}
.navTitle{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.nav a{display:block;padding:12px 14px;border-radius:12px;color:#a7b0c2;margin-bottom:6px}
.nav a:hover,.nav a.active{background:#111827;color:#fff}
.main{padding:44px 54px;max-width:1180px}
.badge{display:inline-flex;background:#111a33;border:1px solid #24335f;color:#7ea6ff;padding:8px 14px;border-radius:999px;font-size:14px;margin-bottom:22px}
h1{font-size:54px;line-height:1.06;margin-bottom:18px}
h2{font-size:34px;margin:48px 0 16px}
h3{font-size:22px;margin:28px 0 12px}
p{color:#a7b0c2;line-height:1.8;font-size:17px;margin-bottom:14px}
.endpointHero{background:#0f172a;border:1px solid #1f2937;border-radius:26px;padding:28px;margin:24px 0}
.method{font-weight:900;margin-right:12px}
.get{color:#22c55e}.post{color:#38bdf8}.put{color:#f59e0b}.delete{color:#ef4444}
.path{font-family:monospace;color:#93c5fd;font-size:18px}
.metaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}
.meta{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:16px}
.meta b{display:block;margin-bottom:6px}
.meta span{color:#a7b0c2}
.codeBox{position:relative;background:#020617;border:1px solid #1f2937;border-radius:20px;margin:16px 0;overflow:hidden}
.codeHeader{display:flex;justify-content:space-between;align-items:center;background:#0b1224;border-bottom:1px solid #1f2937;padding:12px 16px;color:#94a3b8;font-size:13px}
.copyBtn{background:#1d4ed8;color:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}
pre{padding:20px;overflow:auto;color:#7dd3fc;line-height:1.7;font-size:14px}
.table{width:100%;border-collapse:collapse;margin:16px 0;border:1px solid #1f2937;border-radius:18px;overflow:hidden}
.table th,.table td{border-bottom:1px solid #1f2937;padding:14px;text-align:left;color:#cbd5e1}
.table th{background:#111827;color:#fff}
.notice{border:1px solid #334155;background:#0f172a;border-radius:18px;padding:18px;color:#cbd5e1;margin:18px 0}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main{padding:28px}h1{font-size:38px}}