*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:#0f1117;color:#e2e8f0}.docs-layout{display:flex;flex-direction:column;min-height:100vh}.docs-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:60px;background:#161b22;border-bottom:1px solid #30363d;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:20px}.logo-text{font-size:18px;font-weight:700;color:#fff}.logo-badge{background:#1f6feb;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px}.header-nav{display:flex;gap:4px}.header-nav a{padding:6px 14px;border-radius:6px;color:#8b949e;text-decoration:none;font-size:14px;transition:all .15s}.header-nav a:hover,.header-nav a.active{background:#21262d;color:#e2e8f0}.header-right{display:flex;align-items:center;gap:12px}.version-badge{background:#21262d;color:#8b949e;padding:3px 10px;border-radius:12px;font-size:12px}.btn-dashboard{background:#238636;color:#fff;padding:6px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500}.btn-dashboard:hover{background:#2ea043}.docs-body{display:flex;flex:1}.docs-sidebar{width:240px;padding:24px 16px;background:#161b22;border-right:1px solid #30363d;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;flex-shrink:0}.menu-group{margin-bottom:24px}.menu-group-title{font-size:11px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.8px;padding:0 8px;margin-bottom:6px}.menu-item{display:block;padding:6px 10px;border-radius:6px;color:#8b949e;text-decoration:none;font-size:13.5px;cursor:pointer;transition:all .15s}.menu-item:hover{background:#21262d;color:#e2e8f0}.menu-item.active{background:#1f3a5f;color:#58a6ff;font-weight:500}.docs-content{flex:1;padding:40px 60px;max-width:900px;overflow-y:auto}.doc-placeholder{padding:60px 0;text-align:center;color:#8b949e}.doc-placeholder h2{margin-bottom:12px;color:#e2e8f0}